画面背景の塗りつぶし
スクリーンショットのサンプル
プログラムの全体像
画面を塗りつぶすプログラムは、大きく3つの文で実現できます。
①まずは画面のクリア
Bangle.jsでは、何をするにしても「まず画面をクリア」することが必要です。
②色を指定
つぎに、setColor(r, g, b)で塗りつぶしの色を指定します。
③四角形を描画する
最後に、g.fillRectで四角形を描画します。
g.fillRect(xの始点, yの始点, xの終点, yの終点)
「どこからどこまで塗りつぶすか」指定する必要があります。
画面全体を塗りつぶすので、getWidthとgetHeightという命令を使って、画面の幅と高さを取得しています。
サンプルコード
完成したサンプルコードは以下です。
// まずは画面をクリア
g.clear();
// 色を指定
g.setColor(0, 1, 0);
// 四角形を描画して背景を塗りつぶす
g.fillRect(0, 0, g.getWidth(), g.getHeight());
この記事が気に入ったらサポートをしてみませんか?