画面にグラフィックを表示するための、基本的な命令を紹介します。

グラフィック画面と座標

本製品でのグラフィックは、グラフィック画面に描画します。グラフィック画面とはコンソール画面の裏側に重なっている存在です。

グラフィック画面は横400ドット×縦240ドットの解像度を持ち、横方向をX座標、縦方向をY座標として扱います。

グラフィック命令を試す

まずは簡単に、DIRECTモードでグラフィック命令を入力し、画面に直線を引いてみましょう。もちろん、EDITモードでプログラムにしても構いません。

◆直線を引く「GLINE命令」

次のように入力してください。

GLINE命令は、グラフィック画面に直線を引く命令です。実行結果は次のようになります。

画面を斜めに横切る線が表示されました。

書式	GLINE 始点X, 始点Y, 終点X, 終点Y, 色 始点は直線の引き始めの座標、終点は直線の引き終わりの座標 色(色コード)は省略可能
使用例	GLINE 0, 0, 399, 239 始点(0, 0)から、終点(399,239)まで直線を引く

◆グラフィック画面を消去する「GCLS命令」

グラフィック画面に描いたものは、CLS命令では消去できません。グラフィック画面を消去するには「GCLS命令」を使います。

書式	GCLS グラフィック画面を消去する

※本製品では一般に、Gで始まる命令はグラフィック画面に対する命令です。

文字は消えずに線だけが消えました。
コンソール画面とグラフィック画面は別々に管理されており、CLS命令ではコンソール画面のみ、GCLS命令ではグラフィック画面のみが消去されます。

画面の構造についてもっと詳しく知りたい方は、「画面構成」のページを参照してください。

色について

GLINE命令をはじめ、グラフィック命令では描画する色を指定できるものがあります。色の指定方法には各種ありますが、グラフィックソフトを使ったことのある方なら、RGB指定がわかりやすいでしょう。

◆RGBによる色指定方法

光の3原色である赤(R)・緑(G)・青(B)を、それぞれ0～255の数値で表す方法です。
たとえば明るい赤は、次のように表記します。

次の色指定は、初期のコンピューターの基本8色に近いものです。これを基本に数字をいろいろ調整して、もっと自然な色を作れます。

黒色■　RGB(0,0,0)
赤色■　RGB(255,0,0)
緑色■　RGB(0,255,0)
青色■　RGB(0,0,255)
黄色■　RGB(255,255,0)
水色■　RGB(0,255,255)
紫色■　RGB(255,0,255)
白色■　RGB(255,255,255)

◆GCOLOR命令

GCOLOR命令は、これから描画するグラフィックの色を指定します。

書式	GCOLOR　色コード 色コードはRGB形式
使用例	GCOLOR RGB(255,0,0) 今後描画するグラフィックの色を赤にする

そのほかのグラフィック命令

四角形や円など、基本的な図形を描く命令の一部を紹介します。ほかの命令については、サンプルプロクラムや命令リストのページを参照してください。

◆GPSET命令…点を打つ

書式	GPSET 座標X, 座標Y ,色コード 座標X,座標Y…点を打つ座標 色コードは省略可能
使用例	GPSET 199,119

◆GBOX命令…四角形を描く

書式	GBOX 始点X, 始点Y, 終点X, 終点Y, 色 始点X,Y…四角形の左上の座標 終点X,Y…四角形の右下の座標 色コードは省略可能
使用例	GBOX 0,0,100,80

◆GFILL命令…四角形を描いて塗りつぶす

書式	GFILL 始点X, 始点Y, 終点X, 終点Y, 色 始点X,Y…四角形の左上の座標 終点X,Y…四角形の右下の座標 色コードは省略可能
使用例	GFILL 110,40,50,20

◆GCIRCLE命令…円を描画する

書式	GCIRCLE 中心X, 中心Y, 半径, 色 中心X,Y…円の中心の座標 半径…円の半径 色コードは省略可能
使用例	GCIRCLE 110,40,50,20

◆GPAINT命令…図形内部を塗りつぶす

書式	GPAINT 開始X, 開始Y, 塗り色, 境界色 開始X,Y…塗りつぶし開始座標（塗りたい図形の内部を指定） 塗り色コード…塗りつぶす色（省略可能） 境界色コード…塗りつぶしの境界線とする色（省略可能）
使用例	GPAINT 110, 40, RGB(0,255,255) 座標(110,40)から水色で、下地以外の色に当たるまで塗りつぶし