use try() and eval()'s game

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

No:50131

←

Prev Next

→

use try() and eval()
Developer User20383｜Date and time 24/3/7 22:56:15
Build time 1.332 sec｜Game capacity 0.119KB｜

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>
    <meta charset="UTF-8">
    <title>JavaScriptお絵描き</title>
  </head>
  <body>
    <canvas id="myCanvas" width="400" height="400"></canvas>
    <button onclick="drawNewShape()">他も見る！</button>
    <script>
      const canvas = document.getElementById('myCanvas');
      const ctx = canvas.getContext('2d');

function drawTriangle() {
        ctx.beginPath();
        ctx.moveTo(100, 100);
        ctx.lineTo(200, 100);
        ctx.lineTo(150, 200);
        ctx.closePath();
        ctx.strokeStyle = 'red';
        ctx.stroke();
      }

function drawSquare() {
        ctx.beginPath();
        ctx.moveTo(100, 100);
        ctx.lineTo(200, 100);
        ctx.lineTo(200, 200);
        ctx.lineTo(100, 200);
        ctx.closePath();
        ctx.strokeStyle = 'red';
        ctx.stroke();
      }

function drawPentagon() {
        ctx.beginPath();
        ctx.moveTo(150, 50);
        ctx.lineTo(250, 100);
        ctx.lineTo(225, 200);
        ctx.lineTo(125, 200);
        ctx.lineTo(100, 100);
        ctx.closePath();
        ctx.strokeStyle = 'red';
        ctx.stroke();
      }

function drawHexagon() {
        ctx.beginPath();
        ctx.moveTo(100, 150);
        ctx.lineTo(120, 125);
        ctx.lineTo(180, 125);
        ctx.lineTo(200, 150);
        ctx.lineTo(180, 175);
        ctx.lineTo(120, 175);
        ctx.closePath();
        ctx.strokeStyle = 'red';
        ctx.stroke();
      }

function drawOctagon() {
        ctx.beginPath();
        ctx.moveTo(150, 50);
        ctx.lineTo(250, 50);
        ctx.lineTo(300, 150);
        ctx.lineTo(250, 250);
        ctx.lineTo(150, 250);
        ctx.lineTo(100, 150);
        ctx.closePath();
        ctx.strokeStyle = 'red';
        ctx.stroke();
      }

function drawNewShape() {
        const shapes = [drawTriangle, drawSquare, drawPentagon, drawHexagon, drawOctagon];
        const randomIndex = Math.floor(Math.random() * shapes.length);
        shapes[randomIndex]();
      }

// 初期表示
      drawHexagon();
    </script>
  </body>
</html>