Faz um cubo que tem movimentação de direita esquerda para cima e para baixo. E quando você entra no portal verde muda o papel de parede vai mudar, e um o simulador de sonhos só que tem objetos clica no botão: +W transportado para outro lugar que tem a mesma coisa isso aqui com características diferentes's game

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

No:13132

188

←

Prev Next

→

Faz um cubo que tem movimentação de direita esquer..ALL
Developer User5784｜Date and time 23/8/27 4:08:55
Build time 15.02 sec｜Game capacity 2.433KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo do Cubo</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

#canvas {
        display: block;
    }
</style>
</head>
<body>
<canvas id="canvas"></canvas>

const cube = {
        x: 200,
        y: 200,
        size: 50,
        speed: 5
    };

const portal = {
        x: 500,
        y: 200,
        size: 50
    };

let isInsidePortal = false;

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

function drawCube() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(cube.x, cube.y, cube.size, cube.size);
    }

function drawPortal() {
        ctx.fillStyle = 'green';
        ctx.fillRect(portal.x, portal.y, portal.size, portal.size);
    }

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

drawCube();
        drawPortal();
    }

function update() {
        if (isInsidePortal) {
            document.body.style.background = getRandomColor();
        }

if (isColliding(cube, portal)) {
            isInsidePortal = true;
        } else {
            isInsidePortal = false;
        }
    }

function isColliding(object1, object2) {
        return object1.x < object2.x + object2.size &&
                object1.x + object1.size > object2.x &&
                object1.y < object2.y + object2.size &&
                object1.y + object1.size > object2.y;
    }

function getRandomColor() {
        const letters = '0123456789ABCDEF';
        let color = '#';

for (let i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
        }

return color;
    }

function gameLoop() {
        draw();
        update();

requestAnimationFrame(gameLoop);
    }

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