注目！フワフワするボタンのアニメーションの作り方｜スイカゲーム⑪
この回は密度濃いぞ。ボタンがフワフワするアニメーション、マウスが乗ったときのアニメーション、そしてスコアを中央に表示する定数利用方法、ギュギュッと詰まっておる！
Scratchでスイカゲームを作ろう！～ふわふわボタン編～
こんにちは！今回はスイカゲームに「ふわふわ動くボタン」を追加していくよ！ゲームオーバーになったときに表示される「リトライ」と「ホーム」ボタンを作って、見た目もかっこよくしていこう！
①ボタンの準備をしよう！
まずはボタンの準備をするよ：
【ボタンの準備】
1. コスチュームを用意する（「ホーム1」と「ホーム2」など）
- 1はマウスが乗っていない状態
- 2はマウスが乗った状態の見た目
2. 本体は隠して、クローンで表示する作戦！
②ボタンの位置と名前を管理しよう！
次に、ボタンの位置と名前を管理する変数を作るよ：
【必要な変数】
1. ボタン名：どのボタンか識別するための変数（「リトライ」や「ホーム」）
2. X座標：ボタンの横位置
3. Y座標：ボタンの縦位置
これらの変数に値を入れて、クローンを作ると、その場所にボタンが表示されるよ！
【ボタンの設定例】
- リトライボタン：X座標=-100, Y座標=145
- ホームボタン：X座標=120, Y座標=145
③ゲームオーバー時にボタンを表示しよう！
ゲームオーバーになったらボタンを表示するようにするよ：
【ボタン表示のタイミング】
1. 「ゲームオーバーです」メッセージを受け取ったとき
2. ボタン名が空白でない場合（本体ではなくクローンの場合）だけ表示
3. 表示後、「最前面に移動する」で確実に見えるようにする
これでゲームオーバー画面にボタンが表示されるようになったよ！
④ふわふわ動くアニメーションを作ろう！
ここからが今回の目玉！ボタンをふわふわと動かすアニメーションを作るよ：
【ふわふわアニメーションの作り方】
1. 「ずっと」ループの中にY座標の計算式を入れる
2. Y座標 + (タイマー×100のsin)×5
3. この計算式で上下にゆらゆら動く効果が生まれる
4. 数値の「5」を変えると揺れの大きさが変わる
この計算式を使うと、サイン波の動きでボタンがふわふわと浮かんでいるような感じになるよ！すごくおしゃれだね！
⑤マウスが乗ったらコスチュームを変える！
ユーザーがボタンを押そうとしたときに反応を返すと、より本格的なゲームっぽくなるよ：
【マウスホバー効果】
1. 「もし」マウスポインターに触れたら
2. コスチュームを「ボタン名」と「2」に変える
（例：ホームボタンなら「ホーム2」に）
これでマウスを乗せると見た目が変わって、「押せるよ！」という感じが出るね！
⑥ゲームオーバー時にスコアを中央に表示しよう！
最後に、ゲームオーバー画面にスコアを大きく表示するよ：
【中央スコア表示】
1. 「ゲームオーバーです」メッセージを受け取ったとき
2. X座標を調整：-(スコアの桁数-1)×文字の幅×(大きさ÷100)
3. Y座標を20に設定（中央あたり）
4. 大きさを200%に設定して目立たせる
5. スコアを描画する
ここで気をつけるのは、桁数によってX座標を調整することで、常に中央に表示されるようにすることだよ！
今回は「ふわふわ動くボタン」と「ゲームオーバー画面」を作ったよ！小さな工夫だけど、ゲームの見た目がグッと良くなったね！次回は「ホーム画面」と「ゲームスタートボタン」を作って、いよいよゲームを完成させるよ！
スクラッチオン！
スクラッチゲーム攻略
スクラッチゲーム一覧
- あ行
- あ Appel
- あ RPG
- あ あつまれ どうぶつの森
- あ アクションゲーム
- あ アスレチック
- あ アモングアス
- あ アンダーテール
- あ 青の塔
- あ 青鬼
- え エーペックス
- お 落ちゲー
- か行
- か カービィ
- か 格闘ゲーム
- が がっぽり寿司ゲーム
- き キャプテンロケット
- き 恐竜ゲーム
- く クリッカーゲーム
- こ コールオブデューティー
- こ 荒野行動
- さ行
- し シミュレーションゲーム
- し シューティングゲーム
- し 射的・銃ゲーム
- じ ジオメトリーダッシュ
- じ ジャグラー
- す 3Dゲーム
- す スイカゲーム
- す スプラトゥーン
- す スマブラ
- す 寿司打
- せ 戦車ゲーム
- ぜ ゼルダの伝説
- そ ソニック
- た行
- た TACT-AIM
- た タワーディフェンスゲーム
- た 大砲ゲーム
- た 太鼓の達人
- た 戦うゲーム・バトル
- だ ダダサバイバー
- だ ダンシングライン
- だ 大戦争ゲーム
- だ 脱出ゲーム
- つ ツムツム
- つ 壺男
- て テトリス
- て テラリア
- で デルタルーン
- ど ドロップザナンバー
- ど ドロップザボール
- ど ドンキーコング
- な行
- に 2048
- に にゃんこ大戦争
- の 脳トレ
- は行
- は 8番出口
- ぱ パズドラ
- ぱ パックマン
- ぴ ピクミン
- ふ ファイブ・ナイツ・アット・フレディーズ
- ふ フォートナイト
- ふ フォールガイズ
- ふ フライデー・ナイト・ファンキン
- ふ フラッピーバード
- ぶ ブロスタ
- ぶ ブロック崩しゲーム
- ぷ ぷよぷよ
- へ ヘビゲーム
- へ ヘリコプターゲーム
- ぺ Paper.io
- ほ ホラーゲーム
- ほ 放置ゲーム
- ぼ ボンバーマン
- ぼ ボールころころ
- ぼ ボールブラスト
- ぽ ポケモン
- ぽ ポピープレイタイム
- ま行
- ま まち針ゲーム
- ま マイクラ
- ま マインスイーパー
- ま マリオ
- も もちもちスライム
- も モンスト
- も モンハン
- も 桃鉄
- や行
- や 野球
- よ 妖怪ウォッチぷにぷに
- ら行
- り リズム天国
- れ レースゲーム
- ろ ロックマン
- ろ ロブロックス
- 他
- わ わんこ大戦争
- ヴ ヴァロラント
- 趣味全般
- あ アニメーション
- あ アート
- い イラスト
- う UNO（ウノ）
- う 歌・曲のスクリプト演奏
- え エレベーター
- お オセロ
- お 音楽
- か カオスバトル
- か カードゲーム
- か 仮面ライダー
- く クレーンゲーム
- く 車運転ゲーム
- け 消しゴム落とし
- こ 工作
- し 将棋
- す スクラッチの文化
- つ 釣りゲー
- で デザインゲーム
- で 電車
- ど ドナルド（マック）
- ば バイク
- ぱ パズル
- ひ 飛行機
- べ ベイブレード
- め メダルゲーム
- め 迷路
- り 料理
- 映像作品、テレビ番組、漫画、動画などに関連したもの
- い イカゲーム
- が ガンダム
- き 鬼滅の刃
- し 進撃の巨人
- じ 呪術廻戦
- す すとぷり
- と 逃走中
- ど ドラえもん
- ど ドラゴンボール
- ね ネプリーグ
- ま マッシュル
- わ ワンピース
- ゲームセンター系
- げ 激カザーン
- す スロット
- ぱ パチンコ
- ほ ホリアテール
- み みんなでダービー（競馬）
- れ 連射でアタック
- kawaii系
- あ アイコン
- き 着せ替えゲーム
- ぺ ペット（育成）ゲーム
- スポーツ・運動系
- お 鬼ごっこ
- ご ゴルフ
- さ サッカー
- す スケボー
- す スポーツ全般
- た 卓球
- て テニス
- ば バスケ
- ぼ ボクシング
- ゆ 雪合戦・雪遊び
