grid():グリッド(格子状のマス目)を点線で描く

説明

グリッド(格子状のマス目)を点線で描画します。パラメーターはgrid()と同じでX1座標、Y1座標、X2座標、Y2座標、横の間隔、縦の間隔、色の順番で指定します。

[以下のJavaScriptプログラムをダウンロード]

[もう1つのサンプルプログラムをダウンロード]

// Grid2[dot](x,y,dx,dy,color)
function grid2(x1,y1,x2,y2,dx,dy,c){
// DotLineH(x1,y,x2,color)
function dLineH(x1,y,x2,c){
var d=1;
if(x1>x2){ d=-1; }
while(x1!=x2){
if(x1&1){ uart(128,8,1,x1,y,x1,y,c); }
x1=x1+d;
}
}
// DotLineV(x,y1,y2,color)
function dLineV(x,y1,y2,c){
var d=1;
if(y1>y2){ d=-1; }
while(y1!=y2){
if(y1&1){ uart(128,8,1,x,y1,x,y1,c); }
y1=y1+d;
}
}
var sy=y1;
while(sy<=y2){
dLineH(x1,sy,x2,c);
sy=sy+dy;
}
var sx=x1;
while(sx<=x2){
dLineV(sx,y1,y2,c);
sx=sx+dx;
}
}
// Sample Code
uart("\nPC CLEAR 00\n");
grid2(0,0,80,45,8,10,2);

目次に戻る