A 3d cube the can be rotated in its position with arrows in a 3d space And x and y cordinates's game

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

No:46729

←

Prev Next

→

A 3d cube the can be rotated in its position with ..ALL
Developer User20131｜Date and time 24/2/25 21:33:23
Build time 6.767 sec｜Game capacity 1.467KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Rotating 3D Cube Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

var cube = {
            x: 200,
            y: 200,
            size: 50,
            angleX: 0,
            angleY: 0
        };

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

ctx.save();
            ctx.translate(cube.x, cube.y);
            ctx.rotate(cube.angleX);
            ctx.rotate(cube.angleY);

// Draw the cube
            ctx.beginPath();
            ctx.moveTo(-cube.size, -cube.size);
            ctx.lineTo(cube.size, -cube.size);
            ctx.lineTo(cube.size, cube.size);
            ctx.lineTo(-cube.size, cube.size);
            ctx.closePath();
            ctx.stroke();

ctx.restore();
        }

drawCube();
        }

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