こどもと一緒にゲームを作りたくて、JavaScript(ジャバスクリプト)でプログラミングの楽しさを体験してもらうための教材を作ることにしました。
最初は意味が判らなくても大丈夫です。まずは、動かしてみて何が起きるのか見てみましょう。
1つ1つ過程を追いかけながら作って行きますので、その都度、何のための作業なのか確認しながら進めましょう。
用意する物は、テキストエディタとブラウザです。できれば、親子でチャレンジしてください。
遊んでみる | 作ってみる | 内容 | 作成日 |
---|---|---|---|
サイコロ | ソースと解説 | まずは簡単なサイコロを作ってみよう。基本的な作業の進め方も学べます | 2011以前 |
マルチダイス | 2面〜144面までの多面体で、10個までのサイコロを振ることができます。 | 2015/6/3 | |
スロットゲーム | ソースと解説 | 小2の娘のアイデアを聞きながら作ってみた | 2011以前 |
スロットゲーム2 | ソースと解説 | 記号を動物の絵に変更して、点数の記録を表示 | 2011以前 |
スロットゲーム3 | ソースと解説 | 動きのあるスロット画面にし、想定外の操作への対処を実施 | 2011以前 |
じゃんけん | ソースと解説 | じゃんけんゲーム | 2011以前 |
すごろく | ソースと解説 | 4人まで参加可能なマス目のないすごろく。名前を入れないとサイコロを振ることができない | 2011以前 |
すごろく2 | ソースと解説 | イベント対応型のすごろく | 2011以前 |
たすひく計算ゲーム | ソースと解説 | 簡単な足し算と引き算のゲームです | 2011以前 |
九九しりとり | ソースと解説 | 九九の勉強を兼ねたしりとりゲームです。答えの一の位を使ってしりとりします | 2011以前 |
九九しりとり2 | 5の段の問題点を改良したルール改善版 | 2011以前 | |
ストップウォッチ | ソースと解説 | 簡単な仕組みのストップウォッチです。一時停止もできます | 2011以前 |
キッチンタイマー | ソースと解説 | カウントダウンのタイマーです | 2011以前 |
アナログ時計 | ソースと解説 | HTML5とCSS3で作るアナログ時計。画像は自由に置き換え出来ます | 2012/10/5 |
電卓 | ソースと解説 | 計算機を作ろう。数字のボタンと四則演算のボタンを使うまさに電卓 | 2011以前 |
記述式計算機 | ソースと解説 | 式を書き込んで演算できる計算機。関数を使って複雑な計算ができる | 2011以前 |
万年カレンダー1 | ソースと解説 | まずは今月のカレンダーを作りましょう。PCの日付に連動して自動的に表示されます | 2011以前 |
万年カレンダー2 | ソースと解説 | 100年前後に対応した万年カレンダーを作ります。ソースの最後に応用カレンダーも紹介しています | 2011以前 |
フラッシュナンバー | ソースと解説 | 数値を連続で表示して足し算する問題を作るスクリプトです。フラッシュ暗算とも言いますね | 2012 |
三択クイズ | ソースと解説 | 問題と選択肢を表示し、連続して解答した結果を最後に表示します | 2013/11/9 |
アンケート調査 | 三択クイズを改良し、ポイント集計型のアンケート調査ができます。 | 2013/11/9 | |
テキストRPG | ソースと解説 | 三択クイズを改良し、テキスト型のロールプレイングゲームを作ります。 | 2013/11/10 |
ゲームブック(作例) | ソースの解説 | テキストを読み、選択肢を選んで進む、ブックタイプのロールプレイングゲームです | 2013/1/26 |
(注1)現在、各ファイルはHTML5規格に基づき、UFT-8でエンコードされたテキストで保存されています。