HTML/CSS Minesweeper Collection

このゲームの仕組み

このマインスイーパは、ほとんどの場合でゲームを作るのに必要な「JavaScript」というプログラムを一行も使っていません。

• 秘密のチェックボックス：
  ゲームのマス１つ１つは、実は「見えないチェックボックス」になっています。アンケートなどで見かける、あの四角いチェック欄です。 これですわよ！
• 「もし～なら、こうする」というルール：
  ウェブページの見た目を決める「CSS」に、たくさんのルールを書き込んであります。
  例えば、「もし 隠れたチェックボックスにチェックが付いたら、なら グレーのフタを消して、中の数字や爆弾を見せる」といった具合です。クリックするたびに、このルールが発動します。
• 賢い見張り番：
  最新のCSSには「見張り番」のような賢い機能があります。この見張り番が常に盤面全体をチェックしていて、「もし 爆弾のマスが開かれてしまったら、なら『GAME OVER』を出す」というルールでゲームオーバーを判定しています。クリア判定も同じ仕組みです。

つまり、たくさんの「チェックボックス」と、たくさんの「もし～ならルール」だけで、このゲームは成り立っているのです。

クリアチェックはしておりません。難しいのでね。