14歳からはじめるHTML5 ＆JavaScript
わくわくゲームプログラミング教室
サンプル

このページでは『14歳からはじめるHTML5 ＆JavaScriptわくわくゲームプログラミング教室』で解説しているサンプルゲームを公開しています。
これらのサンプルを動かすにはHTML5対応ブラウザが必要です。

シルクハット並べゲーム
（3、4章サンプル）

遊ぶ

シルクハットを1～5の順で重ねていく「ハノイの塔」風のゲームです。 移動元→移動先の順でクリックすると、シルクハットを移動できます。 シルクハットは番号が1少ないシルクハットの上にしか置けません。

解説するもの

• HTML要素の操作
• マウスイベント
• HTML5オーディオ

バグ消しパズルゲーム
（5章サンプル）

遊ぶ

隣接するマス目をクリックしてバグの位置を入れ替え、 同じ色のバグが3つ以上並ぶと消すことができます。 ノルマの数だけ消すとステージクリアです。

解説するもの

• Canvasへの描画
• タイマーによるアニメーション

わん子通信
（6章サンプル）

遊ぶ

アドベンチャーゲームのひな形です。 HTML5を動的に読み込み、その中のスクリプトを解釈して、画像やテキスト、ボタンなどを表示します。 ChromeとSafariではアニメーションが再生されます。

解説するもの

• AJAX
• JSON
• CSSアニメーション

戻る