スクラッチ(Scratch)で作るタイピングゲーム作成~基礎編

岡山市のプログラミング教室 キュリオステーション岡山店は子どもプログラミングスクール Scratch

岡山市北区のプログラミング教室【キュリオステーション岡山店】

タイピング練習用のソフトを探すくらいなら、自分で作っちゃえ~みたいな感じで簡単なタイピング練習もできるゲーム作成。
子ども向けの学習教材、Scratch言語で作ってみました。😸

拡張性のある作り方にしてみましたので、マネしながら拡張して下さい。いろいな作り方がありますので、「一例」として、こんなこともできるんだな?っと考えて下さい。

準備

岡山市北区のプログラミング教室 Scratch タイピング練習 1

キャラクターとステージ(背景)を準備します。

「×」と「ハート」は、正解、不正解に出すマークとして使用します。

「×」は、小さいので、大きさを調整して下さい。

データをセットする

タイピングする問題は、リストデータを使用して作ります。
この値を変えるだけで、問題を変えることができますので、、まずは、1文字から、、、

おさるさんが、問題をだすような作りです。

岡山市北区のプログラミング教室 Scratch タイピング練習 2

A~Zまでとか、数字も含めて、、、重複した値をセットしてもOKです。

固定値として、あらかじめ登録しておくこともできますが、今回は、「旗」が押される毎に、値をセットしています。

問題を出す

岡山市北区のプログラミング教室 Scratch タイピング練習 3

問題を出題する部分を作ります。

使用するキャラクターに、しゃべらせて、問題を出しています。
最初のセリフを出しながら、問題を出します。
くりかえしの数が、出題数となります。

汎用的に、ランダムにセットする値は、「リストデータの長さ」を利用すると、問題を変える場合など、変更箇所が少なくなります。

ここまで、できたら、実際に動かして、動作を確認してみましょう。

正解か?判定をしてみよう

岡山市北区のプログラミング教室 Scratch タイピング練習 4

出題まで、できたので、回答(タイピング)をして、チェック部分を追加していきます。簡易的に、「聞いて待つ」と「答え」を使います。

正解、不正解の簡易的な表示を「メッセージ」を使って行っています。

※回答後、「Enter」キーを押さないと確定しない欠点がありますので、回避策は後述で紹介しています。

○×表示を追加してみよう

岡山市北区のプログラミング教室 Scratch タイピング練習 5

問題と回答が違っていると、「×」

正解すると、「ハート」を出すようにしてみました。

出すタイミングは、メッセージを受け取ったタイミングで出しています。

得点と終わりを追加

岡山市北区のプログラミング教室 Scratch タイピング練習 6

最後に、得点と終わりにメッセージを出すようにしてみましょう。

得点とか、タイマーを使うことで、ゲームっぽくなってきます。

よりタイピング練習っぽく改造するには?

1文字入力(タイピング)して、「Enterキー」を押すのが、、、

っと思われる方は、改造して、よりタイピング練習っぽくしてみましょう。

岡山市北区のプログラミング教室 Scratch タイピング練習 7

キーが押されたことを受け取り

後は、共通して使えるように、「ブロック」を使って作ります。

岡山市北区のプログラミング教室 Scratch タイピング練習 8

※他の方法もあります。

1文字だけではなく、2文字、3文字と、単語を使用する場合は、

入力された文字を順番に格納する「変数」を用意して、ためていく仕組みを作ると、よりタイピング練習っぽくなります。

まずは、基本的なベースを作り、そこから、どんどん改良、バージョンアップしていくと

どのような仕組みで作れば、より、汎用的になるか?

そんなことも考えながら、スキルアップしてみて下さい。

正解になった、不正解? 音を出すように改良すると楽しめるかも知れませんね

改良版は、こちらの記事にて

スクラッチ(Scratch)でタイピングゲーム作成~改良版~
岡山地域で一番の解決力を自慢したい岡山市北区のプログラミグ教室「キュリオステーション岡山店」では、単純なサンプルプログラミグを改造していき、発想力を養っていきます。タイピングゲームでもどんどん発想が広がっていき様々な仕組みができることでしょう

プログラミングスキルをアップするには?

いかに、簡単に作るか?

どのようにすれば、修正がより簡単にできるようになるか?

など、作った後に、見直してみるとよいでしょう。

マネして作る・・・

そこから、より簡単に?

を考えると、プログラミングスキルがアップしていくことでしょう。

ワンランク上のスキルとなります。

(^-^)

事例も多いので、参考書的な本⇒スクラッチプログラミング事例大全集

プログラミングで大切なコト!!

流れ(手順)を理解すること、マネするだけなら誰でも出来ますので、どのような手順で行っているかを考えて見て下さい。

流れが解れば、プログラミングのコツも解ってくることでしょう。

マネするだけでなく、改造もして見て下さいネ♪

岡山市北区のパソコン&プログラミング教室|こどもロボット&英語教室
岡山でパソコン・プログラミング教室、ロボット教室をお探しなら、岡山地域で「めっちゃ解りやすい説明ですネ」っとよく言われる岡山市北区のパソコン・プログラミング教室|こどもロボット教室&英語教室のキュリオステーション岡山店へ
岡山市北区のマンツーマン個別指導型パソコン教室
岡山でパソコン・プログラミング教室をお探しなら、「解りやすい説明でした」との感想が多い岡山市北区のパソコン・プログラミング教室【キュリオステーション岡山店】へ、気軽にスマホのことも相談できる教室です。無料体験・無料相談も随時しています。
岡山市北区のプログラミング教室「キュリオステーション岡山店」
岡山でパソコン・プログラミング教室をお探しなら、キュリオステーション岡山店へ、岡山地域で一番の問題解決力「私には解りやすかった」との感想が多い岡山市北区のプログラミング教室です。驚きの回答と効率よい学び方の相談などお気軽にお問い合わせを!!
岡山市北区のロボット教室&ロボットプログラミング教室【岡山表町教室】
岡山でロボット教室|ロボットプログラミング教室をお探しなら、岡山市で発想力と応用力を養う習い事と話題のヒューマンアカデミーロボット教室「岡山表町教室」へ。準備も片付けも自分で!普段見られない姿が見られるロボット教室
岡山市北区の恥ずかしがり屋な子ども向け英語|英会話教室
岡山でこども英語教室をお探しなら、岡山市北区のシャイで恥ずかしがり屋な子ども向け英語|英会話教室「ヒューマンアカデミーランゲージスクール岡山表町教室」へ、英会話スクールと英語塾のいいとこ取りの仕組みとなっています。気になりましたら無料体験をご予約下さい。
岡山市北区のパソコン教室「キュリオステーション岡山店」の料金設定
岡山でパソコン教室をお探しなら、気軽に相談できる教室と話題の安い料金設定も魅力的な岡山市北区のパソコン教室「キュリオステーション岡山店」へ、パソコン、スマホ、プログラミング、資格取得、学び方など、ちょっとした相談事など気軽に相談できる教室です。

 

パソコン・プログラミングのスキルアップなら、岡山市北区のパソコン教室「キュリオステーション岡山店」へ、通いやすい仕組みの料金設定にしています。

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