wonderflで作った旗の過程を晒す、っていうかすでに晒してる
仕事忙しくて思うように動けずちょっとイライラ気味のみのんです。
えっと、なんか書こう書こうと思っててずっと書いてなかったので書く。
2、3週間前にちまちまwonderflでセルフフォークしながらつまらんもんを作ってた。
んでやったあとにまとめてエントリーにしよーっと思ってたら、セルフフォークに関してdokeさんがエントリーしてて、ネタ被るな・・・と出鼻くじかれてそれっきり放置してたけど時間もたったことだし、前回のてら子の帰りにchabudaiさんと1週間以内にブログ書かなかったら奢り、って言ってたのを思い出したので書く。
最終的に作ろうと思ってたイメージはあったけどあえてちょっとづつフォークする形をとって途中経過を残していった。
途中でいい案思いついたらそこから違う派生でもの作っていったり、今回のは旗ってことなので意外と途中から違うものに分岐させにくいような気がしたけど、たとえばパーティクル系とかだと、色々派生していって面白くなるのかなーと。
ま、ごちゃごちゃ書いてもしゃーないので、ぺたぺたはっていく事にする。
まずはここから、サイン波を減衰させていってにょろにょろしたものを作った。
あ、そうそうコード的には幼稚かもしれませんです、はい。醜態晒しているようにしか思ってません。
次、上のにょろにょろを2本にして縦につないだら、いきなり旗っぽくなった。
この時点ではついでにマウスに付いてくるようになってる。
今度はその四角に画像をはめ込んでみる。
試行錯誤しにくいのでマウスに付いてくるのは却下。
変形はMatrix、まじめに狙ってMatrix変形したのは初めてかもしんない。
というわけでこの時点でだいぶ旗っぽいけど、実はMatrixの計算間違ってます。偶然正しく見えてるだけ。
振幅の調整して、↑までは上下の波しか加えてなかったけど、微妙に横の波も追加してみたらいきなりそれっぽくなった。
この時点でもMatrixの計算間違ってます。とりあえずあってるように見えるだけ。
んでんで、立体感出すために角度によって変形させた画像を明るくしたり暗くしたりしてみたら大分イメージしてたものに近づいた！色はColorTransformですね。
はい、まだ計算ずれてるままです。分割数とか旗の大きさの変数のところ弄ったらおかしくなりまする。
現時点での最終形。
今まで付けてたガイドの赤いラインを取っ払って、ずれてたMatrixの計算をやっとこさなおした。
旗っぽい！大体イメージどおりのものになった。重いけど。
で、あとはこっから最適化とか揺らず画像とか、分割数変えてみたりすると色々面白いとは思うんやけど、とりあえずここまでで止まってる。
始まりはサイン波。全部そこからの派生。
線を引いたり、画像をはめ込んだり、色変えてみたり、ちょっと動き足してみたり。
一気に考えるとこんなの無理！ってものもちょっとづつ足していくと意外と出来ちゃうかもしんない。
出来ないこともあるけど・・・（汗
というわけで、コード的なものじゃなくて、考え方的な勉強にもwonderflって便利便利。
今度、途中から違うものに派生させていったりしたいと思ってるんやけど、なんか思いつかないので誰かやってください。
なんか思ったより真面目っぽいエントリーになった。
そんな感じ。
