今回つくるゲーム
難易度
この記事ではそれぞれのコードの意味を解説していきたいと思いますので作り方の詳細はYouTube動画で確認してください。
まずゲームをプレイしてみましょう。
すべてのコード
今回のゲームのすべてのコードはこちらにあります。この記事ではこのコードの意味を解説していきます。
景色を作ろう
景色のコスチュームを描こう
まずは景色のコスチュームを作っていきます。ここが一番大切なので、作るコツはYouTube動画で確認してください。このような感じで100個の景色を作ります。電車を運転したときに、1〜100までの景色が順番に流れていきます。今回のゲームでは電車は固定されていて、景色が移動することで電車が動いているように見えるのです。そして最後に1番目の景色(駅)に戻ってきて、そこで停車します。ですので、一つ目の景色には停車ラインPを作っておきましょう。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-6-1024x608.png?resize=1024%2C608&ssl=1)
景色のコード
景色のコードは次のとおりです。実際にゲームを作るときはスプライトをいったりきたりして作りますがここでは最終的なコードを紹介して意味をお伝えします。
このコードは一般的な背景スクロールのコードです。”スピード”の変数が変わることで、スクロールの速度が変わります。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-7-1024x635.png?resize=1024%2C635&ssl=1)
そしてスピードは操縦によって決まります。後ほど操縦レバーについて説明しますが、レバーの位置によって加速したり・減速したりするという部分がここに書いてあります。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-8-1024x635.png?resize=1024%2C635&ssl=1)
そして、最終的にPの位置を電車の頭にあわせることができればピッタリ賞で、そこからの距離が記録となります。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-9-1024x635.png?resize=1024%2C635&ssl=1)
操縦レバーを作ろう
次にスピードの加速・減速を調整する操縦レバーを作っていきます。操縦レバーは3種類のパーツでできていて、
①操縦盤(ボタンやレバーを乗せる板)
②ボタン
③レバー
の3つです
操縦盤
操縦盤はこのような感じでコスチュームを描き、
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-10-1024x705.png?resize=1024%2C705&ssl=1)
コードはこのようにしておきましょう。あとでボタンの位置やレバーの位置を見ながら調整します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-11-1024x222.png?resize=1024%2C222&ssl=1)
レバー
次にレバーを作っていきます。レバーのコスチュームはこのように作って
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-13-1024x707.png?resize=1024%2C707&ssl=1)
コードはこのように書きます。マウスをオンしてスライドさせるとレバーが縦方向(y方向)のみに動きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-12-1024x623.png?resize=1024%2C623&ssl=1)
ボタン
今回加速・減速は8段階設定します。このようにボタンのコスチュームを8個用意します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-14-1024x707.png?resize=1024%2C707&ssl=1)
そしてコードはこのように書きます。 クローンを使ってボタンを配置し、レバーのy座標がそのボタンあたりにくると光るように設定しています。レバー位置という変数をつくり、レバーがどのボタンの位置にあるかを常に変数で管理するようにします。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-15-1024x911.png?resize=1024%2C911&ssl=1)
さきほど、景色のコードで、このレバーの位置ごとにスピードの加速・減速を調整しているということです。
電車を作ろう
最後に電車を作ります。今回のゲームでは電車は同じ場所に置いておくだけです。まずは以下のようにコスチュームを描きましょう。こちらは、スクラッチにもとからあるビルを横に倒して電車として使っています。好きな電車を描くのがいいと思います。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-16-1024x709.png?resize=1024%2C709&ssl=1)
そして、このようにコードを書いて電車を配置します。YouTube動画では解説していませんが、進んだ距離をここで計算しておくのも良いと思います。また、ガタンゴトンという音をスピードによって変えるコードもここで書いています。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/04/image-17-1024x925.png?resize=1024%2C925&ssl=1)
これで電車運転ゲームのコードの解説は以上です。
是非自分だけの電車運転ゲームを作ってみてください!
コメント