今回つくるゲーム
難易度
この記事でも順番に作り方を解説しますがくわしくははYouTube動画で確認してください。
まずゲームをプレイしてみましょう。
マスをつくろう
マスのコスチュームを描く
まずは、◯✕ゲームの土台となるマスを作っていきます。今回はネコのスプライトは使わないので削除して、新しいスプライトを”描く”から作りましょう。
![スクラッチで◯✕ゲームの作り方1](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-15.27.29.png?resize=1024%2C602&ssl=1)
![スクラッチで◯✕ゲームの作り方2](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-15.27.49.png?resize=986%2C868&ssl=1)
つぎに”マス”のコスチュームを描いていきます。以下のように90✕90の正方形を作り真ん中に配置します。
![スクラッチで◯✕ゲームの作り方3](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-15.38.14.png?resize=1024%2C637&ssl=1)
マスのコードを書く
そして、コードを書いていきますが、まずは考え方から説明します。◯✕ゲームは9個のマスがあるので、それを”クローン”を使って作っていきます。そして、それぞれのクローンに番号をわりふって、順番に積み重ねていきます。こんな感じをイメージしましょう
![スクラッチで◯✕ゲームの作り方4](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-133.png?resize=1024%2C575&ssl=1)
![スクラッチで◯✕ゲームの作り方5](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-134.png?resize=1024%2C575&ssl=1)
![スクラッチで◯✕ゲームの作り方6](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-135.png?resize=1024%2C575&ssl=1)
![スクラッチで◯✕ゲームの作り方7](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-136.png?resize=1024%2C575&ssl=1)
それぞれのクローンに番号をふるために、「マス番号」という変数を作ります。
このとき、以下のように、”このスプライトのみ”にチェックを入れるようにします。
![スクラッチで◯✕ゲームの作り方8](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-15.39.59.png?resize=822%2C840&ssl=1)
そして、以下のようにコードを書きます。
![スクラッチで◯✕ゲームの作り方9](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-15.43.46.png?resize=1024%2C538&ssl=1)
クローンされたときの数式の部分は、盤面をつくるときによく使います。マス番号に数字を入れて試してみましょう。
例)マス番号=1の場合 x=-90、y=-90
マス番号=5の場合 x=0、y=0
のようになるのがわかりますね。
これで旗を押すと9つのマス目ができれば成功です。
マスを押して◯×を出せるようにしよう
つぎに、それぞれのマスを押したときに、押したマスが順番に◯と×になるようにしていきます。
先ほど作ったコスチュームに移動し、以下のようにサムネイルを右クリックをしてマスのコスチュームをふたつ複製します。
![スクラッチで◯✕ゲームの作り方10](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-137.png?resize=1024%2C870&ssl=1)
そして、複製したマスの中に○と×を描きます。
![スクラッチで◯✕ゲームの作り方11](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-139.png?resize=1024%2C870&ssl=1)
![スクラッチで◯✕ゲームの作り方12](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-140.png?resize=1024%2C870&ssl=1)
そして、それぞれのコスチュームの名前を”なし”、”まる”、”ばつ”としておきましょう。
![スクラッチで◯✕ゲームの作り方13](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-142.png?resize=224%2C600&ssl=1)
次にコードにもどって、以下のようにコードを追加します。
ターンという変数を作り、◯と×を交互に表示する仕組みにしています。
![スクラッチで◯✕ゲームの作り方14](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/image-141.png?resize=758%2C802&ssl=1)
![スクラッチで◯✕ゲームの作り方15](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2024/07/スクリーンショット-2024-07-09-23.35.13.png?resize=1024%2C537&ssl=1)
これで完成です。マスをクリックして○と×が順番に出てこれば成功です。
ここからは、さらに勝敗を決めるコードも書いていくことができます。勝敗を決めるコードについてはYoutube動画を参考にしてください。
すべてのコード
すべてのコードはこちらから確認できます。
コメント