1. enchant.js入門
2014/07/27
竹内佑介

2. 自己紹介
• 竹内佑介
• プログラマーです
• 普段はC/C++いじってます
• 趣味で通信対戦ゲームつくってます

3. enchant.jsってなに？
• JSで簡単にゲームが作れるライブラリ
• html5製なのでブラウザ+テキストエディタですぐ
に開発がスタートできます
• 日本語の情報が沢山あります <- ここ重要

4. せっかくなので

5. サンプルゲームを1日
で作ってみました

6. 1.環境構築&hello world

7. • 公式サイトから最新版をダウンロード
• http://enchantjs.com/ja/
• enchant.jsをWebサーバに置けば準備完了

8. index.html
game.js
enchant.js
hello worldの構成
• ファイル名をクリックすると実際のコードが見れます

9. 2.キャラクター表示

10. core
jiki.png
①プリロード
assets
②画像がゲーム上に保持
素材のロード

11. スプライトの追加
core
assets rootScene
①スプライト生成 ②スプライトを登録

12. ここまでのコード

13. 3.キャラクターの移動

14. ENTER_FRAMEイベント
フレーム毎の処理
ENTER_FRAME
ここに自機移動処理を書く

15. キー入力
core
input core.input.up 上キー
core.input.down 下キー
core.input.right 右キー
core.input.left 左キー

16. ここまでのコード

17. 4.敵の作成

18. • いままでの応用で敵も作ってみる
• 敵のスプライトを登録
• ENTER_FRAMEイベントに敵の挙動を登録
• コードはこちら

19. 5.敵との当たり判定

20. 当たり判定用関数を使う
intersect()で当たり判定

21. ここまでのコード

22. 今回のコードはここにあります
https://github.com/kaidouji85/enchantJsNyuumon

23. ご清聴ありがとう
ございました