A game in which you have to EVADE a smiley face's game

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

No:52299

121

←

Prev Next

→

A game in which you have to EVADE a smiley face
Developer Winnerweiner2113｜Date and time 24/3/20 7:20:45
Build time 6.421 sec｜Game capacity 1.492KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Evade the Smiley Face Game</title>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

let playerX = canvas.width / 2;
let playerY = canvas.height - 30;
let smileyX = Math.random() * canvas.width;
let smileyY = 0;
let smileySpeed = 2;

function drawPlayer() {
    ctx.beginPath();
    ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
    ctx.fillStyle = "red";
    ctx.fill();
    ctx.closePath();
}

function drawSmiley() {
    ctx.beginPath();
    ctx.arc(smileyX, smileyY, 20, 0, Math.PI * 2);
    ctx.fillStyle = "yellow";
    ctx.fill();
    ctx.closePath();
}

function movePlayer(e) {
    if (e.key === "ArrowLeft" && playerX > 0) {
        playerX -= 10;
    }
    if (e.key === "ArrowRight" && playerX < canvas.width) {
        playerX += 10;
    }
}

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

drawPlayer();
    drawSmiley();

smileyY += smileySpeed;

if (smileyY > canvas.height) {
        smileyX = Math.random() * canvas.width;
        smileyY = 0;
    }

if (Math.abs(playerX - smileyX) < 40 && Math.abs(playerY - smileyY) < 40) {
        smileyX = Math.random() * canvas.width;
        smileyY = 0;
    }
}

document.addEventListener("keydown", movePlayer);

setInterval(draw, 10);
</script>
</body>
</html>