ブログタイトル_アクション
(画像は任天堂のスーパーマリオカベガミメーカー)

-----おしらせ-----
マリオの「カベガミメーカー」がサービス終了してしまったので
カベガミメーカーなしで作れるアクションゲームをあたらしく作りました。
記事：Scratchでアクションゲームを作りたい（改）
WS0902



Scratchでアクションゲームを作るサンプルです。

アクションゲームの作り方は様々ですが
Scratchを使いはじめたばかりの人でも
作りやすいような方法をまとめてみました。  

Scratchでアクションを作る動画を作りましたので
良かったら見てみて下さい。

Scratchでアクションゲームをつくるチュートリアル


背景の画像を用意しよう

まずは背景[はいけい]の 画像[がぞう]を用意しましょう。 背景を作るには

1：スクラッチのお絵描きツールをつかって描く
2：スクラッチのライブラリからえらぶ
3：インターネット上からダウンロードした画像をScratchにとりこむ
4：ペイントやPictBear、オンラインでお絵描きできるpixlrなどのツールを使って
　お絵描きした画像をScratchにとりこむ


などの方法があります。 

関連記事：オンラインでお絵描き！カッコいいタイトルを作ろう
　　　　 手書き画像をベクターにしてScratchで表示してみよう

今回は３の「インターネット上からダウンロードした画像をScratchにとりこむ」
をやってみたいと思います。

背景はなんでもいいのですが
スーパーマリオ”カベガミ”メーカーを使うと、カンタンにマリオのステージが
作れるので、これでためしてみましょう。

WS0210

まず、カベガミメーカーのwebページをひらき
「パソコンのカベガミをつくる」のボタンをクリックします。

WS0209

つぎにサイズをえらびます。 Scratchの画面[がめん]サイズは ヨコ480×タテ360なので
同じ比率[ひりつ]の1024×768のサイズをえらびます。
これ以外のサイズだと、画面にピッタリ収《おさ》まらないので注意《ちゅうい》
（画像編集《がぞうへんしゅう》ソフトでリサイズできるならほかのサイズでもOKです）

WS0211
あとは好きなステージを描きましょう。

WS0212
 ステージができたら「カベガミ完成《かんせい》」ボタンをクリックします。

WS0213
 「カベガミを保存《ほぞん》する」ボタンをクリックして・・・

WS0214
 「ダウンロードする」ボタンをクリックします。

すると「ダウンロードフォルダ」に「wallpaper.png」という名前で保存されます。
必要《ひつよう》なステージの数だけ画像をつくりましょう。

WS0215

いくつもダウンロードすると、こんなかんじの名前で保存されます。


WS0217

保存したカベガミを、Scratchで使うには
画面左下の「新しい背景」というところの
「ファイルから新しい背景をアップロード」というアイコンをクリックします。

WS0218
さきほどカベガミメーカーで保存したファイルが
「ダウンロード」フォルダの中にはいっているので
さがして、クリックします。ステージ１につかう画像をえらびましょう。

えらんだら「開《ひら》く」ボタンをクリックします。

WS0219

開くと、「背景」のタブにきりかわります。
白い背景は使わないので、クリックして「×」ボタンで消しておきましょう。

つづけて、作ったステージのカベガミを同じ手順《てじゅん》で背景に追加《ついか》していきます。

WS0221
背景を追加したら、背景の名前もわかりやすい名前にしておきましょう。
（ステージ1.2.3とか）

WS0223
カベガミメーカーでつくったことがわかるように
ロゴ（コピーライト）は消さないようにしましょう。
著作権については、あとでくわしく書きますので、確認してみて下さい。


プログラムで背景がきりかわるようにしよう

背景を追加《ついか》したら、背景の「スクリプト」を開きましょう。

WS0222

「データ」の「変数《へんすう》を作る」ボタンから「ステージ番号」という変数を作ります。 

変数ができたら、上図のように背景にプログラムしてみましょう。
ゲームがはじまるとずっと、「ステージ番号」の中にある数字と同じコスチュームが選《えら》ばれるようになります。

