デジタルこどもBASEのロゴ特定非営利活動法人デジタルこどもBASE📚 目次
第22回Lv1⏱ 5〜10分

クリックで反応はんのうしよう

🎯 きょうのミッション

「このスプライトが押されたとき」を使つかって、ネコをクリックすると反応はんのうするプログラムを作つくろう。

🧠 できるようになること

  • スプライトクリックイベントが使つかえる
  • クリックで動うごき/音おと/言葉ことばを反応はんのうさせられる
  • インタラクティブなプログラムが作つくれる

🧰 用意よういするもの

  • Scratchエディター
  • マウス

🖼 できあがり

ステージのネコをクリックすると、ニャー!と鳴ないて少すこしジャンプするよ。触さわれる感かんじがする楽たのしいプログラムだよ!

第22回「クリックで反応しよう」のScratch実行画面。ステージのネコをクリックすると、ニャー!と鳴いて少しジャンプするよ。触れる感じがする楽しいプログラムだよ!
Scratch実行画面:クリックで反応しよう

🚀 やりかた

  1. 「イベント」から「このスプライトが押されたとき」を置おく
  2. 「音」から「ニャーの音を鳴らす」を下したに
  3. 「動うごき」から「y座標を50ずつ変える」
  4. 「制御せいぎょ」から「0.3秒待つ」
  5. 「y座標を-50ずつ変える」で戻もどす
  6. ステージのネコをクリックして確たしかめる

🧩 つくるブロック

▼ Scratchで組くみ立てるブロック

このスプライトが押おされたとき
ニャーの音を鳴ならす
y座標ざひょうを50ずつ変かえる
0.3秒待びょうまつ
y座標ざひょうを-50ずつ変かえる

💡 きょうのポイント

クリックは「触さわる」感かんじだよ。
キーボードよりも直接ちょくせつ触さわっているような体験たいけんになる。タップ反応はんのうするアプリは、全部ぜんぶこのしくみで作つくられているよ。

🎮 チャレンジ

複数ふくすうのスプライトに違ちがう反応はんのうを付つけてみよう!
リンゴをクリックしたら消きえる、ボールをクリックしたら跳はねる…など、触さわって遊あそべるおもちゃ箱ばこになるよ。

🔁 ふりかえり

  • クリックで動うごくって楽たのしかった?
  • 旗はたイベントとどっちが使つかいやすい?
  • このしくみで何なにを作つくりたい?

👨‍👩‍👧 おうちの人・先生へ

  • つまずきポイント:スプライトの透明な部分はクリック判定されません。スプライトの絵がしっかり描かれている場所をクリックする必要があります。
  • 声かけ例:「もぐらたたきとか、絵本のしかけと同じだね」と、知っているおもちゃとのつながりを示してあげてください。
  • 発展:「もし◯◯に触れたなら」(次回以降)と組み合わせると、ドラッグして集めるゲームなどが作れます。