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

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

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

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

まずは表示用のHTML。

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

実際の処理部分。

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

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

thisがミソです。

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

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

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

関連記事

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

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

記事を読む

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

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

記事を読む

Spriteを伸縮させる

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

記事を読む

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

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

記事を読む

Spriteを回転させる

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

記事を読む

Spriteを動かしてみる

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

記事を読む

Spriteを回転させる

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

Spriteを伸縮させる

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

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

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

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

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

Spriteを動かしてみる

enchant.jsのSpriteを動かしてみましょう。 ドロイ

→もっと見る



PAGE TOP ↑