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

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

No:46706

←

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:20
Build time 5.403 sec｜Game capacity 1.22KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

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

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

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.stroke();
        }

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