スクラッチプログラミング - かくちょうきのう「ペン」のつかいかた
拡張機能(かくちょうきのう)の中から「ペン」をえらんで、あたらしいブロックを追加(ついか)してみましょう。「ペン」をつかうと、スプライトで線(せん)や絵(え)をかけるようになりますよ。
サンプルさくひんであそんでみよう
拡張機能(かくちょうきのう)の「ペン」についてしょうかいします。
「ペン」のブロックをつかうと、下のようなおえかきプロジェクトをつくることができます。
えんぴつのそうさほうほう
- タブレット…画面(がめん)をゆびでタッチしてうごかす
- パソコン…マウスでドラッグしてうごかす
- いろをタッチ(クリック)すると、えんぴつのいろがかわる
(プロジェクトがひょうじされないばあいは、ScratchのPyxofyページをごらんください)
「かくちょうきのう」とは?
「かくちょうきのう」の「かくちょう」とは、「大きくひろげる」といういみ。
「Scratchでできることを、もっとひろげることができる機能(きのう)」のことです。
画面(がめん)の左下から、かくちょうきのうを見ることができます。
![プログラミングページの左下に拡張機能をひらくボタンがある プログラミングページの左下に拡張機能をひらくボタンがある](https://www.pyxofy.com/content/images/2021/09/extension-button.jpg)
かくちょうきのうをえらぶページがひらきました!今回(こんかい)は、「ペン」をえらびましょう。
![拡張機能を選ぶページでは11の機能を選べる 拡張機能を選ぶページでは11の機能を選べる](https://www.pyxofy.com/content/images/2021/09/choose-extension.jpg)
ブロックパレットのいちばん下に「ペン」が追加(ついか)されました!
![ブロックパレットにペンで使える緑色のブロックが9個並ぶ ブロックパレットにペンで使える緑色のブロックが9個並ぶ](https://www.pyxofy.com/content/images/2021/09/pen-blocks.jpg)
ペンでせんをかいてみよう
ペンのブロックをつかうと、スプライトで線(せん)をかけるようになります。
ペンのじゅんびをする
さいしょに、ペンの「いろ」と「ふとさ」をきめましょう。
- 「ペンのいろ」をきめる
![はたがおされたときの下にペンの色を〜にするブロックをつなげる はたがおされたときの下にペンの色を〜にするブロックをつなげる](https://www.pyxofy.com/content/images/2021/09/set-pen-color.jpg)
- 「ペンのふとさ」をきめる
![ペンのふとさを〜にするブロックをつなげる ペンのふとさを〜にするブロックをつなげる](https://www.pyxofy.com/content/images/2021/09/set-pen-size.jpg)
ペンのじゅんびができました!
ペンでかく
ペンでなにかをかくためには、かならず「ペンをおろす」ひつようがあります。ペンをおろしてから、スプライトをうごかしてみましょう。
- 「ペンをおろす」
- 「どこかのばしょへいく」
![ペンをおろすブロックとどこかのばしょへいくブロックをつなげる ペンをおろすブロックとどこかのばしょへいくブロックをつなげる](https://www.pyxofy.com/content/images/2021/09/pen-down.jpg)
ネコがうごいたところへ、線(せん)がかけました!
はたをおすたびに、ネコがうごいたところへ線(せん)がかかれます。
![ネコが動いたところへ線が書かれている画像 ネコが動いたところへ線が書かれている画像](https://www.pyxofy.com/content/images/2021/09/draw-line.jpg)
ペンでかかない
ペンをおろしたままだと、うごいたところへかならず線(せん)がかかれます。かきたくないときは「ペンをあげる」ブロックをつかいましょう。
ペンをあげてからスプライトをうごかすと、線(せん)はかかれません。
![ペンを上げてからスプライトをうごかすと線が書かれていない様子を表す画像 ペンを上げてからスプライトをうごかすと線が書かれていない様子を表す画像](https://www.pyxofy.com/content/images/2021/09/pen-up.jpg)
ぜんぶけしてから、かく
「ぜんぶけす」ブロックをつかうと、線(せん)をすべてけすことができます。ステージをきれいにしてからプログラムをスタートさせるようにしましょう。
- 「はたがおされたとき」の下に、「ぜんぶけす」を追加(ついか)する
![はたがおされたときの下に全部消すブロックを追加する](https://www.pyxofy.com/content/images/2021/09/erase-all-1.jpg)
はたをおすたびにステージをきれいにしてから、ペンでかけるようになりました!
スプライトをそうさして、じゆうにかいてみよう
えんぴつのスプライトをプログラミングして、ペンでえがくプロジェクトをつくってみましょう。
- 「Pencil (えんぴつ) 」のスプライトをえらぶ
![えんぴつのスプライトが選ばれている えんぴつのスプライトが選ばれている](https://www.pyxofy.com/content/images/2021/09/choose-sprite-1.jpg)
ペンのじゅんびをする
「ぜんぶけす」ブロックで、ステージをきれいにしてからはじめます。「ペンのいろ」と「ペンのふとさ」をきめましょう。
![はたがおされたときの下にブロックを3つつなげてペンの準備をする はたがおされたときの下にブロックを3つつなげてペンの準備をする](https://www.pyxofy.com/content/images/2021/09/set-color-and-size.jpg)
えんぴつをそうさできるようにする
えんぴつをじゆうにうごかせるようにしましょう。
- タブレット…ステージをゆびでタッチして、えんぴつをうごかす
- パソコン…マウスでドラッグして、えんぴつをうごかす
ステージをタッチ(ドラッグ)しているかどうかは、「もし<マウスがおされた>なら」であらわします。マウスがおされたかどうかは、プログラムをうごかしているあいだずっとチェックしますよ。
- 「ずっと」
- 「もし<マウスがおされた>なら、でなければ」
![マウスがおされたかどうかをずっとチェックするコードをつなげる マウスがおされたかどうかをずっとチェックするコードをつなげる](https://www.pyxofy.com/content/images/2021/09/if-then-else.jpg)
「マウスのポインターへいく」をつかうと、タッチ(ドラッグ)しているばしょにスプライトが移動(いどう)します。
- 「マウスのポインターへいく」を追加(ついか)する
![もしならの間にマウスのポインターへ行くを追加する もしならの間にマウスのポインターへ行くを追加する](https://www.pyxofy.com/content/images/2021/09/go-to-mouse-pointer.jpg)
ステージをタッチ(ドラッグ)して、えんぴつをうごかせるようになりました!
![えんぴつをドラッグで操作するプログラム えんぴつをドラッグで操作するプログラム](https://www.pyxofy.com/content/images/2021/09/pencil-moves.jpg)
えんぴつをうごかしているときに、かく
ステージをタッチ(ドラッグ)しているときに、線(せん)をかくようにしましょう。
- 「マウスのポインターへいく」の下に、「ペンをおろす」を追加(ついか)する
![ペンがおろされてえんぴつのスプライトから線が書かれている様子の画像 ペンがおろされてえんぴつのスプライトから線が書かれている様子の画像](https://www.pyxofy.com/content/images/2021/09/add-pen-down.jpg)
えんぴつをうごかすと、線(せん)がかけました!
でも、えんぴつのまん中から線(せん)が出ているのはヘンですね。えんぴつのさきで、かけるようにしましょう。
スプライトのちゅうしんをずらす
スプライトの中心(ちゅうしん)を、えんぴつのさきにあわせますよ。
- 「コスチューム」をひらく
![コスチュームタブをひらく コスチュームタブをひらく](https://www.pyxofy.com/content/images/2021/09/open-costume-page.jpg)
- せんたくやじるしでドラッグして、えんぴつ全体(ぜんたい)をせんたくする
![えんぴつ全体が選択されている状態 えんぴつ全体が選択されている状態](https://www.pyxofy.com/content/images/2021/09/drag-to-choose.jpg)
- えんぴつをドラッグして、中心(ちゅうしん)をえんぴつのさきにあわせる
![えんぴつの先が中心に合っている状態 えんぴつの先が中心に合っている状態](https://www.pyxofy.com/content/images/2021/09/CEA424FF-B91A-414F-97D5-0AA25670E425.jpeg)
えんぴつのさきでかけるようになりました!
![えんぴつの先から線が書かれている様子の画像 えんぴつの先から線が書かれている様子の画像](https://www.pyxofy.com/content/images/2021/09/draw-with-the-tip.jpg)
えんぴつをうごかしていないときは、かかない
ステージをタッチ(ドラッグ)していないときは、かかないようにしましょう。
- 「でなければ」の下に、「ペンをあげる」を追加(ついか)する
![でなければの下にペンをあげるを追加する でなければの下にペンをあげるを追加する](https://www.pyxofy.com/content/images/2021/09/add-pen-up.jpg)
えんぴつをうごかしているときだけ、かけるようになりました!
![えんぴつの完成プログラム えんぴつの完成プログラム](https://www.pyxofy.com/content/images/2021/09/pencil-program.jpg)
(サンプルさくひんのプログラムをぜんぶ見たいかたは、 ScratchのPyxofyページから、「中を見る」でごらんください)
![](https://www.pyxofy.com/content/images/2024/07/cover-page-320-4.png)
「きょうからはじめるスクラッチプログラミング入門」by Pyxofy
Pyxofy から Scratch の基本をまとめた電子書籍を出版しました。
Apple Books・Kindle でご購入ください。
まとめ
今回(こんかい)は、Scratchにある拡張機能(かくちょうきのう)のひとつ、「ペン」についてしょうかいしました。
ペンのブロックをつかって、スプライトで線(せん)をかいたり絵(え)をかくプロジェクトをつくってみてくださいね。
次回(じかい)は、ペンの機能(きのう)にある「スタンプ」ブロックについてしょうかいします。
\この記事が参考になったら Tweet おねがいします/