【スクラッチ】「恥ずかしがり屋のカエル」を作りました

2023年5月6日土曜日

Scratch スクラッチ プログラミング

t f B! P L

【スクラッチ】「恥ずかしがり屋のカエル」を作りました






スクラッチを使って簡単な作品を作りました。
コードは20ブロックぐらいです。





実際に動かしてみよう




マウスをクリックした位置に女の子が移動します。
女の子はカエルを常に見ています。

カエルは恥ずかしがり屋なので女の子と目を合わせられません。




作ったスプライトとコスチューム


「スプライトを選ぶ」で「Frog」を選択し、「本体」「左目」「右目」に分けます。




カエル(本体)



両目を取り除く前に全部を選択して表示するサイズに大きくします
その後、左目と右目をコピーして別々のスプライトのコスチュームにコピーします。

両目を取り除きます。
そして画面の中心に顔の中心がくるように移動させておきます。
画面上の表示位置にスプライトを移動させます。


左目





左目」スプライトを作って、コスチュームにカエルの左目をコピーします。
画像の中心を画面の中心に合わせます。
(右を向いているようにします)



右目




同じように「右目」を作ります。
右目は少し縦に細長くなっているので、まん丸になるように修正します。
できたら画像の中心を画面の中心に合わせます。



女の子



「スプライトを選ぶ」で「Taylor」を選びます。


そのままで大丈夫です。



背景



背景は「Forest」を選びます。


これでスプライトとコスチュームの準備ができました。




BGMを選ぶ


「本体」スプライトでBGMを再生します。
「本体」スプライトの音に「JungleFlogs」を追加します。




コードを書く


本体


BGMを無限ループで再生するだけのコードです。
目の後ろにくるように「最背面」にしておきます。



左目、右目


常に女の子が見ている方向と同じ向きになるようにします。
(必ず女の子と反対を見るようになります)

左目と右目は同じコードになります。


女の子


マウスが押された位置に女の子を移動させます。
そして、カエルの「本体」の中心(顔)を見るように向きを変えます。


これで完成です!



他の作品記事もよければ読んでみてください。


ラベル

3DCG AdSense AI Amazon Echo Blender Blogger cron Cursor DNS Fire TV GCP Github Copilot Google Cloud HTTP iOS IPA iPad iPhone5 JavaScript laravel mySQL nodejs PhotoShop PHP Python Redis Scratch SSH Unity vue.js Webサーバ Windows10 WinSCP イヤーカフ型 イラスト おかし おやつ オリンピック お文具 カイワレ大根 ガチャ きのこ ギフト キャラ弁 クリスマス クレジットカード ゲーミング ゲーミングキーボード ゲーミングマウス ゲーミングマウスパッド ゲーミングモニター ゲームパッド ゴーヤー栽培 コナン サーバ サイクリング サイバーセキュリティ サイバー攻撃 サブスクリプション しりとり すイエんサー スクラッチ スマートウォッチ スライム セキュリティ ゼロトラスト ダイエット タブレット ドズル社 なわとび バーテープ パズル パンダ ぷよぷよ ふるさと納税 プログラミング プロトコル番号 マイクラ マイクロソフト マリオ マンガ メモ ランニングウォッチ ランニングゲーム ワイヤレスイヤホン 異世界 絵本 株関連 鬼滅の刃 健康診断 工作 磁石 自転車 自動化 収益化 書き初め 小学校 松屋 情報処理 情報処理安全確保支援士 辛辛魚 水泳 生成AI 折り紙 川渡し問題 銭天堂 誕生日 段ボール 知育菓子 中学受験 冬鳥 動画 動画編集 日常 認定試験 粘土 福袋 便利な雑貨 母の日 銘酒 料理

このブログを検索

ブログをよくする

連絡フォーム

名前

メール *

メッセージ *

QooQ