Draw a cube 3d with black wireframe's game

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

No:46701

←

Prev Next

→

Draw a cube 3d with black wireframe
Developer User20131｜Date and time 24/2/25 20:34:24
Build time 6.092 sec｜Game capacity 1.042KB｜

Script

←

Prev　Next

→ 　

Back　

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

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="myCanvas"></canvas>

const cube = [
        {x: 100, y: 100},
        {x: 200, y: 100},
        {x: 200, y: 200},
        {x: 100, y: 200},

{x: 120, y: 120},
        {x: 220, y: 120},
        {x: 220, y: 220},
        {x: 120, y: 220}
    ];

const edges = [
        [0, 1],
        [1, 2],
        [2, 3],
        [3, 0],

[4, 5],
        [5, 6],
        [6, 7],
        [7, 4],

[0, 4],
        [1, 5],
        [2, 6],
        [3, 7]
    ];

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

ctx.beginPath();
        edges.forEach(edge => {
            ctx.moveTo(cube[edge[0]].x, cube[edge[0]].y);
            ctx.lineTo(cube[edge[1]].x, cube[edge[1]].y);
        });
        ctx.strokeStyle = '#000';
        ctx.stroke();
    }

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