cocos2d Advent Calendar 2011 -3日目 波紋のアニメーションやてみた。オッパイぷるるんもあるんだよ！

お疲れ様です。ZuQ9->Nnです。

この投稿は、cocos2d Advent Calendar 2011
ってイベントのための、ポストです。

なんでも、技術的なTipsをクリスマスまで、順番にブログで書いていくのだとか。。
2011年に入って、ながらく、ブログをさぼってしまいました。

ずっと、気にはなってたんですが、1度サボってしまうと
そのあと、ズルズルと怠惰を続けてしまうのが人間ってもので
今回思い切って、このイベントでブログを再開したいと思います。

さて、前置きが多少、長くなりましたが、本題に移ります。
iPhoneのアプリに

Pocket Pond


というアプリがあるんですが、iPhoneの画面をタップすると、
波紋が広がって、とても、綺麗なんですよね。。

あー、こんなの、作ってみたいなって前々から、思ってました。
いろいろ、調べていくとcocos2dのCCWave3Dあたりを使うと
比較的、簡単に実装できると知って、挑戦していました。。

今回は、cocos2dのテンプレートで自動作成された
HelloWorldLayer.mを変更していきます。
なお、環境は、Xcode4.2、cocos2d 1.0.1です。

試して、調べていくうちに分かったのですが波紋はCCWave3Dではなく、CCRipple3Dでした。
CCRipple3Dは、
+ (id) actionWithPosition: (CGPoint) pos radius: (float) r waves: (int) wav
　　　amplitude: (float) amp grid: (ccGridSize) gridSize duration: (ccTime) d
でアクションを作成し、runActionで実行させるだけでおｋ

今回は、画面をタッチした位置で波紋を作りたいので、
第一引数のposにはタッチした座標を、
第二引数のradiusは波紋の波の半径で、数値が大きいほど大きな波紋ができるようです
第三引数のwavesは波の数で、数値が大きいほど波紋の数が多くなるようです
第四引数のamplitudeは振幅率で、数値が大きいほど、激しく大きな波になるようです
第五引数のgridはアニメーションの影響範囲で、数値が大きいほど、広い範囲で波が起きるようです
第六引数のdurationはアニメーションの実行時間で、数値が大きいほど長く、アニメーションが実行されるようです。

。。。○○のようですって表現はあくまで、私見であって、
確証がイマイチとれてません。。間違っていればご指摘お願いします。

今回は、- (void) ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)eventを
オーバーライドして、そこに、アニメーションの記述をしていきます。

ハマりどころ。
アニメーションを作成し、それをそのままrunActionで実行してしまうと
アニメーションが終了した後に元の状態にならず、波の変形が残ってしまいました。

いろいろぐぐったところCCSequenceで波のアニメーションの後
CCStopGridを実行してやると元の状況にもどりました。

最終的に出来たソースがこちらです。

- (void) ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch *touch = [[touches allObjects] objectAtIndex:0];
CGPoint touchLocation = [touch locationInView:[touch view]];
touchLocation = [[CCDirector sharedDirector] convertToGL:touchLocation];

id effect = [CCRipple3D actionWithPosition:ccp(touchLocation.x, touchLocation.y)
radius:130 waves:10 amplitude:160 grid:ccg(80,80) duration:5];

[self runAction:[CCSequence actions:effect, [CCStopGrid action], nil]];
}

こちらのソースはあくまでもサンプルで第二引数から第六引数までの
数値は、適当に、それっぽい動きをするように何度か見て決めましたので
もし、気に入らなければ、適当に変更してみてください。

ちなみに、initメソッドでself.isTouchEnabled = YES;も
忘れずに記述してくださいね。そうしないとtouchが反応しませんので。。

んでもって。実行したところ、こんな感じです。


いろいろ、パラメータをいじくって行くうちに。一つの野心が芽生えてきた。
これって、ひょっとして。いわゆる。「オッパイぷるるん」が出来んではなかろうか。。

ってな訳で、早速やってみました。。こんな感じです。。。



最後は、ややネタに走ってしまいましたが。
こんなに簡単にこんなに派手なアニメーションができるのは
cocos2dのすばらしいところですね。

既出しているアプリで同じような機能が実装されていますが、
自分が作って、動かしてみると、やっぱりニヤニヤが止まりません。

2011年残り少ないですが、来年には
バンバン定期的にアプリがリリースできるよう
今後も、技術的なアウトプットをブログで続けます。

cocos2d Advent Calendarの次の方は
たくみさんって方です。
リンクをこの後に張るのかな。。イマイチよくわからんが、後は頼んだ。。

「純喫茶 アメリカン」にて

お疲れ様です。ZuQ9->Nnです。

つけ麺会の後、メンバーと皆で「純喫茶 アメリカン」にいってきました。



なんでも、最近、大阪町並みウォッチャークラスタのなかでは
純喫茶が来ているとか。。

すこし、豪華な内装の店内で

紅茶をすすりながら

ゆっくりと時間をすごす、
たまには、そういうことも大切かなと。。

