Spineのアニメーションを表示(Cocos Creator)

Spineのアニメーションデータを、Cocos Creator上に読み込んで表示するテスト。

Spineでアニメーションを作成する。

json形式でエクスポートする。

Cocos Creatorでインポートし、パラメーターを設定する。

サンプル確認用URL:
https://evofan.github.io/cocoscreator_spine_test/build/web-mobile/

 

参考:

Spineでつくる2Dイラストアニメーション
https://www.amazon.co.jp/dp/477751854X/

Cocos Creator v2.0 User Manual – Spine
http://cocos2d-x.org/docs/creator/manual/en/asset-workflow/spine.html

Cocos Creator v2.0 User Manual – Spine component reference
http://cocos2d-x.org/docs/creator/manual/en/components/spine.html

HI-TIME ※モンスター素材(骸骨)を使用
http://raineru03.web.fc2.com/page002.html

Imaginary Forces、Kyle Cooperの映像

Imaginary Forces…映画・ドラマ・ゲーム・CM等のムービー制作会社。
Kyle Cooper…Imaginary Forces設立者、モーショングラフィックデザイナー。

■Kyle Cooperの発言

「タイプフェイスはその映画の特徴が反映していなければならない。
そしてデザイナーは、文字を崩す前にタイポグラフィの基礎を理解しておく必要がある」

「いいタイトルは観る人の感情を刺激する。映画の確信を予感させられれば、そのデザインは成功である」

「ヒントや刺激を得るためにあらゆるものを見たほうがいい。枠にとらわれないことだ。
さらに美術やデザインの歴史への理解もこの上なく重要だ」

 

■Kyle Cooperの手掛けた仕事

Mission: Impossible – Main Title
http://www.imaginaryforces.com/work/mission-impossible-main-title

 

D.N.A./ドクターモローの島
https://www.youtube.com/watch?v=5eLg6ZxFDm4
細胞戦争のコンセプト、動物が人間のように改造される、1:00-2:00

 

Se7en – Main Title
http://www.imaginaryforces.com/work/se7en-main-title

 

参考(引用元):

IDEA(アイデア) No.270 特集「タイポグラフィの行方」