これだけではまだうごきませんが、主人公《しゅじんこう》のスクリプトで
ステージをきりかえる命令《めいれい》を書くと、ステージが自動《じどう》できりかわるようになります。




ステージに立たせるには

ステージができたら、主人公のプログラムをつくっていきましょう。
今回はネコをそのまま使います。

さて、アクションゲームでたいせつなのは「重力《じゅうりょく》」をつけることです。
Scratchの世界には重力がありませんので
ふつうのプログラムだと、ネコは宙《ちゅう》にういたままになります。

そこで「地面に触《ふ》れるまでは、下向きに落ちつづける」
というプログラムをしてあげましょう。

今回は「色」で地面に触《ふ》れたかを判定《はんてい》します。
WS0226

地面に触《ふ》れたかどうかは調べるブロックの＜■色が■色に触れた＞というブロックで判定します。
このブロックの■をクリックすると、ゆびのカーソルにかわりますので
ゆびカーソルで判定につかいたい色をクリックします。

画像が小さいと、クリックしづらいので
WS0228
見た目ブロックで大きさを一時的《いちじてき》に200～300％ぐらいに変えておいて、クリックするとカンタンです。

WS0229
これでネコの足の色（オレンジ）と、ブロックの上の色（肌色）が当たったかどうかがわかります。
ブロックに埋まってしまうこともあるので、念のため、線の色も当たり判定に含めました。

WS0230

色同士の当たり判定ができたら、プログラムを組んでみましょう。
上図のようにしてみてください。
大きさや、登場する座標《ざひょう》は自由に変えて下さい。（ｘがヨコ方向、ｙがタテ方向）

もし■色が■色にふれたなら、地面に立っているということですので、
ｙ座標はかえません。
でなければ、地面に立っていないということですので
ｙ座標をマイナスして、落下する

というプログラムです。

をクリックして、地面に立てるかどうかを確認《かくにん》してみましょう。
地面に立てないときは、色をもういちど確認してください。

ステージに土管《どかん》など、地面のほかに立たせたい場所があるときには
おなじように、色を追加《ついか》してあげればOKです。


左右の動きと、カベとの当たり判定

ステージに立てるようになったら、ステージ上を移動《いどう》できるようにしてみましょう。
左右の動きは、○○歩動かすを使ってみます。
WS0231

こんなかんじにしてみました。
右キーがおされたら、右に向けてから4歩動かす
左キーがおされたら、左に向けてから4歩動かす　というようにしています。

順番《じゅんばん》が逆《ぎゃく》になっていると、4歩動かしてから右に向く・・・というヘンな動きに
なってしまうので、注意です。

カベの当たり判定もここでしています。

WS0232

左右の当たり判定には、ネコのヒゲの色をつかいました。
黒だと、ステージに立つときの色とかぶってしまうので
コスチューム編集画面《へんしゅうがめん》で茶色にかえました。

WS0233
当たり判定はこんなかんじですね。
ネコのヒゲが、カベの右側《がわ》の色（黒）か、カベの左側《がわ》の色（肌色）にあたったら
-5歩してもどしています。

これで、を押して、ちゃんとすすめなくなっているかを確認《かくにん》してみましょう。
つきぬけてしまうときは、色の設定をもう一度確認しましょう。
（ヒゲの色は選択《せんたく》しづらいので、大きさを300％くらいにしてやってみてください）

ジャンプするには？

つぎはいよいよジャンプさせてみましょう。
WS0235
フツーにかんがえると、ジャンプすると上方向（ｙ）にいくわけですから
上キーが押されたときに、ｙ座標をかえればいいですよね？
これでためしてみましょう。

WS0236
ハイ、だめですね。
上キーをおしたらおしただけ、上がっていってしまいます。
これではジャンプになりませんね。

ジャンプは「ネコが地面にいるときだけ」できるようにしないとダメです。
地面にいるかどうかの判定はもうOKですよね。

WS0237
ゲンミツにやりたいときはさっきまでと同じように<■色が■色に触れた>を使う方がいいですが
とりあえずこれでやってみましょう。

