Scratchでオリジナルのすごろくをつくってみよう

• すごろく板をつくろう
• キャラをドラッグで動かすには
• ものすごくカンタンなサイコロのつくりかた
• イベントマスをつくろう
• 手描[てが]きのイベントマスをつかいたい
• イベント方式にする際[さい]の注意点
• さいごに

すごろく板をつくろう

絵を用意しよう

すごろく板は、パソコンで描[えが]いても、手書きでもどちらでもかまいません。
手描[てが]きのものを使いたい時は、デジカメや携帯[けいたい]のカメラで撮影[さつえい]するか
スキャナで取[と]り込[こ]むことができます。最近[さいきん]のプリンタにはスキャナの機能[きのう]が
ついているものが多いので、お家[うち]の人[ひと]に確認[かくにん]してみましょう。

Scratchのサイズにあわせよう

パソコンに手描[てが]きの絵を取[と]り込[こ]んだら
Scratchの画面サイズに変更[へんこう]しましょう。

画像[がぞう]をペイントでひらきます。

取[と]り込[こ]んだときに、余白[よはく]ができていることがあるので
絵にピッタリのサイズに変更[へんこう]しましょう。




画像[がぞう]の右下にカーソルをあわせると
カーソルが⇔こんなマークになります。
この状態[じょうたい]で、画面のはしをドラッグしましょう。




下にも余白[よはく]があるときは、おなじように画面のはしをマウスでドラッグして
サイズをあわせます。



つぎに、Scratchの画面サイズに画像[がぞう]をあわせましょう。
「イメージ」のなかにある「サイズ変更[へんこう]」をクリックします。（Ctrl+Wでも可[か]）



サイズ変更[へんこう]の「単位[たんい]」をピクセルにします。
そして水平方向と垂直[すいちょく]方向のサイズを確認[かくにん]しましょう。
Scratchの画面サイズはヨコ480なので、480と入力してみましょう。

「縦横比[じゅうおうひ]を維持[いじ]する」にチェックが入っていれば、タテ方向のサイズも
自動的[じどうてき]にかわってくれます。

ここで、タテサイズが360より小さくなっていればOK
360より大きい場合は、タテサイズを360と入力して
サイズ調整しましょう。

今回はこんなすごろく板を用意しました。

方位[ほうい]磁針[じしん]・くじら・灯台[とうだい]はfreepikの素材[そざい]です。
Summerベクター画像[がぞう]Freepikによるデザイン

SVGにしていますので、使いたい方はプロジェクトからお使いください。

Scratchに背景[はいけい]をとりこもう

ではScratchに背景[はいけい]をとりこみます。

まず「ステージ」とかかれたところをクリックします。


つぎに「背景[はいけい]」のタブをクリックします。


背景[はいけい]リストが開きますので
フォルダのアイコン「ファイルから新しい背景[はいけい]をアップロード」をクリックします。


つかいたいすごろく板をえらんで「開く」をクリックします。



とりこめました。
背景[はいけい]はいくつでも使えますので、
もしゴールしたら次のステージ…みたいなこともできますね。

キャラをドラッグで動かすには

キャラを追加[ついか]しよう

まずは使いたいキャラクターをライブラリから選[えら]びましょう。
（自分で画像[がぞう]を用意してもOK）

新しいスプライトの宇宙人[うちゅうじん]のアイコンをクリックすると
スプライトライブラリが開きますので、好[す]きなキャラを人数分用意しましょう。

キャラをドラッグできるように設定[せってい]しよう

スプライトを追加[ついか]したら、スプライトをクリックしたときに出る
「ｉ」のマークをクリックしましょう。


するとスプライトの設定[せってい]がひらきます。
スプライトの名前は分かりやすい名前にしておきましょう。
そして
「プレイヤーでドラッグできるか」という項目[こうもく]にチェックをいれます。

設定[せってい]できたら、設定[せってい]画面の左上にある▲ボタンで元に戻[もど]ります。

これを、他[ほか]のキャラクターにも設定[せってい]します。

キャラをスタート位置[いち]に置[お]こう

全部のキャラクターの設定[せってい]ができたら、大きさをかえるブロックをつかって
すごろくにちょうどいい大きさに変[か]えましょう。
そして、キャラをスタート位置[いち]にドラッグして移動[いどう]させます。



キャラを移動[いどう]させたら、「ｘ座標[ざひょう]を○○、ｙ座標[ざひょう]を○○にする」というブロックを
ドラッグして合体させます。

このブロックの座標[ざひょう]は「スプライトの今いる場所」がデフォルトで入っているので
座標[ざひょう]をタイピングする必要[ひつよう]がなくてラクです。

他[ほか]のキャラクターのスタート位置[いち]もセットしておきましょう。

ものすごくカンタンなサイコロのつくりかた

サイコロの絵を用意しよう

サイコロの絵は自分で描[えが]いてもいいですし
今回のプロジェクトのものを使ってもOKです。

１から6までの目をコスチュームで用意しましょう。
ベクターモードで描[えが]くと、描[えが]きやすいですよ。

ランダムで目がでるようにプログラムしよう

サイコロのスクリプトにこんなかんじでプログラムしてみましょう。

サイコロがクリックされると、ランダムでコスチュームがかわって
１０回目でとまります。

サイコロがまわる回数を変[か]えたい時は「１０回繰[く]り返[かえ]す」の回数を変[か]えましょう。

