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

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

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

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

まずは表示用のHTML。

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

実際の処理部分。

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

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

thisがミソです。

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

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

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

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

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

    記事を読む

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

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

    記事を読む

    Spriteを伸縮させる

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

    記事を読む

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

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

    記事を読む

    Spriteを回転させる

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

    記事を読む

    Spriteを動かしてみる

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

    記事を読む

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

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

    Spriteを動かしてみる

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

    Spriteを伸縮させる

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

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

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

    Spriteを回転させる

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

    →もっと見る



    PAGE TOP ↑