Saya ingin membuat game race pen dengan lima warna pen yang berbeda,yaitu merah,biru,hijau orange dan coklat. Dan sirkuitnya lurus, kemudian belok kiri ,belok kanan, lurus,belok kanan, sedikit menurun lurus belok kiri,belok kanan,belok kiri lagi, lurus belok kanan dan kembali ke titik awal atau start sekaligus finishnya.'s game

Click here for free DL of the app version that can save data.

No:46111

149

←

Prev Next

→

Saya ingin membuat game race pen dengan lima warna..ALL
Developer User19934｜Date and time 24/2/23 14:52:57
Build time 8.735 sec｜Game capacity 1.745KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Game Balap Pulpen</title>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

var colors = ["red", "blue", "green", "orange", "brown"];
var startPoint = {x: 50, y: 300};
var currentPosition = {x: 50, y: 300};
var currentColor = colors[Math.floor(Math.random() * 5)];

function drawPen(color, x, y){
    ctx.beginPath();
    ctx.arc(x, y, 10, 0, 2 * Math.PI);
    ctx.fillStyle = color;
    ctx.fill();
}

function drawCircuit(){
    ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.moveTo(startPoint.x, startPoint.y);
    ctx.lineTo(150, 300);
    ctx.stroke();

ctx.lineTo(150, 200);
    ctx.stroke();

ctx.lineTo(450, 200);
    ctx.stroke();

ctx.lineTo(450, 300);
    ctx.stroke();

ctx.lineTo(550, 300);
    ctx.stroke();

ctx.lineTo(550, 350);
    ctx.stroke();

ctx.lineTo(650, 350);
    ctx.stroke();

ctx.lineTo(650, 250);
    ctx.stroke();

ctx.lineTo(750, 250);
    ctx.stroke();

ctx.lineTo(750, 300);
    ctx.stroke();

ctx.lineTo(startPoint.x, startPoint.y);
    ctx.stroke();
}

drawCircuit();
drawPen(currentColor, currentPosition.x, currentPosition.y);

drawCircuit();
    drawPen(currentColor, currentPosition.x, currentPosition.y);
});
</script>

</body>
</html>