ランダムに三角形を描画する

液晶画面上にランダムな位置とサイズで三角形を無限に描画してみます。
まず、「イベント」のカテゴリをクリックします。

矢印で示す「くりかえし」のブロックをクリックします。

「Setup」ブロックの下に接続します。

「グラフィック」のカテゴリをクリックします。

「三角形を表示 x1:0 y1:0 x2:0 y2:0 x3:0 y3:0 ボーダーの色:■」ブロックをクリックします。

「くりかえし」ブロックの中に「三角形を表示 x1:0 y1:0 x2:0 y2:0 x3:0 y3:0 ボーダーの色:■」ブロックを入れます。

次に線の開始座標と終了座標をランダムに設定します。「数学」のカテゴリをクリックして表示されるブロックの中から「 から までのランダムな整数」ブロックをクリックします。

「三角形を表示 x1:0 y1:0 x2:0 y2:0 x3:0 y3:0 ボーダーの色:■」ブロックのx1:の後にはめ込みます。ランダムな数の範囲は0から319にします。これはM5 Stack画面の横幅が320ピクセルだからです。

同様にy1:の後にもランダムな数値を発生させるブロックをはめこみます。Y座標の場合、範囲は0〜239までになります。これはM5 Stackの画面の縦幅が240ピクセルだからです。

x2,y2,x3,y3の値も同様にブロックをはめ込みます。これでできあがりです。

実行ボタンをクリックします。するとM5 Stackにプログラムが転送され実行されます。

M5 Stack本体の液晶画面がランダムな三角形で描画されていきます。
【動画:YouTubeで再生

<< 戻る