ロボットの座標表示

 

var canvas;
imgRobot = new Image();
imgRobot.src = "Robot101.png";
imgFace = new Image();
imgFace.src = "Face101.png";

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

 

 

function dungeondraw(){
    ctx.drawImage(imgRobot,ofsx,ofsy);

    ctx.drawImage(imgFace,33,0);
        wkcolor = 1;
        ctx.beginPath();
        ctx.moveTo(20,30);
        ctx.lineTo(70,30);
        ctx.lineTo(70,50);
        ctx.lineTo(60,60);
        ctx.lineTo(30,60);
        ctx.lineTo(20,50);
//全て座標を指定 

        ctx.closePath();
        ctx.fillStyle = bordcolor[wkcolor]
        ctx.fill();

}

 

ロボットを座標で顔（pngイメージ）と胸は多角形で表示しました。