a simple 3d ascii cube spinning all the x y and z axis's game

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

No:41453

←

Prev Next

→

a simple 3d ascii cube spinning all the x y and z ..ALL
Developer User18554｜Date and time 24/2/7 14:15:55
Build time 10.872 sec｜Game capacity 2.373KB｜

Script

Certainly! Here's an example of a simple HTML game that displays a spinning 3D ASCII cube using JavaScript:

When you run this HTML file, it will display a spinning 3D cube made up of ASCII characters. The cube rotates continuously around the x, y, and z axes. You can view and interact with this game on a smartphone or any modern web browser.

←

Prev　Next

→ 　

Back　

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

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

Certainly! Here's an example of a simple HTML game that displays a spinning 3D ASCII cube using JavaScript:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Spinning 3D Cube</title>
  <style>
    #container {
      width: 300px;
      height: 300px;
    }
  </style>
</head>

function rotateX() {
      var temp = cube[1][1];
      cube[1][1] = cube[1][3];
      cube[1][3] = cube[3][3];
      cube[3][3] = cube[3][1];
      cube[3][1] = temp;

temp = cube[1][2];
      cube[1][2] = cube[2][3];
      cube[2][3] = cube[3][2];
      cube[3][2] = cube[2][1];
      cube[2][1] = temp;
    }

function rotateY() {
      var temp = cube[0][2];
      cube[0][2] = cube[2][2];
      cube[2][2] = cube[4][2];
      cube[4][2] = cube[2][0];
      cube[2][0] = temp;

temp = cube[1][2];
      cube[1][2] = cube[2][3];
      cube[2][3] = cube[3][2];
      cube[3][2] = cube[2][1];
      cube[2][1] = temp;
    }

function rotateZ() {
      var temp = cube[0][1];
      cube[0][1] = cube[1][1];
      cube[1][1] = cube[4][1];
      cube[4][1] = cube[3][1];
      cube[3][1] = temp;

temp = cube[0][2];
      cube[0][2] = cube[1][2];
      cube[1][2] = cube[4][2];
      cube[4][2] = cube[3][2];
      cube[3][2] = temp;
    }

function drawCube() {
      container.innerHTML = ''; // Clear the container

for (var i = 0; i < cube.length; i++) {
        var row = document.createElement('div');
        row.style.display = 'flex';

for (var j = 0; j < cube[i].length; j++) {
          var cell = document.createElement('div');
          cell.textContent = cube[i][j];
          row.appendChild(cell);
        }

container.appendChild(row);
      }
    }

setInterval(function() {
      rotateX();
      rotateY();
      rotateZ();
      drawCube();
    }, 100);
  </script>
</body>

</html>
```