りんごをつかって、たしざんをするゲームだよ🍎✨
🚀ゲームのあそびかた
✅スタートボタンをおしてね！
✅りんごのたしざんが でてくるよ🍎
✅すうじのボタンから こたえを えらんで おしえてね👆
✅せいげんじかんは 30びょうだよ⌛
✅じかんないに たくさんせいかいしよう✨
※ このゲームはパソコン・タブレットでのプレイをおすすめしています
※ 「さいこうきろく」はページをとじるとリセットされます
📦ダウンロードして動かしてみよう
このミニゲームは
HTML / CSS / JavaScript だけで作られています。
一式まとめてダウンロードすれば、
そのままブラウザで動かすことができます。
インストール不要。
特別な環境もいりません。
📦ダウンロードはこちら
ZIPを解凍して中身を確認しよう
ダウンロードしたZIPファイルを解凍してみましょう。
中には、次のようなファイルが入っています。
- index.html
- style.css
- script.js
- readme.txt
- assets/bg.png
まずは index.html をダブルクリックしてみましょう。
ブラウザが開いて、ゲームがそのまま動きます。
🎨 リンゴを変えてみよう
このゲームでは、りんごの絵文字を使用していますが、
他の絵文字に変更して遊ぶこともできます✨
① script.js を開く
ダウンロードしたファイルの中にある
「script.js」というファイルをひらきましょう💡
ひらくときは👇
- メモ帳（Windows）
- テキストエディット（Mac）
- VSCode（おすすめ✨）
などを使用してください。
② 表示される絵文字を探す
絵文字は以下の変数で管理されています。👇
// 足し算で表示する絵文字
const EMOJI = "🍎";
// 正解したときに表示する絵文字
const EMOJI_SCORE = "🍏";③ 絵文字を変える
好きな絵文字に変更します。
// 足し算で表示する絵文字
const EMOJI = "🛫";
// 正解したときに表示する絵文字
const EMOJI_SCORE = "👑";④ 保存してゲームを開く
保存したあと、index.html をダブルクリックすると、
変更した絵文字で表示されます👍
こんな感じです👇
お子さまが好きなジャンルの絵文字にすると、
より楽しく足し算できますね🎵
遊びながら楽しく学ぼう！
ゲームを通して、
楽しく学んでもらえたらうれしいです✨
これからも、いろいろなミニゲームを
少しずつ増やしていく予定です。
ぜひ他のゲームにもチャレンジしてみてください！
