【旧版】enchant.js入門 (全17回)
最新版のレッスンはこちらから »
【最新版】enchant.js入門 (全12回)
HTML5、JavaScriptを使ってゲームを作る方法を学びます。Webやスマートフォンで動作するので楽しみながらプログラミングを学ぶことができます。
このレッスンでは enchant.js v0.4 を使用しています。
-
#01 enchant.jsとは何か？ (01:52)
- enchant.jsの特徴。
- サンプルゲーム。
- 必要な基礎知識。
- 開発に必要なツール。
-
#02 公式サイトについて (02:25)
- 公式サイトの紹介。
- ライブラリのダウンロード。
- ダウンロードパッケージの紹介。
- サンプルゲームの紹介。
-
#03 必要なファイルを揃える (02:37)
- 必要なファイルのコピー。
- index.htmlの編集。
-
#04 game.jsのひな形を作る (02:47)
- index.htmlの説明。
- game.jsのひな形作成。
-
#05 クマの画像を表示させる (02:43)
- 画像の先読み。
- Spriteオブジェクトの生成。
- imageプロパティの設定。
- Sceneへの追加。
-
#06 画像を表示するコードの説明 (01:50)
- 素材画像とSpriteのサイズについて。
- rootSceneについて。
-
#07 Spriteオブジェクトのframeについて (02:41)
- Spriteオブジェクトのframeプロパティについて。
-
#08 画像の回転、拡大 (02:18)
- Sprite.rotatationについて。
- Sprite.scaleXについて。
- Sprite.scaleYについて。
- Sprite.rotateについて。
- Sprite.scaleについて。
-
#09 オブジェクトの継承 (02:19)
- オブジェクトの継承について。
-
#10 ラベルを表示する (02:32)
- Labelオブジェクトについて。
- x, yプロパティについて。
- colorプロパティについて。
- fontプロパティについて。
-
#11 イベントリスナーを追加する (02:20)
- game.addEventListenerについて。
-
#12 gameのフレームを操作する (01:59)
- game.frameについて。
-
#13 ユーザーからの入力を受け付ける (02:39)
- タッチされたら処理をする方法。
- カーソルキーが押されたら処理する方法。
-
#14 thisについて (01:33)
- thisについて。
-
#15 当たり判定について (1) (01:44)
- 新しいキャラの設定。
- 新しいキャラの表示。
-
#16 当たり判定について (2) (02:09)
- intersecetメソッドについて。
- withinメソッドについて。
-
#17 ゲームオーバー処理を作る (02:44)
- 新しいSceneオブジェクトの作成。
- Sceneオブジェクトの表示。
- ゲームの停止処理。
全ユーザーの学習状況
完了済
1,229
学習中
2,447
閲覧数
90,875
あわせて読みたい
-
enchant.jsの基礎から、簡単なシューティングゲームの作り方などが紹介されている公式の入門書です。 -
enchant.jsでやりたいことから、豊富なサンプルコードを探すことができる逆引き本です。 -
さまざまなミニゲームのサンプルコードを通じてenchant.jsを学ぶことができます。 -
スマートフォンゲームでよく見られる3Dゲームや、加速度センサーを使った処理についても解説されています。
このレッスンについて
- 最終更新日
- 2011年12月15日 (2682日前)
- バージョン情報
- enchant.js v0.4
- 関連キーワード (4)
補足情報 公式サイトについて
http://enchantjs.com/ja/?s=ja