TOMONOプログラミング初心者の子供に何を教えたらいいの?とお悩みの保護者のためのScratch(スクラッチ)の入門講座。Scratchで猫の動かし方はわかったけど・・・次にどんなことをしたらいいの?という疑問にお答えするシリーズです。今回は、お絵かきアプリを作ってみたいと思います。お絵かきアプリの機能を整理しよう。お絵かきアプリの要素を考えるiPhoneやiPadにお絵かきアプリを入れて子供と一緒に遊んだ経験、ありませんか?結構身近なアプリですが、Scratchのペン機能を使うと簡単に作れますよ。作り始める前に大切なことがあります。以前、タイマーや自動販売機にタイマーにどんな「要素」があるか整理したと思います。何かを作る時には、作りたいものにどんな要素があるか整理しておきましょう。これはとても大事なことです。この作業を行うことで分析力が育ちますよ。「要素」という言葉は子ども達には難しいと思います。その場合には「お絵かきアプリにはどんな機能がある?」「お絵かきアプリってどういうふうに遊ぶ?」という風に年齢に応じて問いかけを簡単にしていってみてくださいね。お絵かきアプリの要素はつぎのような感じになると思います。(1)色が選べる(2)マウスを押している間だけ線が引ける(3)消しゴムで消せる(4)全部消す機能がある(5)太さが選べるそして、その要素を全部作るのか?それとも一部だけにするのか?ということを決めていきましょう。以下の記事も参考にしてみてください。それぞれをどのように作るか?考えるお絵かきアプリの要素を洗い出したらそれをScratchでどのようにつくるか?Scratchの機能に落とし込んでいきます。(1)色が選べるこの機能をつくるには「スプライトがクリックされたとき」を使えば実現できそうです。1色を画面に並べておく。これはスプライトで準備しましょう。2並べた色をクリックしたら色が変わるこのスプライトがクリックされたら、を使い、そのあとでメッセージを送信するようにすればできそうですね。(2)マウスを押している間だけ線が引けるこの機能をつくるには「ずっと」「もし〜なら」を使えばできそうです。線を引くためにはペン機能を使いましょう。(3)消しゴムで消せるペンで引いた線の一部を消す機能はスクラッチにはありません。これは背景色で上から塗りつぶすという方法にしましょう。かんがえれば、線を引くと同じことをやればOKです。(4)全部消す機能がある全部消すには、「消す」ブロックを使えばできますね。(5)太さが選べる太さも変数をスライダーで選べるようにすれば実現できそうです。スプライトを準備しようまず最初にスプライトを準備しましょう。スプライトは以下の3つを用意しますよ。・えんぴつ・色のパレットのスプライト(これは色ごとにスプライトを分けます)・消しゴムのスプライト(白丸のスプライトにしてみます)鉛筆のスプライトは、Scratchの素材の中にあったものをつかいました。色のパレットのスプライトは、丸に色をつけたものを並べておきます。消しゴムのスプライトは、白丸にしました。消しゴムの絵を描いてもいいと思います。マウスを押している間だけ線が引けるプログラムを作るここからプログラムを作っていきましょう。最初は、お絵かきアプリのもっとも基本的な機能である、マウスを押している間だけペンで線を引くという機能を作ります。この機能をつくるためには、2つのポイントがあります。・スプライトがマウスに合わせて動く・マウスが押されている時だけペンで線を引くです。「スプライトがマウスに合わせて動く」を作りましょう。それはこうするだけです。(大きも少し調整しました。)つづいて、「マウスが押されている時だけペンで線を引く」です。これはこのようなプログラムになります。この2つを合体させると・・・こうなります。<注意!>開発画面では、マウスを押しながら線を引くがうまく動きません。以下の赤丸で囲ったところのボタンを押して全画面表示にしてから動かしてください。全画面表示にしたら、うまく線がひけました。気持ち悪いところがあります。えんぴつの真ん中のところで線が引かれています。えんぴつの先端の芯のところから線が引けるように、スプライトの中心を移動しましょう。スプライトの中心=マウスのポインターの場所になります。スプライト(コスチューム)の中心を変更するには、コスチュームのペイント画面で右上の十字ボタンを押します。すると、画面に十字が表示されるので、中心にしたいところをクリックします。今回は、鉛筆の先端をクリックして、コスチュームの中心がえんぴつの先端になるようにしました。先ほどのプログラムを実行してみます。すると、今度はえんぴつの先で線を引いているようになりました。色を選べるようにしようつぎは色を選べるようにしたいと思います。赤色のスプライトに次のようなプログラムを作ってみましょう。続けて、えんぴつのスプライトに次のプログラムを作ります。これでプログラムを実行してみましょう。ペンの色が変わりました!これと同じプログラムを他の色と消しゴムに対して作ります。消しゴムがクリックされた時は白になるようにしましょう。全部消す機能を作ろう次に、描いたものを全部消す機能を作りましょう。全部消すボタンを用意して、それをクリックしたら消えるようにしたいですね。全部消すボタンのスプライトを用意しましょう。Scratchに最初から用意してあるボタンに「消す」という字を描いてボタンを準備しました。プログラムはたったこれだけです。消すボタンにこのプログラムを作っておきます。ペンの太さを変えられるようにしよう。これは変数のスライダーを用意して、スライダーで太さを変えられるようにしておきましょう。「太さ」という変数を用意してスライダーの最小値と最大値を設定します。今回は最小値は1、最大値は20にしておきます。つづいて、えんぴつのプログラムに次のプログラムを1行追加しましょう。これで、変数のスライダーで設定した太さに変わるようになります。実はこの方法だと欠点がありまして、変数の値を変更するときにも線が引かれてしまいます。ペンの太さもスプライトを用意してクリックしたら変わるようにしておいた方が良かったかもしれませんね。正確な太さのスプライトを用意するのが大変なので、今回はこれで完成ということにしたいと思います。まとめ今回は、Scratchでお絵かき作ってみました。プログラムを作り始める前に、以下の手順で作り方を考えました。手順1:お絵かきアプリの要素を整理し手順2:各要素をどのように作るかを考える手順3:各要素を順番に作っていくうまくいかないなというところがあっても、大事なのは「とりあえずやってみた」ということ。うまくいかない部分はどうしたらいいか?考えることが大事ですよ。今回は比較的簡単に作れるアプリなので、小学校高学年のお子さんなら一人でも作れると思います。TOMONO教育ヲタクの1児の母。小学生の頃から教育書を読んでいた教育ヲタク。大学では、電池の素材の性質について実験とコンピューターシミュレーションを比較する研究を行っていたことがきっかけでSEになる。出産&育休後、子ども向けプログラミング教室講師、子どもたちの考える力を育てるオンライン塾の講師。TOMONO一緒に読まれている記事。Minecraftでプログラミング教育したい人のためのレッドストーン回路クイズ(17)コンパレーターその22019年8月9日1.02Kこんにちは。今日もMinecraftのコ...夏に応募したい!2019年子どもプログラミングコンテスト3選2019年7月29日1.17K夏休みが始まりましたね。子どもの頃は楽し...5歳児もハマるプログラミングアプリ-Springin’はじめて講座(4)絵の削除・インポート2019年7月26日891今日もSpringin’の続きです。新小学1年生の入学準備!知って安心、保幼少接続カリキュラム2020年1月14日2020年は教育はどうなるのか?ーやる気が出ない日に未来を心配してみる2019年12月27日プログラミングアプリSpringin’でマリオ風アクションゲームを作ろう(2)キャラクターの操作2019年12月13日あなたへのおすすめ。暗算が早い子の頭の中、暗算が遅い子の頭の中ー算数ができる子が持っている「量的感覚」のこと2018年11月16日ゲームで頭のいい子を育てるー幼児xマインクラフトの3つの教育的効果2018年11月14日ゲームで使える!Scratchの自動スクロールテクニック3選2019年3月5日このサイトについて。今、注目されている考えさせる教育、アクティブラーニング。AI時代に教えるべき教育とは何か。2020年に教育必修化するプログラミング教育を交えながら、これからの教育シーンに必要な情報をお届けします。CATMADE,Inc.サイトマップ。