Party game with cute animals's game

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

No:750

169

←

Prev Next

→

Party game with cute animals
Developer User3118｜Date and time 23/6/17 16:17:14
Build time 10.417 sec｜Game capacity 0.75KB｜

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.

はい、トライフォースinトライフォースのシェルピンスキーのギャスケットを表示するHTMLファイルを作成します。以下が該当のコードです。

このHTMLファイルを開くと、初期配置で黄色のシェルピンスキーのギャスケットが描画されます。ウィンドウのサイズを変更するとギャスケットが拡大縮小され、ウィンドウがリサイズされたときにも再描画されます。

←

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>はい、トライフォースinトライフォースのシェルピンスキーのギャスケットを表示するHTMLファイルを作成します。以下が該当のコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>トライフォースinトライフォース</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

const depth = 8; // ギャスケットの深さ
    const size = 400; // キャンバスのサイズ

// ギャスケットの描画
    function drawGasket(x, y, len, depth) {
      if (depth === 0) {
        ctx.fillStyle = "yellow";
        ctx.fillRect(x, y, len, len);
      } else {
        const halfLen = len / 2;
        drawGasket(x, y, halfLen, depth - 1);
        drawGasket(x + halfLen, y, halfLen, depth - 1);
        drawGasket(x + halfLen / 2, y + halfLen, halfLen, depth - 1);
      }
    }

// キャンバスの初期化
    function clearCanvas() {
      ctx.clearRect(0, 0, size, size);
    }

// ウィンドウのリサイズに対応
    function resizeCanvas() {
      const windowSize = Math.min(window.innerWidth, window.innerHeight);
      canvas.width = windowSize;
      canvas.height = windowSize;
    }

// ギャスケットの初期描画
    function init() {
      resizeCanvas();
      drawGasket(0, 0, size, depth);
    }

// ウィンドウのリサイズ時にキャンバスを再描画
    window.addEventListener("resize", function() {
      clearCanvas();
      init();
    });

// 初期描画
    init();
  </script>
</body>
</html>
```