0

私はゲームを作っていて、自分のキャラクター (攻撃、歩行など) をアニメートしたいのですが、その方法がわかりません。ループの場合、アニメーションが一瞬で再生されて見えなくなるため、ループではないことはわかっています。サンプルのスプライト シートをダウンロードしました。方法を習得したらテストします。

4

4 に答える 4

3

サポートされている場合は、 CSS3のsteps（）関数を使用してスプライトアニメーションを取得できます。または、タイマー（setTimeout、setInterval）を使用した単純なJavaScriptアプローチ。

ここに両方の​​簡単な例があります：http：//codepen.io/anon/pen/hCeuG

ただし、JSの部分については、アニメーションを更新する単一のゲームループがある場合は、単なる例である方がよいでしょう。javascriptゲームループについての非常に深い説明はここにあります：http：//nokarma.org/2011/02/02/javascript-game-development-the-game-loop/index.html

于 2013-02-09T09:11:59.890 に答える
2

ゲームを簡単にすることのみを目的として存在する JS ベースのゲーム ライブラリを利用できるようにしています。それらのいずれかを使用する必要があります。
私はそれらのいくつかに取り組んできましたが、サウンドとスプライトシートを幅広くサポートするCreateJSが気に入っています。実際、アニメーションを使用してその場でスプライトシートを作成できます

于 2013-02-09T09:25:48.300 に答える
0

Free スプライトを使用するか、Photoshop (プロなら!) またはSprite Maker (Basic ユーザーなら!)で作ってみてください。

使用できる 3D モデルの場合

于 2013-02-09T09:21:28.740 に答える
0

私もそんな状態でした。

CreateJSは私にとって非常に役に立ちました。

このライブラリには、スプライト シートとビットマップ アニメーションの処理に関する非常に優れたドキュメントがあります。

EaselJS には、ゲームでスプライト シートを使用する方法を示すソース コードの例があります。

スプライト シートの操作に役立つ別のブログは、David Rousset によるものです: HTML5 Gaming: E​​aselJS を使用した Canvas でのスプライトのアニメーション化

これらはあなたに役立つと思います

于 2013-03-14T06:22:15.247 に答える