(1)マウス操作、バネ運動、回転運動を取り入れて描く線模様 | デザインってオモシロイ -MdN Design Interactive-

(1)マウス操作、バネ運動、回転運動を取り入れて描く線模様

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

maniacs
02
マウス操作、バネ運動、回転運動を
取り入れて描く線模様

ActionScript ActionScript 2.0以降
制作環境 Flash 8
動作環境 Flash Player 8以降






線で結ばれた丸形と四角形のレバーをドラッグすると、ランダムで線模様を描くツールを作成する。ドラッグだけではできない滑らかな動きを出すために、各レバーにバネ運動で追従する十字ポイントを作成。そこに、十字間の距離を半径とした円の回転運動を加えた軌跡を組み合わせることで、複雑で美しい模様が描かれる。また、線が増えても滑らかな動きを損なわないように、線をビットマップイメージにレンダリングした。描く線を変形したり、新たな運動を追加したりすることでさまざまなバリエーションができる。ドラッグ操作を自動化すれば模様を描くムービーも作成可能だ。


制作・文=北川貴清
url. www.f-l-a-v-o-r.com/


→point1 全体の流れを大まかに構築する
→point2 カラーチップの作成と連結線の設定
→point3 回転運動とビットマップへの描画

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在