3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

子ども向け教育プログラミング言語Scratch チュートリアル「なまえをうごかしてみよう」

Posted at

SupershipでVPoEをしている名畑です。波よ聞いてくれテレビドラマ化ですか。あの独特なノリを、そして、鼓田ミナレさんのトークをいかにして表現するか、気になります。

はじめに

Scratch学習記事の第2段です。

前回の記事ではScratchの始め方とチュートリアル「さあ、はじめましょう」について説明しましたが、今回は「なまえをうごかしてみよう」について説明します。

繰り返し処理が登場するので、実現できる幅がかなり広がりますね。

チュートリアル なまえをうごかしてみよう

image01.png

今回はチュートリアルにある「なまえをうごかしてみよう」の内容に従って進めます。

はいけいを変えてみる

まず、ステージの背景を変えてみます。

image02.png

右下にある山の風景のアイコンにマウスカーソルを乗せ、虫メガネのアイコンをクリックすると背景一覧に遷移します。

image03.png

背景一覧が表示されますです。
今回はCirclesを選びます。

スプライトを自分で用意してみる

今回はスプライトを自分で用意してみましょう。

image04.png

右下の(Scratchキャット)のアイコンにマウスカーソルを乗せ、のアイコンをクリックすると自分で描く画面に移動します。

image05.png

今回は文字を配置します。
Tをクリックします。

image06.png

真ん中の正方形の適当な場所をクリックして好きな文字を入力しましょう。

image07.png

書いた文字の周囲の丸を引っ張ることでサイズの変更ができます。
ここでは大きくしてみました。

image08.png

元々あったスプライトはゴミ箱のアイコンで削除します。
複数のスプライトがあっても問題ないのですが、ここではスプライトを削除することもできるということの学習のために消します。

スプライトにイベントと音を設定する

次に自分で用意したスプライトにコードを適用していきます。

image09.png

まず左上でコードを選んでブロックパレットを表示します。

image10.png

このスプライトがおされたときをコードエリアに置きます。

image11.png

その下にポップのおとをならすを置きます。

image12.png

これで自分が用意したスプライトをクリックする度に音が鳴ります。

用意されたスプライトを使う

今回は自分でスプライトを作成しましたが、元々用意されたスプライトを使うこともできます。

image13.png

**猫(Scratchキャット)**のアイコンにマウスカーソルを乗せ、虫メガネのアイコンをクリックすとスプライトを選ぶ画面に移動します。

image14.png

今回はQの文字を選んでみました。

色々なコードで遊んでみる

Qのスプライトに対して色々なコードを適用してみます。

色を変える

image15.png

このスプライトがおされたときいろのこうかを25ずつかえるを組み合わせてみました。

これでスプライトを押す度に色が変わります。

繰り返す + 動かす

コードエリアに置いたブロックはdeleteキーなどで削除可能です。

いろのこうかを25ずつかえるを削除して、他のブロックを置いてみることにします。

image16.png

せいぎょ10かいくりかえすを置いてみます。
プログラマの方にとってはお馴染みのfor文的なものです。

image17.png

10かいくりかえすの中に15どまわす1びょうまつを置きます。

これでスプライトをクリックすると15度回して1秒待つを10回繰り返します。

繰り返す + 大きさを変える

image18.png

さきほどの10かいくりかえす1015に書き換え、二つ置いてそれぞれにおおきさを10ずつかえるおおきさを-10ずつかえるを配置します。
-1010を自分で書き換えました。

このように数字は基本的に変更が可能です。

これでスプライトをクリックすると大きくなるを15回、小さくなるを15回実行します。つまり大きくなって小さくなるというアニメーションの完成です。

宣伝

SupershipのQiita Organizationを合わせてご覧いただけますと嬉しいです。他のメンバーの記事も多数あります。

Supershipではプロダクト開発やサービス開発に関わる方を絶賛募集しております。
興味がある方はSupership株式会社 採用サイトよりご確認ください。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?