Faça um cubo que fica rebatendo nas paredes e a cada batida a velocidade aumenta, ele começa devagar's game

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

No:52883

403

←

Prev Next

→

Faça um cubo que fica rebatendo nas paredes e a ca..ALL
Developer User19080｜Date and time 24/3/26 8:35:06
Build time 11.504 sec｜Game capacity 1.002KB｜

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>
    #cube {
        width: 50px;
        height: 50px;
        background-color: blue;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>
</head>
<body>
<div id="cube"></div>
<script>
    const cube = document.getElementById('cube');
    let speedX = 3;
    let speedY = 3;

function moveCube() {
        let cubeLeft = parseInt(cube.style.left, 10);
        let cubeTop = parseInt(cube.style.top, 10);

if (cubeLeft <= 0 || cubeLeft >= window.innerWidth - cube.clientWidth) {
            speedX = -speedX;
        }
        if (cubeTop <= 0 || cubeTop >= window.innerHeight - cube.clientHeight) {
            speedY = -speedY;
        }

cube.style.left = cubeLeft + speedX + 'px';
        cube.style.top = cubeTop + speedY + 'px';

speedX *= 1.01;
        speedY *= 1.01;
    }

setInterval(moveCube, 20);
</script>
</body>
</html>