![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
マウスカーソルを追いかけてキョロキョロ目を動かすプログラムを作ります。スクリプトは簡単。ポイントは素材の作り方です
完成したプロジェクトはこちらです
素材の準備
今回はネコは使用しないので削除します。右クリックして表示されるメニューから「削除」を選ぶか、ハサミアイコンをクリックしてからネコをクリックして削除します
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
こちらのネコの画像を右クリックしてダウンロードしてください
![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAADwAQAAAAAbMKR4AAAAAnRSTlMAAHaTzTgAAAAeSURBVFjD7cEBDQAAAMKg909tDwcUAAAAAAAAAA8GHgAAAX+x2gIAAAAASUVORK5CYII=)
新しいスプライトの「ファイルから新しいスプライトをアップロード」をクリックします
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
ダウンロードしたネコの素材を読み込んで新しいスプライトを作成します。スプライトが作成できたら画面の中央に移動します
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
目のスプライトを作ります。「新しいスプライト」の「新しいスプライトを描く」をクリックします
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
中央より少し右に円を描きます(円のサイズは12×12ピクセルくらい)
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
スプライトの名前を「右目」にして、ネコの右目の位置に移動します
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
マウスカーソルの方向に目を動かすスクリプトを作成します
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAByAQAAAAC3+R6RAAAAAnRSTlMAAHaTzTgAAAAfSURBVGje7cEBAQAAAIIg/69uSEABAAAAAAAAAADwbiZMAAHWWnbcAAAAAElFTkSuQmCC)
ここで緑の旗をクリックして動作確認してみます。マウスカーソルを追いかけて目がくるくる動けばOKです
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFUAQAAAADAe/MOAAAAAnRSTlMAAHaTzTgAAAAzSURBVHja7cExAQAAAMKg9U9tCj+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgYcjgAAdqmsNkAAAAASUVORK5CYII=)
「右目」をコピーして「左目」を作成します。「右目」を右クリックして「複製」を選びます
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAADjAQAAAABhw9t3AAAAAnRSTlMAAHaTzTgAAAAqSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAgB8DTEIAAZGp+1YAAAAASUVORK5CYII=)
名前を「左目」に変更します。先ほどの動作確認で目が回転してしまっているので「90度に向ける」ブロックをダブルクリックして初期状態に戻してから左目の位置に配置します
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
緑の旗をクリックして両方の目がマウスカーソルの方向に向けばOKです
![【Scratchチュートリアル】マウスでキョロキョロ](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAHFAQAAAAAWQTboAAAAAnRSTlMAAHaTzTgAAAA7SURBVBgZ7cEBAQAAAIKg/q92SMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F6YLgAB+x1CtAAAAABJRU5ErkJggg==)
これで完成です!
Scratch 3.0に対応した書籍です[PR]
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク
リンク