この記事では、スクラッチ(Scratch)で「スプラトゥーン」を作る方法を解説しています。この記事と同じように作ることで、だれでもプログラミングでゲームを作ることができるようになります。
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
スプラトゥーンの遊び方
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
操作方法
- 左右に回転:矢印キー「←→」
- 前に進む:矢印キー「↑」
- インク発射:スペースキー
スプライトの用意
下記のスプライトを用意します。
- Cat(ネコ):プレイヤー
- Tera(テラ):コンピュータ
![](https://harusatoweb.com/wp-content/uploads/2023/05/0a5dd15bf41e40028f83e05be2e50645.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/0a5dd15bf41e40028f83e05be2e50645.jpg)
Cat(ネコ)のコード
Cat(ネコ)に下記のコードを入れます。
- 矢印キーで動くコード
- スペースキーでインクを発射するコード
ネコの動き
- 左右のキーで向きが変わる。
- 上向き矢印キーで前に進む。
![](https://harusatoweb.com/wp-content/uploads/2023/05/5bb5c7bbe05441b509f21b0f3a926c7a-793x1024.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/5bb5c7bbe05441b509f21b0f3a926c7a-793x1024.jpg)
ネコのインクのコスチューム
ネコのインクのコスチュームを下記の動画のように作ります。また、動画にもあるようにスプライト名をネコのインクにします。
ネコのインク攻撃
下記のコードをネコ(Cat)に入れます
- スペースキーでネコのインクのクローンを作るコード
![](https://harusatoweb.com/wp-content/uploads/2023/05/095f8180ed1984c45096dba2a2c8a7a5-1024x566.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/095f8180ed1984c45096dba2a2c8a7a5-1024x566.jpg)
拡張機能の追加
下記のように拡張機能のペンを追加します。
![](https://harusatoweb.com/wp-content/uploads/2023/05/0bb3a1bbc08e1c6f644b72f899618b53.gif)
![](https://harusatoweb.com/wp-content/uploads/2023/05/0bb3a1bbc08e1c6f644b72f899618b53.gif)
ネコのインクのコード
ネコのインクに下記のコードを入れます。
- インクの大きさの初期設定
- インクが飛び散るコード
旗が押された時、インクの大きさや色を設定します。
ペンの色を黄色にするやり方はこちらをご覧ください。
![](https://harusatoweb.com/wp-content/uploads/2023/05/6d1d1b3acc13d40cc741f7a898850a4f-840x1024.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/6d1d1b3acc13d40cc741f7a898850a4f-840x1024.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/5a81232f839b4b38f80faece3c05642d.gif)
![](https://harusatoweb.com/wp-content/uploads/2023/05/5a81232f839b4b38f80faece3c05642d.gif)
下記のコードを入れて、クローンされた時にインクが飛び散るようにします。Catの向きへ向けるの作り方はこちらをご覧ください。
![](https://harusatoweb.com/wp-content/uploads/2023/05/988820f4a8f8cefdc3d5352b7b543d0b-622x1024.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/988820f4a8f8cefdc3d5352b7b543d0b-622x1024.jpg)
下記のようにネコの向きへ向けるを作ります。
①マウスポインターへ向ける
②調べる>ステージの背景>Catの向き
![](https://harusatoweb.com/wp-content/uploads/2023/05/59ecddb48ad0f748bcf3251c5f374fed.gif)
![](https://harusatoweb.com/wp-content/uploads/2023/05/59ecddb48ad0f748bcf3251c5f374fed.gif)
テラのインク
下記の順番でテラのインクも作成します。
①ネコのインクの複製
②コスチュームの変更
③コードの改造
インクの複製
下記のようにネコのインクを複製して、テラのインクを作ります。複製したらスプライト名をテラのインクにします。
メニューバーは右クリックで出すことができます。
![](https://harusatoweb.com/wp-content/uploads/2023/05/4f46c2ab4c90d5915afd1d3abf6f35fa.gif)
![](https://harusatoweb.com/wp-content/uploads/2023/05/4f46c2ab4c90d5915afd1d3abf6f35fa.gif)
テラのインクのコスチューム
下記の動画のようにテラのインクを作ります。
テラのインクのコード
下記の動画のようにインクの初期設定を変更します。
下のコードのようになります。
![](https://harusatoweb.com/wp-content/uploads/2023/05/8edcf849240ff29fe4fc72a394d9085c-1024x575.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/8edcf849240ff29fe4fc72a394d9085c-1024x575.jpg)
次に下記の赤い四角の部分のコードを変更します。
- クローンされた時テラから飛んでいくコード
![](https://harusatoweb.com/wp-content/uploads/2023/05/5055d675d30eebce8db7b1358643ffed.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/5055d675d30eebce8db7b1358643ffed.jpg)
テラの動き
下記のコードをテラ(Tera)に入れていきます。
- 1秒ごとにランダムの位置に移動して、インクのクローンを作るコード
- ネコの方向を向き続けるコード
![](https://harusatoweb.com/wp-content/uploads/2023/05/c76c7cdec88555788a51d3652efa74f6.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/c76c7cdec88555788a51d3652efa74f6.jpg)
負け判定
Cat(ネコ)とテラ(Tera)に下記のコードを入れます。
- 敵のインクに触れたら体力が減っていくコード
- 体力が0になったらゲームが終了するコード
ネコのコード
下記のコードをネコに入れます。また、青色に触れたらはこちらをご覧ください。
- 青いインクに触れたら、ネコの体力が1ずつ小さくなるコード
- 体力が0になったらゲームが終了するコード
![](https://harusatoweb.com/wp-content/uploads/2023/05/c2b9afd9ddfc8deeab76052914cbe08f.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/c2b9afd9ddfc8deeab76052914cbe08f.jpg)
青色に触れたらは下記のように作ります。
テラのコード
下記のコードをテラに入れます。当たり判定はネコと同じように作ります。
- 黄色いインクに触れたら、テラの体力が1ずつ小さくなるコード
- 体力が0になったらゲームが終了するコード
![](https://harusatoweb.com/wp-content/uploads/2023/05/a07e943fa221521f34583c709b73565d.jpg)
![](https://harusatoweb.com/wp-content/uploads/2023/05/a07e943fa221521f34583c709b73565d.jpg)
まとめ
今回はスクラッチでスプラトゥーンを作る方法を解説しました。