イベントマスをつくろう

イベント用の画像[がぞう]を用意しよう

マスに置[お]くためのスプライトを用意しましょう。
イベントの数だけスプライトがいるので、
たくさん追加[ついか]して 大きさをかえて、マップに配置[はいち]します。
（イベントのプログラム作ってから、それをコピーする方法[ほうほう]でもOK）



イベントマスを配置[はいち]するとだいぶすごろくっぽくなってきました。

ステージの上に「ネコのポイント」「ギガのポイント」…というふうに
ポイントも表示[ひょうじ]させておきましょう。

変数[へんすう]を作って、チェックボックスにチェックを入れておくと
ステージに表示[ひょうじ]させることができます。
置[お]く場所はドラッグで変更[へんこう]できます。

イベントをプログラムしよう

では、「イベント１」のスプライトの中を見ていきましょう。


「旗[はた]がクリックされたとき」が３つ並[なら]んでいますね。
これは旗[はた]がクリックされたときに３つとも実行されるプログラムです。
１つにまとめてもOKなので、好[この]みでプログラムして下さい。
今回は分かりやすいように分けています。

ネコがこのスプライトに触[ふ]れたら（このマスに止まったら）イベントが発生します


定義[ていぎ]ブロックは「その他[ほか]」の「ブロックを作る」から作ることができます。

イベントでポイントをゲットしたときは、
変数[へんすう]のポイントも同じようにしておきましょう。
ポイントがへったときは、「変数[へんすう]を-1する」のようにマイナスを入れます。


イベントマスに止まったときには、ずっとスプライトに触[ふ]れている状態[じょうたい]になるので
このマスに止まっているあいだは、これ以上[いじょう]プログラムが動かないように
「ネコに触[ふ]れたではないまで待つ」を入れておきます。
（ネコが触[ふ]れなくなったら、またループがはじまる）

イベントをプログラムしよう

何が起こるかわからない、ランダムイベントを作ってみましょう。
ランダムイベントを置[お]きたいマスに、スプライトをおき
こんなかんじのプログラムにします。


さっきのイベントマスのプログラムに似[に]ていますね。
（イベントマスをコピーして変更[へんこう]するとラクチンです）

新しく、「ランダムイベント」と「かくとくポイント」という変数[へんすう]を作っています。
このイベントマスでしか使わないので、変数[へんすう]を作るときに

「このスプライトのみ」にチェックを入れておくと
他[ほか]のスプライトにはでてこないので、ゴチャゴチャしなくて良[よ]いです。

つぎに、定義[ていぎ]ブロックのなかを作っていきましょう。


これで、ランダムイベント変数[へんすう]のなかに１～３のどれかが入ります。

あとは、「ランダムイベントが１なら○○」「２なら○○」というように
イベントをそれぞれ設定[せってい]しましょう。

ポイントがかわるイベントのときは
このように「かくとくポイント変数[へんすう]」のなかに、へんこうする数字を入れておいて


ネコ・ギガ・ゴボのプログラムがわで、
ネコのポイントに、かくとくポイント変数[へんすう]のなかみをプラスします。

こうすると、イベント側[がわ]で何点になっても
こちらのプログラムを書[か]き変[か]えるひつようがないので
たくさんイベントを作りたい時に便利[べんり]ですね。

手描[てが]きのイベントマスを使いたい

手描[てが]きのマスにイベントを置[お]くときは、幽霊[ゆうれい]の効果[こうか]を使いましょう。

まず、イベントマスに、イベント用のスプライトを置[お]いて…


幽霊[ゆうれい]の効果[こうか]を100にするブロックで
スプライトを透明[とうめい]にします。


これで、イベントマスの文字が読めますし
このマスに止まったときにイベントが発生するようになりました。

「隠[かく]す」ブロックだとイベントが起こらないので注意です。

イベント方式にする際[さい]の注意点

この方法[ほうほう]を使うときに注意したいことは
２つのスプライトに触[ふ]れてしまった時に、イベントが２つとも発生してしまうことです。


↑望遠鏡[ぼうえんきょう]とドラゴンの両方に触[ふ]れてしまったときの図

スプライトの大きさをかえたり、イベントを隣同士[となりどうし]に配置[はいち]しないようにしたり
することで回避[かいひ]できます。

ほかの回避[かいひ]方法[ほうほう]としては

こんなかんじでフラグをつかってあげてもいいですね。
こうすれば、ネコがつぎにドラッグされるまでは
ネコイベント中のフラグがONになるので
ほかのスプライトのイベントが発生しなくなります。

さいごに

COMを作ったり、プレイヤーのコマを自動的[じどうてき]に動くようにしようと思ったら
やっぱりリストをつかうのがいいかな、と思いますが
みんなでワイワイ楽しむようのプロジェクトなら、この方法[ほうほう]で全然[ぜんぜん]OKだと思います。
お手軽さならダントツだと思いますので、ぜひ皆[みな]さん試[ため]してみて下さいね。

今回はポイント制[せい]でしたが、たとえば攻撃力[こうげきりょく]などをつけて
マスにとまると攻撃力[こうげきりょく]アップ→ラスボスを倒[たお]した人のかち
みたいにしても面白[おもしろ]いと思いますよ。

すごろくはいろんなアイデアを盛[も]り込[こ]めるので
みんなで相談しながらつくるのも楽しいですね。

面白[おもしろ]いすごろくができたらぜひ教えて下さい。