カーレース・ゲーム００１

 

 

道路の描画、キャピタル００１

 

var canvas;
var ctx;

WIDTH  = 800;
HEIGHT = 600;

var bordcolor = ["white", "silver", "gray"];

function init(){
    canvas = document.getElementById('world');
    canvas.width = WIDTH;
    canvas.height = HEIGHT;
    ctx = canvas.getContext('2d');
    ctx.font = "48px 'MS　Pゴシック'";

    user = window.navigator.userAgent.toLowerCase();

     //（描画処理）
     ctx.fillStyle = "blue";
     ctx.fillRect(0, 0, WIDTH, HEIGHT);

     ctx.fillStyle = "green";
     ctx.fillRect(0, 300, WIDTH, 300);

    for (i=1; i < 26; i++){
        w = i * 33;
        h = 12;
        x = 400 - (w / 2);
        y = 288 + (i * h);
        wkcolor = i % 3;
        ex = x + w;
        ey = y + h;
        ctx.fillStyle = bordcolor[wkcolor];
        ctx.fillRect(x, y, w, h);
    }

}

※四角の描画は、スタート位置と幅です。