![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
複数のスプライトが重なったシルエットから、元となるスプライトを当てるゲームです。ジグソーパズルのように、シルエット部分にスプライトをドラッグして解答します
素材を準備しよう
こちらのスタートボタン画像を右クリックして保存してください
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA8AQAAAAALIMg8AAAAAnRSTlMAAHaTzTgAAAAUSURBVBgZYxgFo2AUjIJRMAqQAAAGGAABttqbXQAAAABJRU5ErkJggg==)
スプライト素材を用意します。新しいスプライトの「ファイルから新しいスプライトをアップロード」を選びます
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
画像が読み込めたら、画面中央に移動します
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
次に新しいスプライトの「スプライトをライブラリーから選択」を選びます
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
スプライトを6つほど選びます。あとで真っ黒に塗りつぶすので、写真ではなくイラストを選んでください
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
ネコの他に、いぬ、かえる、てんとうむし、ペンギン、ひとで、ユニコーンの6つのスプライトを読み込みました。読み込めたら、名前をわかりやすいものに変更して、スタートボタンのまわりに配置します
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
大きすぎる場合は縮小ボタンをクリックしてからスプライトをクリックして縮小してください
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
右クリックして「複製」を選び、スプライトをコピーします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
コピーできたら、コスチュームを開きます
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
バケツツールで黒く塗りつぶします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
1つめのコスチュームだけ塗りつぶします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
スプライトの名前をわかりやすいものに変更します。今回は「いぬ かげ」にしました
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
キャラクターのスプライト全てに同じ作業を行います
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
緑の旗をクリックした時のスクリプトを作ろう
スタートボタンにスクリプトを作成します
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAByAQAAAAC3+R6RAAAAAnRSTlMAAHaTzTgAAAAfSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAADwbiZMAAHWWnbcAAAAAElFTkSuQmCC)
色がついた方のスプライト(シルエットじゃない方)はドラッグして動かすので、スタートした時に最初の位置に戻すようにします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAByAQAAAAC3+R6RAAAAAnRSTlMAAHaTzTgAAAAfSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAADwbiZMAAHWWnbcAAAAAElFTkSuQmCC)
黒く塗りつぶしたシルエットのスプライトに変数「表示中」を作ります。シルエットスプライトは表示・非表示を切り替えるので、それを管理するため変数です。スプライトごとに表示・非表示状態は違うので、「このスプライトのみ」で作成します
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
スクリプトを作成します。シルエットのスプライトは最初は非表示にします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAByAQAAAAC3+R6RAAAAAnRSTlMAAHaTzTgAAAAfSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAADwbiZMAAHWWnbcAAAAAElFTkSuQmCC)
作成したスクリプトをドラッグして、他のシルエットのスプライトのサムネイルにドラッグしてコピーします。今回は「いぬ かげ」から「ねこ かげ」にコピーします
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
「このスプライトのみ」で作成した変数を使ったスクリプトをコピーすると、変数も複製されます
コピーしてすぐには変数はありませんが・・・
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADhAQAAAAAsC3p8AAAAAnRSTlMAAHaTzTgAAAAoSURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAADgXkuWAAFTCig1AAAAAElFTkSuQmCC)
緑の旗をクリックしてスクリプトを実行すると変数が作成されます
![【Scratchチュートリアル】シルエットゲーム](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADhAQAAAAAsC3p8AAAAAnRSTlMAAHaTzTgAAAAoSURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAADgXkuWAAFTCig1AAAAAElFTkSuQmCC)
続きます!
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWAQAAAAAUekxPAAAAAnRSTlMAAHaTzTgAAAAaSURBVEjH7cExAQAAAMKg9U9tDQ+gAACAdwMLuAABXZHjmQAAAABJRU5ErkJggg==)
【Scratchチュートリアル】シルエットゲーム2(全3回)
続きです 問題もんだいを作つくろう 全部ぜんぶで3問もん出題しゅつだいするので、現在げんざいの問題番号もんだいばんごうを管理かんりする変数へんすう「問題番号もんだいばんごう」を作成さくせいします スタートボタンにスクリプトを作成さくせいしま...
Scratch 3.0に対応した書籍です[PR]
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク