スクリーンショットのサンプル

プログラムの全体像

画面を塗りつぶすプログラムは、大きく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());