SpriteKitiOSオールスターズでSpriteKitがUIKit上で使えることを知ったiOSオールスターズというイベントに行ってきた。さんのSpriteKitでリッチな演出を追加するって発表で、UIKit上でも簡単にSpriteKitを取り込めるというのを初めて知ったので試してみた。昨日の登壇の資料です。2015目指すものTwitterのファボしたときのきらりーんってアニメーション。これっぽいのが作りたい。SpriteKitの基本を知るそもそもどうやってUIKit上にSpriteKitのオブジェクトを追加できるかがわからないのでそれを調べてみた。SpriteKitのビューを貼るだけの最低限の作業を簡単にまとめるとこんな感じ。SKSceneを作る。SKViewを作るSKViewで1をpresentするSKViewをself.viewにはるパーティクルをUIKit上にはる基本がわかったところでパーティクルを表示してみる。SKSceneをつくるSKSceneが実際に画面上でユーザーの目に触れる部分。clearColorを指定してる。UIColor.clearColor()SKViewを作ってはるViewと名乗っておきながらこいつは画面上では目に見えない。backgroundColorは持ってるんだけど、色を指定しても表示されない。UIKitでいうContainerViewに近いかなー。SKSceneをpresentして、addSubviewしておく。UIKit上で使うときは必須。UIKitで使うときは必須。viewself.view.addSubview(skView)ここまでで、SpriteKitの表示領域が見えるようになってる。次は、パーティクルの表示きらりーんってなるパーティクルを作るパーティクルの種類ってテンプレートだと、bokeh、fire、spark、smokeとか色々あって、どれを選べばいいのかーとかよくわからなかったけど全部見てみたらどれももとは同じもので、パラメータだけが違うものだということが分かった。要は、fireとsparkって同じでtextureとしてspark.pngを使っていて、あとはパラメータを変えれば、fireにもsparkにもなるってこと。パラメータをいじってみるsparkが一番近そう。いじってるとX方向の加速度とかY方向の加速度がいじれたりパーティクルが飛び散ったりする方向とかランダム具合とかで設定するんだなーってことが分かった。いじってなんか無理やりきらりーんに一番近そうっぽくしてみた。これをtwinkle.sksって名前で保存する。SKEmitterNodeを作る。それをsceneにaddChildすることで表示される。星が拡大するアニメーションもつけて、追加したのがこれ。GitHubまとめほんとうに簡単だった。理解するまではちょっと時間かかったけど。大量にオブジェクトをはったときのパフォーマンスとかは考える必要ありそうだけど。ツイートはてなブログをはじめよう!masato47744さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。