かけざんでモンスターをたおそう!👻

かけざんのもんだいをといて、モンスターをたおそう!

🚀ゲームのあそびかた

✅スタートボタンを おしてね!
✅でてくるかけざんの もんだいを見よう👀
✅したのすうじボタンで こたえをえらぼう👆
✅パソコンのキーボードでも こたえられるよ💻
✅30びょうで モンスターをなんたい たおせるかな?

※ このゲームはパソコン・タブレットでのプレイをおすすめしています
※ 「さいたんきろく」はページをとじるとリセットされます

📦ダウンロードして動かしてみよう

このミニゲームは
HTML / CSS / JavaScript だけで作られています。

一式まとめてダウンロードすれば、
そのままブラウザで動かすことができます。

インストール不要。
特別な環境もいりません。

📦ダウンロードはこちら

ZIPを解凍して中身を確認しよう

ダウンロードしたZIPファイルを解凍してみましょう。

中には、次のようなファイルが入っています。

  • index.html
  • style.css
  • script.js
  • readme.txt
  • assets/bg.png

まずは index.html をダブルクリックしてみましょう。
ブラウザが開いて、ゲームがそのまま動きます。

🎨 かけざんの段をかえてみよう

このゲームでは、練習したいかけざんの段のみを出題することができます。

たとえば、
「6の段だけやりたい!」
「7の段を練習したい!」
というときに使えます。

① script.jsをひらく

ダウンロードしたファイルの中にある
「script.js」というファイルをひらきましょう💡

※メモ帳やVSCode(おすすめ✨)などのソフトで開きます📝

② プログラムを修正する

script.jsを開いたらtargetTablesという配列を探してください。

出題される掛け算の段は targetTablesという配列の中で管理されています。

このゲームでは予めすべての段を設定しています👇

// 出題する九九
const targetTables = [2,3,4,5,6,7,8,9];

出題したい段のみに設定します👇

例:6と7の段のみ出題したい場合

const targetTables = [6,7];

⚠️ 大事なポイント(カンマを忘れずに!)
カンマ( , )で区切って設定してください。

③ 保存してゲームを開く

保存したあと、index.html をダブルクリックすると、
設定した段の掛け算が出題されます👍

得意な段・苦手な段などお子様にあった掛け算ゲームを楽しんでください😊

遊びながら楽しく学ぼう!

ゲームで楽しく掛け算を学んでもらえたらうれしいです✨

これからも、いろいろなミニゲームを
少しずつ増やしていく予定です。

よかったら、ほかのゲームにもチャレンジしてみてください!

タイトルとURLをコピーしました