こどもと一緒にゲームを作りたくて、JavaScript(ジャバスクリプト)でプログラミングの楽しさを体験してもらうための材料を作ることにしました。
最初は意味が判らなくても大丈夫です。まずは、動かしてみて何が起きるのか見てみましょう。
1つ1つ作っていくので、何をするための部分なのか考えながら進めて行くと良いでしょう。
用意する物は、エディタ(メモ帳などのソフト)とブラウザです。ブラウザはエディタで作ったHTMLを動作テストする画面と「ソースと解説」を見る画面の2つ用意します。
| サイコロ | ソースと解説 | まずは簡単なサイコロを作ってみよう。基本的な作業の進め方も学べます |
| スロットゲーム | ソースと解説 | 小2の娘のアイデアを聞きながら作ってみた |
| スロットゲーム2 | ソースと解説 | プログラムとしては完成 |
| スロットゲーム3 | ソースと解説 | デザイン面での修正と、想定外の操作への対処を実施 |
| じゃんけん | ソースと解説 | じゃんけんゲーム |
| すごろく | ソースと解説 | 4人まで参加可能なマス目のないすごろく。名前を入れないとサイコロを振ることができない |
| すごろく2 | ソースと解説 | イベント対応型のすごろく |
| たすひく計算ゲーム | ソースと解説 | 簡単な足し算と引き算のゲームです |
| 九九しりとり | ソースと解説 | 九九の勉強を兼ねたしりとりゲームです。答えの一の位を使ってしりとりします |
| 九九しりとり2 | 5の段の問題点を改良したルール改善版 | |
| ストップウォッチ | ソースと解説 | 簡単な仕組みのストップウォッチです。一時停止もできます。 |
| 電卓 | ソースと解説 | 計算機を作ろう。数字のボタンと四則演算のボタンを使うまさに電卓 |
| 記述式計算機 | ソースと解説 | 式を書き込んで演算できる計算機。関数を使って複雑な計算ができる |
| 万年カレンダー | ソースと解説 | 100年前後に対応した万年カレンダーを作ります。今日の日付の出し方も判ります ソースの最後に応用カレンダーも紹介しています |