こういう雰囲気のお店って、徐々に無くなってきていますね。
かといって、自分がお店を継承するなんてとても無理。

そんなときは、セカンドライフのようなバーチャルな世界でも
お気軽にできたら、面白いかなーなどとふと思いました。

「つけ麺の巨匠山岸一雄監修 つけ麺専門店 特性つけ麺」を食す

お疲れ様です。ZuQ9->Nnです。

不定期開催、好評、つけ麺会。
今回は「つけ麺の巨匠山岸一雄監修 つけ麺専門店」が
心斎橋に限定オープンって事で、そちらに行ってきました。



山岸一雄さんって、元祖つけ麺だし、期間限定だし、行かないわけにわ。。
ってなかんじで。今回のつけ麺は特性つけ麺740円

スープは2種類楽しめて、こちらが魚介ベース

こちらは、ベースが何かは不明なんですが、すこし、酸味があり、とても美味しかったです。

特性ってことで、チャーシューが別についてきました。

ここって、結局、丸ちゃんのアンテナショップって訳で
実は、ココで食べたものが、麺もスープも買えちゃうんだよね。
市販でこのレベルの高いつけ麺をぜひ。。

「堀川戎」に行きました

お疲れ様です。ZuQ9->Nnです。

去年は、今宮戎に行ったのですが、この日は、梅田で朝会があったので、
今宮まで移動が面倒ってことで、梅田の堀川戎に行くことにしました。

これも、神頼みって言うよりはむしろ
自分の中で、自分の誓いを新たにする儀式的なもの

こちらの、福興し戎に触ってご利益を

最後に、福娘さんから、お神酒をいただき。

商売繁盛、家内安全を祈願いただきました。
なお、福娘さんの写真撮影とブログアップの許可をいただきました。

「マクドナルド テキサス2バーガー」を食す

お疲れ様です。ZuQ9->Nnです。

話題のBig Americaシリーズ「マクドナルド テキサス2バーガー」が
販売されていたので気になって食べました。




まあ、食べたって報告だけで、それ以外は特に。。
はい、それなりに美味しかったです。

まあ、期間限定モノなので、つられ、つられて
毎度、毎度のパターンです。

そろそろ、このパターンもやめようかな。
でも、これが無いと更新しない可能性高いんだよね。

「新年プチワイン会」に参加

お疲れ様です。ZuQ9->Nnです。

2010年1月8日(土)iOS Weeklyでお世話になっています。
yousuke_sakiさんの
お家に招待され、プチワイン会が開催。

こちらの豪勢なお料理と





昼間から、ワインを堪能させていただきました。


一人一品持込の条件だったので、こちらの、マダムシンコのブリュレを購入

凄く、好評だったのが、唯一の救いのような。。
ってわけで、2011年の目標を色紙に記述。

・2011年4月までにiPhoneでARのアヒルアプリを完成させる
・2011年9月までに彼女を作って鴨川に並ぶ
という、目標をたてることにしました。
具体的な日付と内容により、より実現の可能性を増せるようにしました。

さて、次は、行動。動く、動くしかないわけですよ。
サボらずに、地道に、着実に

「1/4新年会＠大阪」に参加

お疲れ様です。ZuQ9->Nnです。

2011年、新年一発めのOFF会、
「1/4新年会＠大阪」が開催されたので参加しました。

参加するかどうか迷ったんだけど
なんか、人と話をしていないと不安だけがこみ上げて
精神的に落ち着かないので参加してみました。

場所は、西梅田の華様


いつもどうり、ビールで乾杯

お料理は、近江にこだわった天然由来の
健康的なメニューが多数

お刺身も大根とか

ジネンジョ。。だったかな。。

ごぼうのピザとか

野菜のてんぷら盛り合わせ

これは、なんの。掻き揚げやったかな。。

ガーリックチャーハン


パスタなんかも

お酒も変わっていて、こちらはニンジンのワイン

2011年も、blogは、写真でごまかす感じで
変わりばえしないなと思いつつ。

そんなこんなで、人と話すことで精神的にも
落ち着いてきたのでしっかりと前に進んで行きたい。

2011年初詣

新年あけましておめでとうございます。
といっても、2011年の1月半ばにこのエントリーを
書いている訳だが。。

今年はいろいろ自分にとっては大きく変化の年。
思い切って、いままでのしがらみを切り離し
別世界へ移る、その気持ちも新たにってな訳で初詣に行きました。

決して、神頼みってわけではなく、
自分の誓いを新たにしたいそんな感じです。

今年は、住吉大社に初詣にきました。
人ごみはこんな感じ。

去年行ったっけ。。って思ってblogを見直したんですが記録は無し。。
しかし、行ったとたん、去年行った記憶が
フラッシュバックで思い出した。。きっかけって凄いね。

太鼓橋を渡って

第一本宮へ


やっぱり、人が多かったので、第一本宮のみで帰宅しました。
そういえば、お墓参りもしとかなくちゃ。。

ってな訳で、2011年もよろしくお願いします。