マウス（ねずみ）をクリックするゲームです。
🚀ゲームのあそびかた
✅10びょういないにマウスをたくさんクリックしよう！
✅さいこうとくてんをめざしてチャレンジ！
📦ダウンロードして動かしてみよう
このミニゲームは
HTML / CSS / JavaScript だけで作られています。
一式まとめてダウンロードすれば、
そのままブラウザで動かすことができます。
インストール不要。
特別な環境もいりません。
📦ダウンロードはこちら
ZIPを解凍して中身を確認しよう
ダウンロードしたZIPファイルを解凍してみましょう。
中には、次のようなファイルが入っています。
- index.html
- style.css
- script.js
- 画像ファイル（例：mouse.png）
- readme.txt
まずは index.html をダブルクリックしてみましょう。
ブラウザが開いて、ゲームがそのまま動きます。
🔧 プログラムを修正してみよう
今度は、テキストエディタ（メモ帳やVSCodeなど）でファイルを開いてみましょう。
コメント付きのプログラムを見ることができます。
最初は完全に理解しなくても大丈夫です。
「どんなことが書いてあるのかな？」と眺めるだけでOKです。
次に、少しだけ修正してみましょう。
たとえば、script.jsの
const GAME_TIME = 10; // 制限時間（秒）を
const GAME_TIME = 20; // 制限時間（秒）に変えると、
制限時間が20秒になります⌛
🎨 画像を変えてみよう
このゲームでは、ねずみの画像を使っていますが、
別な画像に変えることもできます。
たとえば、「kyoryu.png」という恐竜の画像を用意して、style.cssの
background-image: url("mouse.png");を
background-image: url("kyoryu.png");に修正して保存します。
index.htmlをダブルクリックすると、恐竜の画像が表示されます🦕
遊びながら楽しく学ぼう！
プログラミングは、実際に修正して動かしながら学ぶのが一番上達が早いです。
ゲームを改造して、遊びながらプログラミングを
学んでいきましょう✨
コメント