Chapter 01
開発環境のレシピ

About

開発環境のレシピ. enchant.js のダウンロード方法や Chrome Developer Tools, jsdo.it などの使い方について解説しております.

Sample

  1. enchant.js をダウンロードして実行する
  2. Chrome Developer Tools/Firebug を使う
  3. オブジェクトの中身を表示する
  4. オブジェクトの詳細を表示する
  5. エラーの内容, 場所を確認する
  6. break point をセットして処理を止める
  7. jsdo.it のコードを作る
  8. jsdo.it で作ったコードを編集する
  9. jsdo.it で作ったコードを保存, 実行する
  10. jsdo.it で作ったコードにライブラリを追加する
  11. jsdo.it で作ったコードをダウンロードする
  12. jsdo.it で作ったコードをスマートフォンモードで実行する
  13. jsdo.it で作ったコードをフルスクリーンモードで実行する

Chapter 02
基本のレシピ

About

画面サイズの設定や画像, 文字の表示といった基本的なレシピ

Sample

  1. ゲーム画面の背景色を変更する
  2. ゲーム画面の幅, 高さを指定する
  3. 画像を表示する
  4. 文字を表示する

Chapter 03
EventTarget のレシピ

About

イベントの設定に関するレシピ

Sample

  1. 更新イベントリスナを登録する(on + イベント名)
  2. 更新イベントリスナを登録する(addEventListener)
  3. タッチイベントリスナを登録する
  4. 独自イベントを作成, 発行する
  5. 登録したイベントリスナを削除する
  6. 登録した全てのイベントリスナを削除する
  7. イベントに登録した無名関数を削除する

Chapter 04
Node, Entity のレシピ

About

基本的な要素についてのレシピ

Sample

  1. 背景色を指定する
  2. 幅, 高さを指定する
  3. 移動させる
  4. 相対的に移動させる
  5. 透明度を指定する
  6. 表示/非表示を切り替える

Chapter 05
Sprite のレシピ

About

スプライトについてのレシピ. 移動や回転など.

Sample

  1. 回転させる
  2. 拡縮させる
  3. フレームアニメーションさせる
  4. フェードアウト/フェードインさせる
  5. タッチしたら削除する
  6. 大量の Sprite を表示する
  7. ランダムな方向に移動させる
  8. 移動させて画面外に出ないように制御する
  9. フレームアニメーションを使って画面上を走らせる(進行方向に応じて向きを変更する)

Chapter 06
Label のレシピ

About

ラベルについてのレシピ. 文字の表示や点滅処理など.

Sample

  1. 表示するテキストの色を指定する
  2. 表示するテキストのフォントスタイルを指定する
  3. タッチする度にカウントアップさせる
  4. 経過フレームを表示する
  5. 経過時間を表示する
  6. 指定した時間以下になったら色を変える
  7. 指定した時間以下になったら点滅させる

Chapter 07
Surface のレシピ

About

サーフェスについてのレシピ. Canvas の機能を使った描画など.

Sample

  1. 点を描画する
  2. 直線を描画する
  3. 四角形を描画する
  4. 三角形を描画する
  5. 円を描画する
  6. 円弧を描画する
  7. 画像を描画する

Chapter 08
Map のレシピ

About

マップについてのレシピ. タイル状の画像を簡単に作ることができます.

Sample

  1. タイル画像を使ってマップを表示する
  2. マップ上に障害物があるかをチェックする

Chapter 09
キー入力/タッチ操作のレシピ

About

キー入力やタッチ操作についてのレシピ. ゲームに必要不可欠な機能です.

Sample

  1. キーと数値をバインドする
  2. 十字キー入力に応じて移動させる
  3. キー入力に応じてジャンプさせる
  4. 画面端に行ったら逆にワープさせる
  5. タッチした位置に移動させる
  6. タッチしている位置に移動させる
  7. 傾きセンサーに反応させる

Chapter 10
当たり判定のレシピ

About

当たり判定についてのレシピ. ゲームの肝ですね.

Sample

  1. スプライト同士の当たり判定(矩形)
  2. スプライト同士の当たり判定(円形)

Chapter 11
Group のレシピ

About

グループについてのレシピ. 複数の要素をまとめて移動させる際などに使います.

Sample

  1. 親子関係を付ける
  2. 複数の要素をまとめて動かす

Chapter 12
Sound のレシピ

About

音についてのレシピ. ゲームに花が出ます.

Sample

  1. 音を読み込んで再生する
  2. 音を連続で再生する
  3. 再生中の音を停止する
  4. 音を中断, 再開する
  5. 音のボリュームを変更する
  6. BGM をループ再生する

Chapter 13
nineleap.enchant.js のレシピ

About

nineleap.encahnt.js についてのレシピ. 開始画面, 終了画面を追加できます.

Sample

  1. 開始画面, 終了画面を表示する

Chapter 14
util.enchant.js のレシピ

About

util.enchant.js についてのレシピ. ゲームに使える汎用的な機能があります.

Sample

  1. 画像テキストを表示する
  2. スコアを表示する
  3. タイマーを表示する
  4. ライフを表示する
  5. バーゲージを表示する

Chapter 15
ui.enchant.js のレシピ

About

ui.enchant.js についてのレシピ. 操作系のUIを簡単に実装することができます.

Sample

  1. ボタンを表示する
  2. 十字キーパッドを表示する
  3. アナログパッドを表示する

Chapter 16
avatar.enchant.js のレシピ

About

アバターに関するレシピ. キャラクタやモンスターの画像を簡単に作成, 使用することができます.

Sample

  1. アバター画像を生成して表示する
  2. アバターモンスターを表示する
  3. アバター背景を表示する

Chapter 17
tl.enchant.js のレシピ

About

tl.enchant.js のレシピ. タイムライン操作するためのプラグインです. 簡単にアニメーションさせることができます.

Sample

  1. フレーム数を指定して移動させる
  2. フェードイン/フェードアウトさせる
  3. 拡縮アニメーションする
  4. 回転アニメーションする
  5. 待ち時間を設定する
  6. アニメーション終了後に関数を実行する
  7. アニメーション終了後に複数の関数を実行する
  8. トゥイーンアニメーションさせる
  9. 並列でアニメーションさせる
  10. ループアニメーションさせる(ジグザグに移動させる)
  11. イージングを指定する

Chapter 18
gl.enchant.js のレシピ

About

gl.enchant.js に関するレシピ. WebGL を enchant.js で簡単に使えるようにするプラグインです. 2D と同じ感覚です 3D ゲームを作ることができます.

Sample

  1. gl.enchant.js をセットアップする
  2. カメラを動かす
  3. ライトの方向を変更する
  4. テクスチャを貼り付ける
  5. 3D スプライトを動かす
  6. 3D スプライトを回転させる
  7. 3D スプライトを拡縮させる
  8. 平面を生成, 表示する
  9. ボックスを生成, 表示する
  10. キューブを生成, 表示する
  11. 球体を生成, 表示する
  12. シリンダーを生成, 表示する
  13. トーラスを生成, 表示する
  14. 3D モデルを生成, 表示する

Chapter 19
その他のレシピ

About

その他のレシピです. フレームレートや iPhone 対応, 9leap 投稿に関するレシピなど.

Sample

  1. ゲームのフレームレートを設定する
  2. ゲーム画面の幅を勝手に拡縮しないようにする
  3. スマートフォンでホームにアイコンを追加する
  4. スマートフォンでフルスクリーン表示する
  5. フルスクリーン表示した際のステータスバーを透明にする
  6. 9leap に投稿する

Recipe
Title