ほうきのうんめい
【難易度】★★☆
初めてでも、オリジナル作品が作れる!
ティオス(TiOS)の楽しいチュートリアル・ゲーム教材のご紹介です。
>ゲーム教材とは?
https://tios.tinkers.jp/game/
どんなゲームが作れるの?
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/7689f36b02940155b6c51557a4b86e6f.gif)
中心に居る魔女が、画面の色々なところから現れる
敵に向かって魔法を使い倒していくゲームです。
《早速やってみよう》
合計10つのスプライトを用意しましょう。
※ゲーム教材では、ゲーム内で使用する素材はすべてご用意しておりますが、
当記事より挑戦される方は、一部スクラッチに用意されていない素材が登場します。
代替素材をご利用くださいませ。
1.スプライトを用意します。
①主人公:魔女(Witch)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-6-1024x575.png)
②火の玉
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-7-1024x576.png)
③ボール
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-8-1024x576.png)
④てきのスプライト
なんと今回は、敵が5体も!!激しい戦いになりそうですね♪
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-9-1024x576.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-10-1024x576.png)
⑤カバの妖精
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-11-1024x576.png)
⑥ゲームオーバー画面
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-12-1024x576.png)
※ゲーム教材では、ゲーム内で使用する素材はすべてご用意しておりますが、
当記事より挑戦される方は、一部スクラッチに用意されていない素材が登場します。
代替素材をご利用くださいませ。
2.スプライトの大きさや位置合わせをしよう
まずは、初期設定の部分をプログラムします。
下のようにプログラムしてみましょう。
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/94ed160662be198949535a112047e9b4-e1608092498495.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/619338d8eae13903374c3d959b4532ea-300x219.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/c1d9c428389228a761558d2bf36b3e95-1-e1608094523945.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/5524848c92466b4f89ec7329440bb253.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/9115b90819a46b4f54acddb9107f30bf-1024x169-1.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/9113139b16a8da3452f5f9b7797fcd83.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/43814141cb3a5bcf3e479e89303d3de2-e1608093764167.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/4acc921111f3b590f9743688883db2e8.png)
3.ゲームの雰囲気を出そう!まずは、背景から
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/82045ce962a04701aaedadeeb8278987-e1608094730558.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/b655654d5058353b5b8e1a705db28541.png)
4.魔女を動かそう!
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/5e6540f1e84d3661ba936da967ebecef.gif)
まずは、魔女を中央に配置し、
左右キーで操作できるようにしましょう!
右キーで、時計回り
左キーで、反時計回り
といった感じですね!
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/94ed160662be198949535a112047e9b4-e1608092498495-1.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/7eaa64ec83ce00330d2355c06434e5af.png)
5.魔女の必殺技「火の玉」を出そう!
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/8f7f6f47d653dccecb02c961b67be6fd.gif)
次は、魔女が攻撃できるようにします。
下のようにプログラムしてみましょう。
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/2b530e80c7d0de90885e285c5d798063-e1608092225489.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/e1cf8bd018971ce07f45c1984757989e.png)
6.てき(bat)を動かそう
魔女を狙って攻撃してくる「こうもり」を作ります。
下のようにプログラムしてみましょう
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/3a4f695a458cb0ac0aceaa2eb13ac2dd-e1608092389159.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/7e1aeac374dc4d093f5a9e5cc729aa60.png)
ゲームの骨組みが完成!
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/586a2e6ce4702673200c55d3c14770a1.gif)
ここまで、完成しましたか?
早速プレーしてみましょう♪
改造すると・・・
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-13-1024x577.png)
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/6ef69efc393d1bab50f732736905ac96-14-1024x577.png)
これで終わりではありません!
改造編ではゲームとして更に進化させます!
例えば・・・
・火の玉を連発できるようにしたり・・・
・敵をふやしたり・・・
・ゲームスピードを変更したり・・・
もっともっと改造をして、 沢山の人に遊んでもらえるような
ゲームに進化させましょう♪
完成した作品を見てみよう!
![](https://blog.tinkers.jp/wp-content/uploads/2021/12/d3b41e96865d4c9c0e67bb9a937ad37a.gif)
今回は、シューティングゲームっぽい要素を学習することができましたね!
ビームも連射できるのか、
チャージに時間がかかるのか
違うだけでもゲームの印象は
全く異なるので、色々試してみましょう!
皆さんも、挑戦してみてくださいね♪