やること

この教材 では、Jasmine Tea のプログラムで画面上に四角形を描く方法を学びます。これにより、四角形を簡単に描画して視覚的な要素をプログラムに加えることができます。

ステップ3

実行画面に以下のように表示されたら成功です。

指定した座標に、色や線の太さが異なる四角形が描画されます。

ステップ4

実行したプログラムを解説します。

使っている命令の簡単な紹介

• box は指定した座標を結ぶ四角形を描く命令です。書式は box (x1,y1)-(x2,y2),color,fill です。
  • (x1, y1) : 四角形の左上の座標。
  • (x2, y2) : 四角形の右下の座標。
  • color : 四角形の枠線の色を指定する色番号。
  • fill : （省略可能）四角形を塗りつぶす色番号。
• 色の番号は、0～37 まで使えます。色番号と実際の色は、 使用可能な色 のページに掲載されています。

プログラムで行われていること

• box (50,50)-(150,150),2 で座標(50,50)から(150,150)の範囲に色番号2の四角形を描画します。
• box (200,50)-(300,150),4,3 で座標(200,50)から(300,150)の範囲に色番号4、塗りつぶし色番号3の四角形を描画します。
• box (350,50)-(450,150),5 で座標(350,50)から(450,150)の範囲に色番号5の四角形を描画します。

学ぶべきこと

• 四角形を描画する方法。
• 四角形の色や塗りつぶしの色を変更する方法。

チャレンジ

以下のようなカスタマイズを行って、さらに理解を深めましょう。

1. 別の座標を指定して、新しい位置に四角形を描画してみましょう。
2. 枠線の色や塗りつぶす色を変更して、異なる見た目の四角形を作成してみましょう。
3. 複数の四角形を組み合わせて、簡単なパターンやデザインを描いてみましょう。