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){ pc.line(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){ pc.line(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
var pc=new PanCake();
pc.reset(0);
pc.clear(0);
grid2(0,0,80,45,8,10,2);

目次に戻る