SmileBASIC

簡易電子説明書

28グラフィック命令

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

グラフィック画面と座標

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

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

X座標 0~399, Y座標 0~239

グラフィック命令を試す

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

◆直線を引く「GLINE命令」

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

GLINE 0, 0, 399, 239↵

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

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

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

始点(0, 0)から、終点(399,239)まで直線を引く


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

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

書式 GCLS

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

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

GCLS↵

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

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

色について

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

◆RGBによる色指定方法

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

RGB(255, 0, 0)

次の色指定は、初期のコンピューターの基本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)から水色で、下地以外の色に当たるまで塗りつぶし

PDFファイル

e-manual.pdf(3.0 MB)

ソフト本体に付属する電子説明書とほぼ同内容の記事がご覧いただけます。
ページトップへ