私はhtml5ゲーム作成に非常に慣れていません。最近、pngスプライトを使ったアニメーションを含むゲームを作っています。
http://i.imgur.com/MZrpq9j.png
背景があり、このスプライトを使用してマスクしようとしました。getImageData() と putImageData() を使用して、スプライトの各フレームの円部分のみを表示しようとしました。別の「円」を作成しようとするまで、すべてがクールです。 "最初のものの近く。
問題は、スプライト シートが互いに重なり合っている場合、両方の「円」を同時にアニメーション化できないことです...これが私のプロジェクトのまさに始まりです。最終的な目的は、ランダムな位置に 100 個の「円」を作成することです。
では、このスプライトシートを使用して、互いに重なる「円」がいくつかある場合でも、円の部分にのみ背景を表示して、アニメーション円を作成する方法はありますか?
私の英語が下手で申し訳ありませんが、質問を説明するために最善を尽くします...どんな提案でも素晴らしいでしょうし、必要に応じて質問について詳しく説明できます! ありがとう！！
PS: 投稿する前に宿題をしようとしましたが、見つけることができる最も近い参考文献はhttp://simonsarris.com/blog/140-canvas-moving-selectable-shapesですが、概念を適用する方法がわかりません私のケースに「ゴーストキャンバス」の..