Persona corriendo 3d's game

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

No:44598

←

Prev Next

→

Persona corriendo 3d
Developer User19425｜Date and time 24/2/18 15:27:40
Build time 4.189 sec｜Game capacity 1.113KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Persona Corriendo 3D</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let posX = 400;
        let speed = 5;

function drawPerson(x) {
            ctx.fillStyle = 'blue';
            ctx.fillRect(x, 300, 50, 50);
        }

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

function update() {
            clearCanvas();
            drawPerson(posX);

if (posX >= canvas.width) {
                posX = 0;
            } else {
                posX += speed;
            }
        }

function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>