The game to end the war's game

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

No:630

156

←

Prev Next

→

The game to end the war
Developer User3039｜Date and time 23/6/16 18:27:59
Build time 14.064 sec｜Game capacity 0.852KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
  <head>
    <title>3Dクリスタル</title>
    <style>
      canvas {
        background-color: black;
        display: block;
        margin: 50px auto;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      const canvas = document.getElementById("canvas");
      const ctx = canvas.getContext("2d");

const width = window.innerWidth;
      const height = window.innerHeight;
      canvas.width = width;
      canvas.height = height;

const tetrahedron = {
        vertices: [
          { x: 0, y: -100, z: 0 },
          { x: -100, y: 100, z: 100 },
          { x: -100, y: 100, z: -100 },
          { x: 100, y: 100, z: 0 }
        ],
        edges: [
          [0, 1],
          [0, 2],
          [0, 3],
          [1, 2],
          [2, 3],
          [3, 1]
        ]
      };

const rotationSpeed = 0.01;
      let rotationX = 0;
      let rotationY = 0;

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

tetrahedron.vertices.forEach((vertex, index) => {
          const x = vertex.x;
          const y = vertex.y * Math.cos(rotationX) + vertex.z * Math.sin(rotationX);
          const z = vertex.z * Math.cos(rotationX) - vertex.y * Math.sin(rotationX);

const perspective = 500 / (500 + z);

const screenX = x * perspective + width / 2;
          const screenY = y * perspective + height / 2;

tetrahedron.vertices[index].screenX = screenX;
          tetrahedron.vertices[index].screenY = screenY;
        });

tetrahedron.edges.forEach(edge => {
          const x1 = tetrahedron.vertices[edge[0]].screenX;
          const y1 = tetrahedron.vertices[edge[0]].screenY;
          const x2 = tetrahedron.vertices[edge[1]].screenX;
          const y2 = tetrahedron.vertices[edge[1]].screenY;

ctx.beginPath();
          ctx.moveTo(x1, y1);
          ctx.lineTo(x2, y2);
          ctx.strokeStyle = "rgba(0, 255, 255, 0.2)";
          ctx.lineWidth = 2;
          ctx.stroke();
        });

rotationX += rotationSpeed;
        rotationY += rotationSpeed;

requestAnimationFrame(render);
      }

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