TokyoPeninsulaBlog » wonderfl http://www.t-p.jp 東京半島ブログ Wed, 15 Jul 2009 09:33:22 +0000 http://wordpress.org/?v=2.8.5 ja hourly 1 スポモンスナップ http://www.t-p.jp/blog/archives/368 http://www.t-p.jp/blog/archives/368#comments Sun, 01 Mar 2009 18:35:11 +0000 miyaoka http://www.t-p.jp/blog/?p=368 SporeというゲームのAPIが公開されてユーザーメイドのクリーチャーの画像とかデータとかいろいろ取って来れるよ、ということでとりあえず画像取得をwonderflでやってみました。

奥行きつけてたくさん並べてみるとアナログ感のあるフィギュア世界みたいでちょっと嬉しいかも。
フォーカスのボカしを考え無しにいっぱいかけてるのでお使いのPCによっては激しく処理重かもしれませんが…。
ついでにせっかくなのでカメラ風のスナップ機能もつけてみました。

なんかこう自分にとってwonderflがいいなーと思うところは、どうせ１ファイルだし使えるライブラリも決まってるからとりあえず動けばいいや的にアドホックに書き散らかせる気分というかノリというか…。あと、それ故に勉強になるローテクな実装も多々見られたりして、毎度へーとかほーとか唸ってます。

設計はちゃんと考えたいけど、やっぱり動きとか気持ち良さの具体的な数値の設定をアレコレしたい！というか。いろいろ考えちゃうとすっかり萎えちゃってそういうところになかなかたどり着けないのでこうして手を動かせる気軽さはいいものだなあとつくづく。

]]> http://www.t-p.jp/blog/archives/368/feed 0 Game of Life shooter http://www.t-p.jp/blog/archives/354 http://www.t-p.jp/blog/archives/354#comments Sat, 31 Jan 2009 22:12:28 +0000 miyaoka http://www.t-p.jp/blog/?p=354 ライフゲームくらい有名なものなら、そりゃもー世界的に最適化されたコードがあるだろうって思ってたんですが、探し方が悪いのかいまいち見つけられず。かつ、自分で組んでもぜんぜんちっとも速くない…。
そんなときに目にしたのがこちらのサイトで、ConvolutionFilterとpaletteMapを使うというもの。こいつは速い…。60FPSでもバキバキです。
こういうのがGPGPUっていうやつなんでしょうか。（よくしらない）

そんなわけでwonderflを見てみたら、さらに初期化処理をpixelDissolveでやってるものがあって、「ライフゲームはConvolutionFilter、paletteMap、pixelDissolve！」と思わず叫びたくなってforkしてみました。

やりたかったこと
・セルをスクロールさせたい
・そこに撃ち込みたい
・撃ち込んで消したい
・むしろ爆発させたい
・グライダーに襲われたい

やらなかったこと
・自機を作る
・点数計算
・レベル

やってもいいんじゃないかということ
・ライフゲームの生死ルール調整

結果として「停滞している小規模なライブセル群は短いマウスホールドで撃ちこんで一掃できるけど、押しっぱなしにして撃ち続けてると逆にライブセルが拡大してしまう」
というような感じの代物になった、というのがだいたいイメージしていたものであり、かつ、作ってみて理解できた感覚でした。

開始時のブワーっとなるのは原理がよくわかってませんが面白いので面白いなあと思います。

]]> http://www.t-p.jp/blog/archives/354/feed 0 Julia Set Animations http://www.t-p.jp/blog/archives/212 http://www.t-p.jp/blog/archives/212#comments Wed, 07 Jan 2009 10:11:53 +0000 miyaoka http://www.t-p.jp/blog/?p=212 なんとなくフラクタルとかできるようになったらモテるかなーと思って（←まちがい）、アニメーションを作ってみました。

ジュリア集合というらしいです。
これがいったい何を意味するのかは解説読んでもなにがなにやらよく分からなかったので、とりあえず生成プログラムをAS3で書いてトゥイーンさせて眺めてみました。

■プロセス

1. まずはwonderflで書いてみる
http://wonderfl.kayac.com/code/0599e779599cccf15421f0282fcbd94305a5e325
リアルタイム処理するにはパワーが必要なので解像度落としてます。

2. パラメータいじってバリエーション作ってみる
http://wonderfl.kayac.com/code/d3ab3883c02aed2f95aa90ac4e1b085bd9176e3f
http://wonderfl.kayac.com/code/3e44640d5b86dcf68a5dd09bf42f404a45be5df3
http://wonderfl.kayac.com/code/b9c45ab48784f4044299375dfea5fbcb4ac4bcfb
なんかドットキャラの生き物みたいだー。

3. 寝る

4. 再び見てみる
5. 音楽に合わせつつポチポチするとちょっとトリップできそうな気がした
6. 高解像度でレンダリングしたい！
7. AIR化してフレームを連番PNG書き出し
8. じっくりコトコト6時間
9. 寝る
10. mencoderで連番PNG→AVI動画化
11. AfterEffectsタイムラインに配置（手作業）

という感じでした。AEの使い方がまだまだなので激しく手作業でした…。そのせいかいまいち音楽に合ってない感じですね。
というかASで書かずに最初からAEで生成すればいいんでしょうか！（よくしらない）

あと『カイバ』第5話のウニョンさんの色使いが最高でした。なんとなくその影響があったりなかったり。

マンデルブロって言葉はよく聞くけど、マンデルブロさんはご存命なんですね。フラクタル万歳！

]]> http://www.t-p.jp/blog/archives/212/feed 0 ActionScriptで落書きを。wonderfl by KAYAC http://www.t-p.jp/blog/archives/181 http://www.t-p.jp/blog/archives/181#comments Sat, 20 Dec 2008 15:38:10 +0000 miyaoka http://www.t-p.jp/blog/?p=181 http://wonderfl.kayac.com/

KAYACさんのwonderfl。
ActionScriptを書いてる人にとってはかなりステキなサイトじゃないでしょうか！

つまりこれは、
「絵の具の代わりにActionScriptを使って描くお絵かき掲示板コミュニティだ」
って印象だったりします。いや、ホントに。
眺めて楽しいし、引用してレスポンスもできるし。

Yahoo!Pipesなんかもよく使ってたりするんですが、その場でパズルのように組むのはなんか楽しいです（実際はめんどいのでFlashDevelopで書いてからペーストしましたが！）。
制限の枠が与えられている感じが心地いいのかも。


（あれ？ブログに貼る機能はコードしか出ないのかな…。上の「wonderfl」ってところをクリックするとプレビューが見れます）

そんなわけで、なんというか「サンプルとしかいえない何か」を作ってみたんですが。
まさに落書き感覚っていうんでしょうか。
目的にとらわれない小ネタが書きやすいなあと思いました。
これだけのためのモノを作ろうって普段あんまり思わないから、練習というか精進というか発見になるというか…。

このサイトがどんな発展をしていくのか楽しみです。

]]> http://www.t-p.jp/blog/archives/181/feed 0