Draw a cube 3d with black wireframe in a 500 x 500 canvas Mak the cube move with arrow keys in a 3d space's game

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

No:46707

←

Prev Next

→

Draw a cube 3d with black wireframe in a 500 x 500..ALL
Developer User20131｜Date and time 24/2/25 20:38:47
Build time 4.971 sec｜Game capacity 1.55KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Gioco Cubo 3D</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

let cube = {
            x: 250,
            y: 250,
            size: 50
        };

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

ctx.moveTo(cube.x, cube.y);
            ctx.lineTo(cube.x + cube.size, cube.y);
            ctx.lineTo(cube.x + cube.size, cube.y + cube.size);
            ctx.lineTo(cube.x, cube.y + cube.size);
            ctx.lineTo(cube.x, cube.y);

ctx.moveTo(cube.x + cube.size, cube.y);
            ctx.lineTo(cube.x + cube.size + cube.size/2, cube.y - cube.size/2);
            ctx.lineTo(cube.x + cube.size + cube.size/2, cube.y + cube.size/2);
            ctx.lineTo(cube.x + cube.size, cube.y + cube.size);

ctx.stroke();
        }

drawCube();
        }

drawCube();
        window.addEventListener('keydown', moveCube);
    </script>
</body>
</html>