enchant.jsで複数のSpriteを動かしてみる

公開日: : 最終更新日:2014/04/30 enchant.js , , ,

enchant.jsのSpriteを複数操作します。

ドロイド君が10体のペアで画面を斜めに移動し続けます。

まずは表示用のHTML。

enchant.jsの読み込みはそれぞれのフォルダー形式に合わせてください。

実際の処理部分。

Spriteを保存するエリアを配列で作成します。

生成したSprite分、イベントリスナーを設定します。

thisがミソです。

ドロイド君が軍団で移動します。

実際の動作はここをクリック。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】

enchant.jsを始めてみようと 買いました。 買ってみたが現在、本棚肥やしになって

記事を読む

andoroid

Spriteを回転させる

enchant.jsのSpriteを回転させます。 ドロイド君が10体のペアで画面を回転しなが

記事を読む

no-img

Spriteを動かしてみる

enchant.jsのSpriteを動かしてみましょう。 ドロイド君が画面を斜めに移動し続けま

記事を読む

no-img

Monacaプラットフォームでenchant.jsを動かしてみる

Monacaプラットフォームでenchant.jsを動かしてみます。 スマートフォンアプリを作

記事を読む

stinger0003b

STINGER3とenchant.jsが融合するとこうなる

話題のSTINGER3とenchant.jsが融合 今話題のSTINGER3と昔ちょっとやって見よ

記事を読む

no-img

Spriteを伸縮させる

enchant.jsのSpriteを伸縮しながら移動します。 まずは表示用のHTML。

記事を読む

no-img
Monacaプラットフォームでenchant.jsを動かしてみる

Monacaプラットフォームでenchant.jsを動かしてみます。

andoroid
Spriteを回転させる

enchant.jsのSpriteを回転させます。 ドロイド君が

no-img
HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】

enchant.jsを始めてみようと 買いました。 買って

stinger0003b
STINGER3とenchant.jsが融合するとこうなる

話題のSTINGER3とenchant.jsが融合 今話題のSTIN

no-img
Spriteを伸縮させる

enchant.jsのSpriteを伸縮しながら移動します。 ま

→もっと見る



PAGE TOP ↑