nakamura001 https://blog.hatena.ne.jp/nakamura001/ 強火で進め https://nakamura001.hatenablog.com/ enchant.js 今回のサンプル サンプルの全ファイル 今回は enchant.js に付属の action-skelton フォルダのサンプルを使います。このサンプルはクマが左から右へ移動するサンプルですがアニメーションは付いていません。こちらにアニメーションを付ける方法を解説します。 enchant.js でのアニメーションの仕組み enchant.js ではこの様な縦横のサイズが60x30の画像が有った場合に Sprite を20x30で作成( var bear = new Sprite(20, 30); )すると60x30の元画像は 以下の様に20x30に分割されます。 そして、frameの値が増える毎… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnakamura001.hatenablog.com%2Fentry%2F20110421%2F1303383146" title="キャラクターアニメーションの方法 - 強火で進め" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nakamura001/20110421/20110421195120.png Hatena Blog https://hatena.blog 2011-04-21 19:52:26 rich https://nakamura001.hatenablog.com/entry/20110421/1303383146 1.0 100%