[B! CreateJS][Animation] beth321のブックマーク

beth321 id:beth321

CreateJSとAnimationに関するbeth321のブックマーク (3)

HTML5のCanvasでつくるダイナミックな表現―CreateJSを使う記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。
beth321 2014/10/04
createjs

*あとで読む

html5

Animation

canvas

javascript

programming

Web

html

連載
リンク
『ガールフレンド（仮）におけるボーンアニメーション実装』
はじめまして。ガールフレンド(仮)でアニメーションを担当しています。峯岸と申します。本日はガールフレンド(仮)のぷちガールアニメーションの制作に関してご紹介したいと思います。ぷちガールちゃんとは？ガールフレンド(仮)ではぷちガールちゃんという機能があり、ゲーム内でバトルをしたりイベントに参加したりするときに応援してくれる小さなガールがいます。 "会いに行く"機能では、ぷちガールちゃんにアニメーションをつけて可愛く動くよう実装されています。ボーンアニメーションとは？体にボーンを階層的に設置してゆき、その骨格のつなぎ目を基準にキーフレームで動きをつけてアニメーションをつけていく技法のことです。スケルタルアニメーションや、スキンドメッシュアニメーションとも呼ばれています。ガールフレンドでは、アニメーション制作にFlashを使用しているため、ガールの各パーツを関節ごとにムービークリ
beth321 2014/08/28
(仮)

ゲーム

javascript

アニメーション

Flash

createjs

programming

animation

game

anime
リンク
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。スプライトシートを使う方法ベクターアニメーションを使う方法スプライトシートビルダーを使う方法おまけ：GIFアニメーションを使う方法おまけ：Flashアニメーションを使う方法スプライトシートを使うスプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。表現の再現性が高いう
beth321 2013/05/17
HTML5

javascript

CreateJS

アニメーション

Web制作

canvas

animation

flash

Toolkit for CreateJS

HTML
リンク
1