今回つくるゲーム
難易度
まずゲームをプレイしてみましょう。
スペースキーで剣を振ってリンゴを切ります。
プレイヤーのコード
プレイヤーのネコの動きを作っていきます。
まず、動きがわかりやすいように背景の色をこのような感じで薄い緑色にしておきましょう。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-1024x871.png?resize=1024%2C871&ssl=1)
そして、ネコのスプライトのコスチュームに移動して、左手を削除します。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-1-1024x585.png?resize=1024%2C585&ssl=1)
次にコードに移動して以下のようにコードを書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-2-1021x1024.png?resize=1021%2C1024&ssl=1)
これで、ネコを左右に移動させることができるようになりました。
剣を作る
次に剣を作っていきます
剣のコスチューム
まずは剣のコスチュームを作っていきます。
このようにネコと大きさが合うように剣と手を描きます
剣の描き方については動画を参考にしてください。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-3-1024x642.png?resize=1024%2C642&ssl=1)
剣のコード
次に剣のコードを書いていきます。剣の場所の考え方は以下の通りで、ネコの中心座標から、どれだけ差分があるかを常に計測して、剣の座標を決めていきます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/15-1024x576.jpg?resize=1024%2C576&ssl=1)
そして、まずは剣を振り上げているところから、右下にシュッと振り下ろし、剣を回転させます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/16-1024x576.jpg?resize=1024%2C576&ssl=1)
それをコードに書いていくと以下の通りです。状態という変数は以下の通り定義しています。
状態=1:剣を振り上げている 状態=2:剣を振り下ろしている 状態=0:剣を振っている途中
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-4-1024x883.png?resize=1024%2C883&ssl=1)
これらのコードについてもなかなか見ただけでは理解できないと思うので是非動画も一緒にみてください。これでスペースキーで剣をふれるようになりました。
残像を作る
次に剣の残像を作っていきます。これが、剣のクオリティーを上げるのにとても大切です。
以下のように残像というスプライトを作り、コスチュームを描いていきます。剣の軌道にそって三日月型のコスチュームを描いていきます。そして三日月型を作った後にさらにそれを小さくしたものをコスチューム2として作りますが、これらの作り方についても動画で詳しく解説しているので是非みてみてください。コスチューム3・4は振り上げた時の残像です。
残像のコスチューム
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-5-1024x598.png?resize=1024%2C598&ssl=1)
残像のコード
次に残像のコードです。以下のようにコードを書いてください。これで剣を振ったときにキレイに残像を作ることができます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-6-866x1024.png?resize=866%2C1024&ssl=1)
リンゴを落としてゲームを完成させる
さいごにリンゴを落としてゲームを完成させていきます。
リンゴのコスチューム
では、リンゴのスプライトを追加してまっぷたつに切られたリンゴのコスチュームを用意しておきます。これらの作り方についても動画で詳しく解説しているのでみてみてください。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-7-1024x604.png?resize=1024%2C604&ssl=1)
リンゴのコード
次にリンゴのコードを書いていきます。リンゴは1秒に1回落ちてきて、剣を振って残像に触れると切れるようにします。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2023/11/image-8-991x1024.png?resize=991%2C1024&ssl=1)
すべてのコード
これで剣を振るゲームの作り方は完成です。すべてのコードはこちらから確認できます。
是非このコードをもとにオリジナルゲームを作ってください。