スクラッチでペン拡張機能のスタンプを使った星のランダムアートの作り方

はじめてのスクラッチ

さぁ、スクラッチでナニ作る！？

動画で見てみよう

ok-scratch

チャンネル登録して応援よろしく！

チュートリアルの元になった作品

はじめてのスクラッチ #016

by ok-scratch

プレイしておこう

今回のスクラッチを作る参考作品です。「全部消す」でキャンバスをリセットしてから、100回のループで位置・色の効果・サイズをランダムに変えながらスタンプを押し続ける設計が効いている。クローンは上限300個に縛られるが、スタンプはペンレイヤーへの描画なのでスプライト1つで大量描画が可能だ。少ないコードで視覚的な豊かさを生み出す構造がどうなっているのか、見ていこう。参考資料：スクラッチプログラミング事例大全集

今回の目標

ペン拡張機能のスタンプを使って、ランダムな位置・色・サイズの星を100個描画するアートを作る。

スターター作品をリミックスしよう

このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード

#1スタート位置の設定

ok-scratch

前回まででスクラッチのいろんな仕組みを使ってきたよね。今回はペン拡張機能の「スタンプ」を使って、ランダムアート作品を作っていくよ。まずはスプライトの初期位置をセットするところから始めよう。

準備

スプライト「スタースタンプ」を開く

スタースタンプ

スプライトについて
ランダムな位置・色・サイズで星形スタンプを100回押すスプライト。ペン機能を使って画面に星模様を描画する。
どんな役割か
星の形をランダムな場所にどんどんスタンプしていくよ！色もサイズも毎回バラバラだから、実行するたびに違う模様ができるんだ。100個の星が画面いっぱいに広がるのを見てみよう！

実装

イベントが押されたときでプログラムをスタートしたら、動きx座標を ( ) 、y座標を ( ) にするでx:0、y:0のステージ中央に移動するよ。スタンプを押し始める前の準備段階だね。

ok-scratch

スクラッチのステージって、x座標が-240から240、y座標が-180から180の範囲なんだ。ちょうど真ん中がx:0、y:0で、数学の座標平面と同じ仕組みだよ。右にいくほどxが大きく、上にいくほどyが大きくなるシンプルなルール。今回は中央スタートだけど、このあとランダムな位置に飛びまくるから、スタート地点はぶっちゃけどこでもよかったりするんだよね。

#2星をランダムにスタンプ

ok-scratch

ここからがメインイベント！コスチュームを「Star」にセットして画面をクリア。

ペン全部消すで前回の描画をまっさらにしてから、100回繰り返すループに突入。ループの中では「どこかの場所へ行く」でランダムな座標に飛んで、「色」の効果を1〜10のランダムな値ぶん変えて、大きさも1%〜100%のランダムにセットしてからペンスタンプでスタンプを押す流れだよ。

ok-scratch

「星を100個並べたい」って聞いたら、クローンを100個作る方法もありそうだよね。でもスクラッチのクローンは上限が約300個で、もっと増やしたくなったら詰んじゃう。スタンプならペンレイヤーにハンコを押すだけだから、1000個でも10000個でもいける。スプライト1つで大量描画できるのがスタンプの強みなんだ。

次回はペンをもっと使いこなして、ネコに三角形を描かせるよ！

確認プレビューしておこう

旗を押すと、ランダムな位置にいろんな色・サイズの星が100個スタンプされて画面いっぱいに広がったね。

#3星の見た目や位置をセットする

ok-scratch

100回のループでランダムな位置・色・サイズになるようにブロックを組む。

#4スタンプする

ok-scratch

で、星をどんどんスタンプしていくよ。実行するたびに違う模様が生まれるんだ。

まとめ

ペンのスタンプ、なかなかすごいでしょ？たった9行のコードで毎回ちがう模様が生まれるの、おもしろくない？クローンとはちがって上限なしで描けるから、もっと増やすのも全然OK。次回はペンをさらに使いこなして、ネコに三角形を描かせるよ！