これで、上キーが押されていて、さらに<■色に触れた>（地面に立っている）ときだけ
ジャンプするようになりました。
このように「両方《りょうほう》の条件《じょうけん》がそろったときだけ」にしたいときは＜かつ＞のブロックをつかいます。

を押して、動かしてみましょう。
ちゃんとジャンプするようになりましたか？

ちなみに、このジャンプ方法は、滞空時間《たいくうじかん》とかをあまり考えていないやりかたなので
ジャンプしてるけどなんかリアルじゃないジャンプ方法になっています。

リアルなジャンプにしてみたいひとは
Scratchでの色々なジャンプ方法まとめ　こちらを参考《さんこう》にしてみて下さい。


画面はしまでいったら次のマップへ

ステージ上を動き回れるようになったので、つぎは
画面はしにつくと、次のマップに進《すす》めるようにしましょう。
WS0239

どのスクリプトに追加《ついか》しても良いですが、左右移動《さゆういどう》のところに追加してみました。
画面の右端《みぎはし》は、ｘ座標が240なので、ネコのｘ座標が240より大きくなったら
ステージがきりかわる（ステージ番号を+1する）ようにしましょう。

WS0240
さらに、ステージ番号が、背景の枚数《まいすう》より大きくならないようにするために
ｘ＞240　かつ　ステージ番号＜5
という条件にしています。

次のステージにすすむと、また左はしからのスタートになりますので
ネコの座標も、左側《ひだりがわ》にもどしてあげましょう。

さいごに、ステージ番号がクリア画面の背景になったら
「ステージクリア」と言わせます。
クリアの演出《えんしゅつ》は、色々アレンジしてみてください。

以上で、ステージを動き回る編《へん》はおしまいです。
次回は敵《てき》を追加したりしていきますので、お楽しみに！



著作権とマナーについて


リミックスでオリジナルのジバニャンを作ろうの記事でもふれましたが、
Scratchでは、自由に他の人の作品をリミックスすることができます。
オンラインScratchを使っている人たちは、このリミックス機能《きのう》があることを知ったうえで 作品を公開《こうかい》しています。

ですが、他の人が作った絵やプログラムをコピーして使ったりするときは
「この人が作りました」という事をわかるようにしておきましょう。
（リミックスボタンを押して、公開した場合は、自動で表示されるのでだいじょうぶです）

著作権《ちょさくけん》についての、小学生むけのサイトがありますので
いちど見てみて下さい。 http://kids.cric.or.jp/

小学生のかたはとくに「パクリ」というワードに敏感《びんかん》なのですが
パクリとは「誰が作ったか」を知らせずに使うことです。
きちんと「この作品のこのぶぶんは○○をつかったんだよ」と書いて
堂々とリミックスすればよいのです。リミックスは悪いことではありません。


マリオの著作権は大丈夫？

今回紹介したアクションゲームはマリオをベースに作られていますね。
これは、2次創作《にじそうさく》という「著作権《ちょさくけん》のあるものをもとにつくった創造物《そうぞうぶつ》」になります。
2次創作については、じつは法律的《ほうりつてき》にはグレーゾーンです。

ただ、「ファン活動《かつどう》の一環《いっかん》」として黙認《もくにん》されているのも事実です。
（コミケにはファンが2次創作したものが販売されていますね）
ファン活動は盛り上がってもらいたいけど公認のリスクは背負いたくないという普通の版元は、黙認という形をとります。

今回の例でいうと
・「この作品は自分が１から作った」といったり
・ほかの人がみてイヤな気持ちになる作品になっている

など、おおよそファンとはいいがたい行為はNGとなります。

マリオという作品が好きで、このゲームのよさをみんなにも知ってもらいたい。
という気持ちで作品を作っているかどうかが重要になります。

オンラインのScratchで公開するときは
カベガミメーカーで作ったことがわかるような一文をいれるといいでしょう。

当サイトは著作権等の侵害を目的とするものではありません。掲載したものに問題がある場合は関係者様よりご連絡ください。
削除等の対応をとらせていただきます。
タグ ：
Scratch
アクションゲーム