![ロング体験会](https://manabiail-steam.com/wp-content/uploads/2023/03/263f08deef99ee29c35bfdad3906e03d.png)
Scratch スプラトゥーン風の動きを再現する
![Scratchでスプラトゥーンを再現する](https://manabiail-steam.com/wp-content/uploads/2023/05/Design-1.png)
子どもから大人まで大人気のゲーム、スプラトゥーン。
キャラクターが地面を塗る、あの動作をScratchで再現してみます。
拡張機能「ペン」を使うと、誰でも簡単にできますので、ぜひやってみてください。
![完成形イメージ](https://manabiail-steam.com/wp-content/uploads/2023/05/a4e207c962b096f6623e4528c68007f0.gif)
ネコの動き
まずはネコが自由に動き回るところから作ります。
どのキーでもいいのですが、今回は矢印↑↓←→で動くようにします。
左右のキーが押されたときは、向きを変え
上下のキーが押されたときは、前後に進むようにします。
![ネコの上下左右の動き](https://manabiail-steam.com/wp-content/uploads/2023/05/3b0dc5c6d19cc2a8a2a099418e1e030f.png)
こんな感じです。
回転や前後の動作ができましたか?
![ネコの基本の動き](https://manabiail-steam.com/wp-content/uploads/2023/05/63c1fabcdbf4903d6ef4ce49aa047942.gif)
最初の動作として、最前面にすること、90度に向けること、真ん中にすることも付け加えておきましょう。
![ネコの上下左右の動き、初期処理追加](https://manabiail-steam.com/wp-content/uploads/2023/05/0a4ac8ffc3148e55b927d790bef57e46.png)
これで一旦ネコの動きは完成です。
インクをつくる
次にインクをつくっていきます。
新しく「描く」でスプライトを追加します。
![インクをつくる](https://manabiail-steam.com/wp-content/uploads/2023/05/c58a92124167eaf3aa918170e8786273.png)
![インクを描く](https://manabiail-steam.com/wp-content/uploads/2023/05/e8936d6319071ef6efa91e8956a4686b-700x465.png)
描画ツールをペンに持ち替えて、太さを70にしましょう。
塗りつぶしの色は好きな色にしてください。今回は青色にします。
ペイントエディターの使い方について知りたい方はこちら
![](https://manabiail-steam.com/wp-content/uploads/2022/05/03d287161ff4ac4876842fa4bf935ef1-300x169.png)
インクっぽい感じに描きましょう。
細部までこだわらなくていいので、大体で大丈夫です。
![インクを描いた状態](https://manabiail-steam.com/wp-content/uploads/2023/05/9de1ba5e0216e7db1c750432a921707a.png)
できましたか?
わかりやすいように、スプライト名を「インク」に変えておきましょう。
![スプライト名をインクに](https://manabiail-steam.com/wp-content/uploads/2023/05/9b38da2bf0bcee8b526df93dc4b3387f.png)
インクをコーディングする
先ほどつくったスプライト「インク」の中身をつくっていきます。
拡張機能「ペン」を追加する
まずは拡張機能「ペン」を追加します。
![拡張機能の追加1](https://manabiail-steam.com/wp-content/uploads/2022/11/a55ff3da9f2bd842b6851f1868d130e1-700x566.png)
![拡張機能「ペン」を追加](https://manabiail-steam.com/wp-content/uploads/2023/05/ae7276095fc770b30700234e6f8ecb09-700x387.png)
インクのコーディング
追加出来たら、以下のようにコードをつくります。
【クローンされたとき】をトリガーとしています。ネコ側でインクをクローンする動作を後でつくります。
![インクのコード](https://manabiail-steam.com/wp-content/uploads/2023/05/e40200bfc4c596573bcdcdbf38169dc0.png)
スタンプというブロックが今回のポイントですね。
スタンプというブロックを実行すると、その時のスプライトの状態をステージにポンっとスタンプします。
10歩動かす→スタンプを押す→10歩動かす→、、、
でちょっとずつ動かしながら(位置をずらしながら)、ステージにインクをスタンプしていきます。
10回繰り返していますので、10個スタンプが押されることになります。
その前に、ネコのところまで行って、ネコと同じ向きにしていますので、
ネコから発射してポンポンポンポンポンっと10個スタンプが押されます。
インクのコードの仕上げに、最初の動きをつくりましょう。
![インクのコード最初の動き](https://manabiail-steam.com/wp-content/uploads/2023/05/264a7e631503d586e5b8d53922ccecca.png)
大きさはお好みで調整してください。
ネコの発射動作をつくる
最後にネコが発射する動きをつくります。
スペースキーが押されたときに、発射する、つまりインクをクローンするようにつくります。
![ネコの発射のコード](https://manabiail-steam.com/wp-content/uploads/2023/05/8e5533b63ecaf5f1c5f8753965810f67.png)
以上で完成です。
アレンジ案
アレンジ案を書いておきます。ぜひチャレンジしてみてください。
- インクの色を変えてみる
- もう一人プレーヤーを増やす
- 背景を変える