スクラッチで”めっちゃカメレオン”の作り方

未分類

今回つくるゲーム

難易度3 out of 5 stars

今回はスクラッチで最近はやりの”めっちゃカメレオン”っぽいゲームを作っていきます。色と形を調整して、うまく背景に擬態します。みんなで遊ぶと盛り上がるのでぜひ作ってみてください!

この記事でも順番に作り方を解説しますがくわしくははYouTube動画で確認してください。


まずはゲームをプレイしてみましょう。

youtube解説

こちらの動画ではわかりやすくゲームの作り方を解説しています。実際に作るときはこの動画を見ながら作ることをお勧めします。チャンネル登録もよろしくお願いします!

[スクラッチ]めっちゃカメレオン(かくれんぼゲーム)の作り方

背景をつくる

まずは背景から作っていきます。新しいスプライトをつくり、名前を背景にします。

スクラッチで”めっちゃカメレオン”の作り方

背景のコスチュームは「ステージ」にもともとある背景を4つ組み合わせて作ります。今回は以下のように作りましたが好きなように作ってもらって大丈夫です。背景からコピーしてくるやり方などは動画でみてください。

スクラッチで”めっちゃカメレオン”の作り方

もうひとつ、以下のようにすごく小さな四角(丸でもいいです)を描いて名前をドットにします

スクラッチで”めっちゃカメレオン”の作り方



ステージの方は、真っ黒にぬりつぶしておきましょう

スクラッチで”めっちゃカメレオン”の作り方

背景のコード

次に、背景のコードを書いていきます。以下のように書くことで上下左右キーで背景を動かすことができます。

背景を200%の大きさにしようとしても、制限がかかって大きくできません。そこで裏技を使います。先ほど作った小さなドットは200%に拡大できるので、ドットを拡大してからコスチュームを背景に変更することで制限を突破することができるのです。

スクラッチで”めっちゃカメレオン”の作り方

ネコのコスチューム

次に、ネコのコスチュームを作ります。今回は色を変えることによって擬態できるようにするために、ネコのコスチュームは1色にしてしまします。

スクラッチで”めっちゃカメレオン”の作り方

擬態のポーズはたくさんあった方がいいので、他のネコのコスチュームももってきて、4種類にしましょう。

スクラッチで”めっちゃカメレオン”の作り方

ネコの色を変えられるようにする

次にネコの色を変えられるようにしていきましょう。ネコのコードを以下のように書きます。

スクラッチで”めっちゃカメレオン”の作り方

このとき、色と明るさの変数はスライダーの表示にします。そうすることで、色や明るさを自由に変更することができるようになります。また色と明るさの範囲は、それぞれ0〜100、0〜50で設定します。

スクラッチで”めっちゃカメレオン”の作り方
スクラッチで”めっちゃカメレオン”の作り方
スクラッチで”めっちゃカメレオン”の作り方
スクラッチで”めっちゃカメレオン”の作り方

これで色を変えれるようになりましたね。

ポーズと角度を変えられるようにする

ボタンのコスチュームを作る

新しくスプライトを追加し、ボタンを3つ(ポーズ、まわす、決定)追加します。

スクラッチで”めっちゃカメレオン”の作り方

コードはこのように書きます。変数iを作るときは「このスプライトのみ」にチェックを入れておきます。

スクラッチで”めっちゃカメレオン”の作り方

ネコのコードを追加する

以下のようにネコのコードを書きます。これで、ポーズを押すとポーズが切り替わり、まわすを押すと、キャラが回転します。

スクラッチで”めっちゃカメレオン”の作り方

「決定」でかくれたネコをさがす

ここまでのコードでネコをかくせるようになりました。では、ここからかくれたネコを探せるようにしていきます。「決定」のボタンを押すと”3”というメッセージを送り、このようになります。

1.ネコがその場所に固定される

2.背景が最初の場所からさがしはじめる

ネコのコード(ネコがその場所に固定される)

まず、ネコのコードです。以下のように書いてください。配置xと配置yという変数を作り、決定した時の背景のx座標とy座標にします。このように書くことで、決定された場所に固定されるように見えます。また、そのネコをクリックすることで「見つかった」と言うようにしましょう。

スクラッチで”めっちゃカメレオン”の作り方

背景のコード(背景が最初の場所からさがしはじめる)

次に背景のコードです。以下のようにコードを追加します。

スクラッチで”めっちゃカメレオン”の作り方

すべてのコード

これで完成です。すべてのコードはこちらから確認できます。

めっちゃカメレオン