WAKACHIKU CONSTRUCTION CO., LTD. 本社 東京都目黒区下目黒二丁目23番18号 03-3492-0271 03-3490-1019
連打厳禁!! 優しい気持ちでクリックお願いします にほんブログ村
1 絵を描くための拡張機能を読み込む 絵を描くために、拡張機能の「ペン」を読み込もう。「機能拡張を追加」ボタンをクリックして、「ペン」を選択すると、ブロックパレットに追加される。 「機能拡張を選ぶ」で、「ペン」を選択 ブロックパレットに「ペン」のブロックが追加される ペンの機能を使って絵を描くためにスプライトを作成しよう。最初にあるネコのスプライトは 削除 《 さくじょ 》 してもだいじょうぶだ。 スプライトを削除するには右上の「×」をクリック スプライトの一覧の右下にある、「スプライトを選ぶ」ボタン(ネコのアイコン)をクリックして、「描く」を選ぶ。 そしてそのままコードタブへ切り替えよう。コスチュームタブでは何も描かなくていいよ。 「描く」を選んで、コスチュームタブでは何も描かずに、コードタブに戻る 3. 2 絵を描くプログラムをつくる プログラムをしていこう。「緑の 旗 《 はた 》 が押された」の後は「ペンの太さを10にする」ブロックで線をやや太めにして、「ペンを下ろす」のブロックでずっと 線を引き続けるようにしている。 「ずっと」ブロックに組み合わせた「動き」カテゴリーの「x 座標 《 ざひょう 》 を(0)、y座標を(0)」ブロックを使って、マウスの座標と同じにすることでマウスの動きについてくるようにしているので、これでずっと線が引けるぞ。プログラムを実行したら、ステージにマウスを移動して試してみよう。 次に、マウスのボタンを押している間だけ描けるように変更しよう。「 制御 《 せいぎょ 》 」カテゴリーの「もし~なら~でなければ」ブロックを使って、 条件 《 じょうけん 》 を「調べる」カテゴリーの「マウスが押された」にするぞ。マウスが押されたときにペンを下ろして線を描き、マウスが押されていないときはペンを上げる。プログラムを実行して、ステージでうまく動くか試そう。 これではいつもに同じ太さになってしまう。もう少し線に特徴が出るように、押している間「ペンの太さを1ずつ変える」も入れてみよう。プログラムを実行してためしてみると、描いているうちにどんどん線が太くなっていくね。 3. 3 絵を消していくプログラムをつくる これまでつくったプログラムだと、ステージに描いた絵が残ったままになってしまう。描いた絵が時間とともに消えていくプログラムをつくろう。 絵を消すのに使うためのコスチュームを作成するぞ。スプライトの一覧のところにある「スプライトを選ぶ」ボタン(ネコのアイコン)を押して、「描く」をクリックして、新しいスプライト(スプライト2)をつくる。スプライト2でコスチュームタブをクリックして移動しよう。ここで、大きな白い長方形をつくるぞ。まず「 塗 《 ぬ 》 りつぶし」をクリックして表示される「 鮮 《 あざ 》 やかさ」のスライダーを一番左、「明るさ」のスライダーを一番右にして、色を白にする。 それから「四角形」でステージのサイズよりやや大きめにつくろう。 この長方形は、ステージの中央に配置して「見た目」カテゴリーの「 幽霊 《 ゆうれい 》 の効果を70にする」ブロックを使って半透明にする。プログラムは、「x座標を(0)、y座標を(0)」ブロックに組み合わせる。そのあとに、「制御」カテゴリーの「ずっと」ブロックと「0.
プログラミングで絵を描く - Kojiのノート
1秒待つ」ブロック、「ペン」カテゴリーの「スタンプ」ブロックを組み合わせる。 これで、プログラムを実行してみよう。先程描いた絵ががじわっと消えていくようになるぞ。消えるスピードを 調整 《 ちょうせい 》 するために「0. 1秒待つ」を入れている。 ちなみにこのプログラムをプロジェクトエディターで実行すると、絵を消すための長方形をつかんでドラッグして、絵を描くのがうまくいかない。このときは、右上の「全画面表示ボタン」をクリックして、ステージを全画面表示して実行するときちんと動作する。 全面表示ボタン 全画面表示 ためしに、プログラムを実行して、○や×、かんたんな文字や絵などを描いてみよう。線が太くなる速さや、描いた絵が消える速さを確認して、使いやすいようにプログラムで調整していこう。 今回はScratchで絵を描いて、それを自動的に消していくプログラムをつくったよ。次回はこのプログラムを使って、ML2Scratchで学習させるプログラムをつくっていくよ。お楽しみに! (監修/石原淳也 文/倉本大資 撮影/青柳敏史 イラスト/新保基恵)
jsや、ハードウェアを制御するArduinoなど、Processingから派生した言語も多くあります。ですから、もし他の分野に興味が向いてきてもProcessingに慣れた後であれば、比較的スムーズに移れるのです。 Processingは他の言語の影響関係を表した図 Processing Foundation 視覚的なプログラムから少しずつ練習を重ねることが効果的 「遊び」を深めるためには、視覚的なプログラムから少しずつ練習を重ねることが効果的です。次回は、実際に自分で取り組むためのプログラミングツールについてご紹介します。 記事トップの写真について:多摩美術大学情報デザイン学科2年次のカリキュラム「プログラミング演習」の作品展示風景。Processingで作られたグラフィカルな作品が並ぶ。(筆者撮影) この記事が気に入ったら「フォロー」&「いいね!」をクリック!バレッドプレス(VALED PRESS)の最新情報をお届けします! これまでの【やらずに死ねないプログラミング】は こちら
micro:bit(マイクロビット)は手のひらサイズの小さなコンピューター。いろいろな 機能 ( きのう) が 備 ( そな) わっていて、自分でプログラミングをすることができるよ。 『子供の科学』 本誌 ( ほんし) や「スタプロ」での連載 、「micro:bitでレッツプログラミング!」では、micro:bitを使った「 探検 ( たんけん) ウォッチ」というツールを使って、その 機能 ( きのう) をプログラミングでつくってきた。 micro:bit探検ウォッチ 今回は「micro:bitでレッツプログラミング!」の番外編。探検ウォッチとScratch(スクラッチ)で使える 機械学習 《 きかいがくしゅう 》 環境 《 かんきょう 》 を組み合わせて、AI(エーアイ)プログラミングにチャレンジしよう。 今回目指すのは、探検ウォッチを 連動 《 れんどう 》 させた、ジェスチャーを 認識 《 にんしき 》 する機械学習プログラムだ。例えば、探検ウォッチをつけた 腕 《 うで 》 で、空中に○や✕を 描 《 か 》 くと、その動きを 検知 《 けんち 》 して、「今のは○」「今のは✕」と 識別 《 しきべつ 》 してくれるプログラムだ。 探検ウォッチを腕に付けて、パソコンのカメラの前で〇や×を描くと、それを識別して答えてくれるプログラムをつくるぞ!