Scratch(スクラッチ) 難易度★★⭐︎⭐︎⭐︎

Scratchで作るアナログ時計!合わせて角度や割り算も学ぼう

 

今回はScratch(スクラッチ)でアナログ時計を作ってみたいと思います。

時間を表す短針・分を表す長針・秒を表す秒針をつくることを通して、角度割り算にも取り組んでみましょう。

自分だけの時計を作るニャア

 

もしスクラッチを初めて触るという場合は、こちらで基本操作から始めてみてください。

プログラミング学習はスクラッチから!だれでも簡単・使い方入門

続きを見る

 

はじめようニャア!

 

時計の背景をアップロードする

まずは時計を用意します。

こちらから画像 "clock.png" をダウンロードして使ってもらっても良いですし、自分で描いてもOKです。

ポイント

  • 背景をアップロード→(例)clock.pngをアップロード

 

アップロードした時に自動的に画像の中心がステージの中心に合うはずですが、もしずれるようなら"背景"画面を開いて中心を に合わせておきましょう。

 

 

時計の短針を作る

続いて時計の針を作っていきます。

こちらはスプライトとして自分で描いてみましょう。

まずは短針からニャア!

ポイント

  • スプライトを描くをクリック

  • をクリックして中心 から右へ向かって線を描く

  • 長さは短めに、太さは太めにする

 

短針を動かすスクリプト

短針のスプライトができたら、スクリプトを作っていきます。

ここで大事なのが角度ニャア!

短針は時計を一周(360°)するのに12時間かかるので、1時間ごとに30°変わることになります。(360°÷12=30°)

ポイント

  • 短針のスクリプトゾーンに以下のスクリプトを作る

ここでスクリプト"(現在の時 * 30)度に向ける" を見てみましょう。

たとえば現在12時だとすると12×30=360となり、360°の向きつまり時計の12を指します。

 

たとえば現在13時(午後1時)だとすると 1×30=30となり、30°の向きつまり時計の1を指します。

(※13×30で計算したとしても13×30=390となり、一周360°+30°、つまり30°と同じことになります。)

 

時計の長針を作る

次に時計の長針を作ってみましょう。

短針のスプライトを複製すると楽ニャア

 

ポイント

  • 短針のスプライトを右クリックして複製
  • コスチューム画面を開く
  • 線の長さ太さを変える

長針のスプライトができたら、スクリプトを作っていきます。

スプライトを複製した時にスクリプトも一緒に複製されているので、これを少し変えるだけでOKです。

ではどこをどのように変えれば良いでしょうか?

ここでニャアからの課題です!

ニャアの課題

スクリプトの"現在の時"を"現在の分"に変えましょう。
"(現在の分)*○度に向ける" の○にはどんな数を入れたら良いでしょう?

・・

・・・

ヒント:長針は1分ごとに動き、60分で時計を一周する

・・・

・・

やってみましたか?ではこちらが例です。

ポイント

  • 長針のスクリプトを下のように作る

 

長針は60分で時計を一周するので、360°÷60=6°、つまり1分ごとに6°変わります!

 

時計の秒針を作る

最後に秒針も作ってみましょう。

こちらも長針のスプライトを複製すると簡単にできます。

ポイント

  • 長針のスプライトを右クリックして複製
  • コスチューム画面を開く
  • 線の長さ太さを変える

 

さて、秒針のスクリプトはどうなるでしょう?

秒針は何秒で時計を一周するかニャア?

さきほどの長針と同じように考えて秒針のスクリプトを作ってみてから、下の例を見てみましょう。

 

ポイント

  • 秒針のスクリプトを下のように作る

 

秒針は60秒で時計を一周するので、長針と同じく360°÷60=6°ずつ変わるということになります。

ここまでできたらを押して時計を動かしてみましょう!

3つの針は正しい時間を指していますか?

"時"、"分"、"秒"を表示させると同時に確認できるニャア

 

時計のチクタク音をつける

より時計らしくするために、時計のチクタク音をつけてみましょう。

ポイント

  • "音"タブを開く
  • 音を選ぶ→(例)"Wood Tap"
  • 秒針のスクリプトに枠内のスクリプトを加える

音タブで音を編集することもできます。

 

"速く"、"逆向き"、"ロボット"などを使うと時計っぽくなるニャア

 

あなただけのオリジナル時計ができましたか?

 

おさらい動画とScratchプロジェクトページ

今回のレッスンの流れや全体のスクリプトは下の動画やScratchプロジェクトページにて確認できます。

 

オンラインレッスン受付中!

インスタフォローで更新情報チェックニャア…  

ごきげんよう

 

-Scratch(スクラッチ), 難易度★★⭐︎⭐︎⭐︎
-, ,

error: Content is protected !!

© 2020 ニャアのスクラッチ Powered by AFFINGER5