![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
動き回る2つのキャラクターを赤い糸でつなぎ続けるプログラムを作っていきます
完成したプロジェクトはこちらです
運命の赤い糸 Scratchで作成
素材を準備しょう
ネコは使わないので削除します。ネコを右クリックして「削除」を選ぶか、メニューのはさみアイコンをクリックしてからネコをクリックします
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
「新しいスプライト」の「スプライトをライブラリーから選択」をクリックします
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
スプライトライブラリーから「Prince」と「Princess」を選びます。シフトキー(Shift)を押しながらクリックすると複数のスプライトを選択できます
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
ステージに読み込まれました
![【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,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
これで素材の準備は完了です
スクリプトを作成しょう
「赤い糸」スプライトを選び「線を引く」という新しいブロックを作成します
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
「線を引く」ブロックのスクリプトを作成します。王子様とお姫様を結ぶ線を描画するスクリプトです
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
「線を引く」ブロックをダブルクリックすると、王子様とお姫様の間に青い糸が描画されます
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFTAQAAAADdfsO2AAAAAnRSTlMAAHaTzTgAAAAySURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvBtx4gABbWVpRwAAAABJRU5ErkJggg==)
赤い糸にしたいので「赤い糸」スプライトにスクリプトを追加します。プログラムの開始時にペンの色を赤にして、線を引くブロックを繰り返し実行します
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
緑の旗をクリックして実行してみます。赤い糸が描画されました
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
王子様とお姫様をドラッグして動かすと、線も動きます
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
王子様とお姫様が画面上を動き回るようにします。王子様とお姫様のスプライトに同じスクリプトを作成します
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFUAQAAAADAe/MOAAAAAnRSTlMAAHaTzTgAAAAzSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgYcjgAAdqmsNkAAAAASUVORK5CYII=)
これで画面を動き回る王子様とお姫様がずっと赤い糸で結ばれるようになりました
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
これで完成です!
このプログラムを応用してゲームを作ってみました。赤い糸から逃げてハートを集めるゲームです
![【Scratchチュートリアル】運命の赤い糸](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
運命の赤い糸ゲーム Scratchで作成
Scratch 3.0に対応した書籍です[PR]
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク