　Scratch 2.0の作画機能には、「ビットマップタイプ」と「ベクタータイプ」がありますが、今回はベクタータイプの特徴でもある「図形変形機能」を使ってみます。Scratchのペイントエディタは、作画したベクターデータをローカルのPCにSVG形式として保存できますので、これ単独でも十分有用なツールとして利用可能です。いずれもゲーム作りには欠かせない大切な要素ですので、この機会にぜひ習得してください（ベクタータイプのペイントツールの利用方法については、以降の連載の中で都度説明していきます）。

改良のポイント

　図1（前回の再掲）は、今回改良するゲームの概要を示しています。

図1　今回作成するプログラムの構成イメージ（再掲：連載第5回より）

　今回の改良ポイントは、以下の通りです。

ネズミが被弾したとき、コスチュームを切り替える
被弾音を迫力のあるものに変更する
BGMを流す
終了時に鐘の音を鳴らす
各種パラメータを画面上で操作できるようにする
ネズミのスクリプトをイベントドリブンからポーリングに変更する

ネズミのスプライトの改良

　ここではゲームをより盛り上げるために、ネズミが被弾したときにネズミのコスチュームを“火だるま”に切り替え、さらに効果音を迫力のある被弾音に差し替えます。また、ネズミのスクリプトもイベントドリブン方式からポーリング方式に改造します。

被弾ネズミのコスチューム

　ペイントエディタは、ビットマップとベクターを切り替えることができます。今回は、ベクターに切り替えてください。

　まず、被弾した瞬間のネズミのコスチュームを「mouse2」をベースに描きます。ペイントエディタの左側にあるコスチュームリストからmouse2を選び、右クリックして［複製］を選択します。すると、mouse2が複製されるので名称を「mouse3」に変更しておきます。

　被弾したネズミのコスチュームですが、今回は火だるまになったイメージでコスチュームを作成します。被弾していないネズミのコスチュームの周りを炎で覆います。まず、別の場所に炎の画像を作成して、元のネズミに重ね合わせます。ペイントエディタの画面が狭いようであれば、画面右下のパーセントで表示している画像スケールを調整してください。

　はじめに、ペイントエディタの下部にあるカラーパレットから色を選択します。筆者は、黄色を選択しました。続いて、画面左側にあるツールバーから［ellipse（円形のアイコン）］を選択し、黄色いふちの楕円を描きます（図2）。

図2　被弾ネズミのコスチューム作成（1）　※画像クリックで拡大表示

　次に、炎の色を塗ります（図3）。

図3　被弾ネズミのコスチューム作成（2）　※画像クリックで拡大表示

　今回は、グラデーション効果を使いますので、色を塗る準備として、もう1つ別の色をカラーパレットから指定します。もう一方の色を指定するためには、カラーパレットの左側にある“正方形が重なり合ったような図形”をクリックします。筆者は、赤色から黄色に変わるグラデーションにしたかったので、もう一方の色を赤色としました。

　次に、ツールバーから図形の色（［バケツ］アイコン）を選択します。すると、カラーパレットの左側に4種類のグラデーションアイコンが現れますので、ここから好みのものを選択します。筆者は、赤色で塗られた中心からだんだんと黄色くなっているグラデーションを選択しました。それでは、先ほど描いた楕円に着色してみましょう。マウスポインタの位置でグラデーションの中心が変わりますので、いろいろと自分のイメージに合う着色方法を選んでみてください。

　続いて、炎の形を作ります（図4）。着色した楕円を変形して作成します。ツールバーから形を変えるアイコンを選択します。対象の図形をクリックすると、変形ポイントが表示されますので、それらをドラッグすることで任意の形にすることができます。いかがでしょうか。イメージ通りに「ドカーン！」という感じの炎が描けたでしょうか。