Un cubo 3d che rimbalza's game

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

No:46693

←

Prev Next

→

Un cubo 3d che rimbalza
Developer User20131｜Date and time 24/2/25 20:05:51
Build time 5.208 sec｜Game capacity 1.462KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="it">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cubo 3D che rimbalza</title>
    <style>
        canvas {
            width: 100%;
            height: 100%;
            background: #f2f2f2;
        }
    </style>
</head>

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

let cube = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 50,
            dx: 5,
            dy: 3
        };

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

ctx.fillStyle = '#ff7f50';
            ctx.fillRect(cube.x, cube.y, cube.size, cube.size);

if (cube.x + cube.size > canvas.width || cube.x < 0) {
                cube.dx = -cube.dx;
            }

if (cube.y + cube.size > canvas.height || cube.y < 0) {
                cube.dy = -cube.dy;
            }

cube.x += cube.dx;
            cube.y += cube.dy;
        }

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

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

</html>