Scratchで「簡易オシロスコープ」を作ろう！：Scratch 2.0で体験！ お手軽フィジカルコンピューティング（2）（2/3 ページ）

　それでは、Scratchで簡易オシロスコープを作っていきましょう！

目盛りの付いた背景を用意

　まず、オシロスコープの背景を描きます。プロジェクトエディタの左下にある「ステージ」を選択し、背景を設定します。今回は「ライブラリーから背景を選択」（図5-②）をクリックして、あらかじめ用意されているライブラリーから背景を選ぶことにします。背景ライブラリーのカテゴリーの「その他」から「xy-grid」（図6）を選択して、［OK］ボタンをクリックします。

　新規画面では、ネコのスプライトが最初から表示されていますが、左クリックで削除または非表示にできます。

図6　背景の選択

　選択した背景はステージ（図7）上に配置されます。ステージの座標は中心が（0，0）、左上が（−240，180）、右上が（240，180）、左下が（−240，−180）、右下が（240，−180）となっています。これをオシロスコープの背景として使うわけですが、座標の表示が邪魔だという方は、後述する「ペイントエディタ」を用いて削除することも可能です。

図7　ステージの画面構成

描画スプライトの作成

　次に、グラフを描画する「スプライト（Sprite）」を作成します。手順としては、最初にコスチュームの作成、次にスクリプト、最後に動作確認を行います。

1．コスチュームの修正　
　今回はライブラリーの中からスプライトを選択して生成します（図5-③）。新しいスプライトの「スプライトライブラリーから選択」（妖精マーク）をクリックし、スプライトライブラリーから「pencil-b」を選択します。

　このまま利用すると、鉛筆のコスチュームが傾いた状態なので、ステージの右端まで行くと鉛筆がはみ出してしまい、少しぎこちない動きになってしまいます。これを防ぐために、コスチュームに修正を加えます。

　プロジェクトエディタの中央にあるブロックパレットのタグを「コスチューム」に切り替えます。すると、図8のようにペイントエディタが表示されます。

図8　鉛筆 コスチューム　※画像クリックで拡大表示

　それでは、鉛筆のコスチュームを修正していきます。まず、鉛筆の長さを少し短くしてみましょう。ペイントエディタの右上にあるツールから「矢印」アイコン（図8-①）を選択し、対象のコスチュームをクリックします。すると、コスチュームを囲むように枠線（図8-②）が表示されますので、枠線の四隅いずれかの白色の四角形（図8-③）をマウスでドラッグして、サイズを変更します。

　次に、傾きの変更です。同じように対象のコスチュームをクリックし、枠線から少し離れた位置にある白色の丸（図8-④）をマウスでドラッグすると、その方向にコスチュームを傾けることができます。

　最後に、鉛筆の先端をコスチュームの中心に設定します。こうすることで、鉛筆の芯で実際にグラフを描いているかのように演出できます。ペイントエディタのツールから「十字」アイコン（図8-⑤）を選択し、中心にしたい位置（鉛筆の先端）をクリックします。

2．スクリプトの編集　
　コスチュームが完成したら、次はスクリプトの作成です。ブロックの扱いには少し慣れが必要なので、スクリプトの作成に入る前に編集方法について説明しておきます。