えっと、なんか書こう書こうと思っててずっと書いてなかったので書く。

2、3週間前にちまちまwonderflでセルフフォークしながらつまらんもんを作ってた。
んでやったあとにまとめてエントリーにしよーっと思ってたら、セルフフォークに関してdokeさんがエントリーしてて、ネタ被るな・・・と出鼻くじかれてそれっきり放置してたけど時間もたったことだし、前回のてら子の帰りにchabudaiさんと1週間以内にブログ書かなかったら奢り、って言ってたのを思い出したので書く。

最終的に作ろうと思ってたイメージはあったけどあえてちょっとづつフォークする形をとって途中経過を残していった。
途中でいい案思いついたらそこから違う派生でもの作っていったり、今回のは旗ってことなので意外と途中から違うものに分岐させにくいような気がしたけど、たとえばパーティクル系とかだと、色々派生していって面白くなるのかなーと。
ま、ごちゃごちゃ書いてもしゃーないので、ぺたぺたはっていく事にする。

まずはここから、サイン波を減衰させていってにょろにょろしたものを作った。
あ、そうそうコード的には幼稚かもしれませんです、はい。醜態晒しているようにしか思ってません。

次、上のにょろにょろを2本にして縦につないだら、いきなり旗っぽくなった。
この時点ではついでにマウスに付いてくるようになってる。

今度はその四角に画像をはめ込んでみる。
試行錯誤しにくいのでマウスに付いてくるのは却下。
変形はMatrix、まじめに狙ってMatrix変形したのは初めてかもしんない。
というわけでこの時点でだいぶ旗っぽいけど、実はMatrixの計算間違ってます。偶然正しく見えてるだけ。

振幅の調整して、↑までは上下の波しか加えてなかったけど、微妙に横の波も追加してみたらいきなりそれっぽくなった。
この時点でもMatrixの計算間違ってます。とりあえずあってるように見えるだけ。

んでんで、立体感出すために角度によって変形させた画像を明るくしたり暗くしたりしてみたら大分イメージしてたものに近づいた！色はColorTransformですね。
はい、まだ計算ずれてるままです。分割数とか旗の大きさの変数のところ弄ったらおかしくなりまする。

現時点での最終形。
今まで付けてたガイドの赤いラインを取っ払って、ずれてたMatrixの計算をやっとこさなおした。
旗っぽい！大体イメージどおりのものになった。重いけど。

で、あとはこっから最適化とか揺らず画像とか、分割数変えてみたりすると色々面白いとは思うんやけど、とりあえずここまでで止まってる。

始まりはサイン波。全部そこからの派生。
線を引いたり、画像をはめ込んだり、色変えてみたり、ちょっと動き足してみたり。
一気に考えるとこんなの無理！ってものもちょっとづつ足していくと意外と出来ちゃうかもしんない。
出来ないこともあるけど・・・（汗

というわけで、コード的なものじゃなくて、考え方的な勉強にもwonderflって便利便利。
今度、途中から違うものに派生させていったりしたいと思ってるんやけど、なんか思いつかないので誰かやってください。

なんか思ったより真面目っぽいエントリーになった。

そんな感じ。

ll_koba_ll先生のエントリーで詳しく解説されているので、そっちを見てください。

WinでFlashDevelop限定の話をすると、とりあえずIt’s All Text!の設定でエディタにFlashDevelopの実行ファイルのパスを通して、拡張子に「.as」を追加する。
んで、わんだふるのコード編集時にコードのテキストエリアを右クリックしてIt’s All Text!のメニューから、「.as」として編集を選ぶとめでたくFlashDevelopでわんだふれます。

ついでにFlashDevelop上でTweenerやったりas3corelibとかわんだふるで対応しているライブラリを組み込んだプロジェクトファイルを開いておくと、それらのライブラリも補完してくれるのでよりいっそう幸せになれると思います。

MACでFlexBuilderの人はさくーしゃ先生のエントリーを。
FDTって人はcellfusion先生のエントリーを参照すると幸せになれます。

で、次からが本題。

FlashDevelopとかFlexBuilderとかで編集するときにブラウザを片隅においておくわけですが、デフォルトのわんだふるのレイアウトだと、モニタの片隅において置きにくいので、いちいちウィンドウ切り替えねばやりにくい。
というわけで、わんだふるのレイアウトを勝手に変更するグリモンを書いてみた。

これ（wonderfl layout change)

初グリモン。
そしてJavaScript低レベル。
ソースは見ないで。
30分ぐらいで作った。
超適当。
インストールして何かがおかしくなっても当方責任は持ちませぬので、自己責任で。

これインストールするとコード編集時、こんな感じのレイアウトが可能。

上にちっこくなってるのが、コード編集のテキストエリア。
ついでにいらんもん全て取っ払ってやりました。
取っ払いすぎで怒られそうな気もしないでもない。

まぁ、でもこれでモニタの右隅にFFのウィンドウをおいといてコンパイル結果見ながら外部エディタでわんだふれる。

なんとなく良い感じ。
ココまでするなら、ローカルでやれよ！って感じも否めない。

そんな感じ。