未来工作ブログ
2015.10.30

よーだのScratch講座 第4回 [コスチュームを変えて動かしてみよう]

  • Scratch
  • よーだのScratch講座

こんにちは。
今朝ビクンッ!となって飛び起きた未来工作ゼミのハカセ。よーだです。
階段を踏み外す夢を見ました(あるあるネタ)

yoda

やっとこ調子が出てきたScratch講座第4回をお送りします。

前回までのおさらい

第3回は”複製”を使ってプログラムを改造して、キャラクターが左右に動けるようになりました。
Scratch3-4

前回のプログラムはここから開けます。

キャラクターの見た目を変えよう!

今回は今まで頑張ってくれたネコちゃんに別れを告げ、キャラクターの見た目を新しくしたいと思います。

新しい「コスチューム」

スクリプトリストの上のタブに「コスチューム」というのがあります。
Scratch4-1
これをクリックしてみましょう。

コスチュームとはステージ上のキャラクターの見た目です。
コスチュームを変更することで見た目を変えられます!
Scratch4-2

では、見た目を変えてみましょう。
上部にある「新しいコスチューム」と書いてある個所の、いちばん左のアイコンを押します。
Scratch4-1

そうすると、コスチュームライブラリーが開きます。
ここで、左側のカテゴリーから”動物”を選んで、こうもりを選択してみます。

  • 別のコスチュームが気になりますか?自由に選んでみてもいいですよ!

Scratch4-2
OKをクリック!

ステージ上のキャラクターがこうもりに変わったと思います。
Scratch4-3

ネコちゃんとは残念ながらここでお別れです。
コスチュームの近くにある、小さい黒い×印を押すと消すことができますので、元からあったネコちゃんは消しておきましょう。
Scratch4-3
選択して、×を押す。

アニメーションさせよう!

せっかく見た目を変えることができたので、ちょっと面白いことをしてみます。
まずは、コスチュームライブラリーから”bat1-a”と”bat1-b”を取り込みましょう。
Scratch4-4

これでコスチュームの設定は完了です。上部のタブでスクリプトエリアに戻ります。
Scratch4-5

戻ったら以下を参考にスクリプトを改造してみましょう。
Scratch4-4
「緑の旗がクリックされたとき」からのプログラムを別に、新しく作ります。

  • プログラムはこうしていくつかの始まりを持つことができます。
    これらは同時に実行されます。

さて、改造できましたか?できたら動かして試しましょう!

Scratch4-6

こうもりがパタパタと羽ばたく様になりましたね!
ポイントは「コスチュームを~にする」のブロックです。
羽を上げている”bat1-a”と、下げている”bat1-b”のコスチュームを交互に表示してまるで羽ばたいているように見せているのです。これがScratchでのアニメーションの作り方です。

コスチュームを自分で描いてみよう

今までは、コスチュームライブラリーから絵を取り込んでいました。
ですが、コスチュームは自分で描く事も出来るのです。
コスチュームタブの上部、左から2番目のアイコン「新しいコスチュームを描く」を選んでみましょう!
Scratch4-7

この状態で、右側のキャンバスに絵を描くことができます。
Scratch4-8

ここでは機能を詳しく解説しませんが、いろいろ試してあなただけのキャラクターを描いてみてください!
なお、絵が下手なのを突っ込んだら負けです。

まとめ

今日はキャラクターの見た目を決定する「コスチューム」について解説しました。
コスチューム切り替えてアニメーションすることもできましたね。
ゲームクリエイターの中でもキャラクターを描いたり、アニメーションをつけたりする人もいます。絵を描くのが得意ならオリジナルキャラクターを書いてどんどん動かしてみましょう!

今回終了時点のプログラムはこちらから確認できます。

それでは第5回へ続きます。

新着ワークショップ

web_DSC07409

未来道場 11月(無料体験)

開催日:2019.11.01

web_DSC07323

未来道場 10月(無料体験)

開催日:2019.10.01

DSC04676

未来道場 9月(無料体験)

開催日:2019.09.01

関連するブログ
RECOMMEND WEBLOG

おすすめのワークショップ
RECOMMEND WORKSHOP

  • 受付中
web_DSC07409

WORKSHOP

未来道場 11月(無料体験)

  • 長野市門前
  • 11月1日(金)~ 11月30日(土)
  • 締切り
web_DSC07323

WORKSHOP

未来道場 10月(無料体験)

  • 長野市門前
  • 10月1日(火)~ 10月31日(木)
  • 締切り
DSC04676

WORKSHOP

未来道場 9月(無料体験)

  • 長野市門前
  • 9月1日(日)~ 9月30日(月)
  • 締切り
DSC03634

WORKSHOP

未来道場 8月(無料体験)

  • 長野市門前
  • 8月1日(木)~ 8月31日(土)

チャンネル
CHANNEL