Mandelbrot set's game | AI game creator

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

No:4936

3378

Mandelbrot set
Developer User3796｜Date and time 23/6/29 1:07:47
Build time 30.83 sec｜Game capacity 2.839KB｜

マンデルブロ集合は、複素数平面上のある点に対して、その点を基準とする漸化式を繰り返し計算することで生成されるフラクタル図形です。以下に、スマートフォンで操作できる簡単なマンデルブロ集合の表示プログラムを示します。

このプログラムは、スマートフォンで操作することが前提となっています。画面をタップするとその位置を基準としてマンデルブロ集合を描画します。また、ドラッグ（指を動かしながらスワイプ）することで基準点を移動させることができます。ただし、マンデルブロ集合は非常に複雑な図形であり、描画に時間がかかるため、スマートフォンの性能によっては操作がもたつく場合があります。また、絵文字を使った表示は簡易的なものであり、リアルタイムに操作しながら確認することは難しいかもしれません。ご了承ください。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

マンデルブロ集合は、複素数平面上のある点に対して、その点を基準とする漸化式を繰り返し計算することで生成されるフラクタル図形です。以下に、スマートフォンで操作できる簡単なマンデルブロ集合の表示プログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>マンデルブロ集合</title>
  <style>
    #canvas {
      display: block;
      margin: 0 auto;
      background-color: #000;
    }
  </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;

// マウス座標の初期値
    let mx = 0;
    let my = 0;

// クリック時の処理
    canvas.addEventListener('click', (e) => {
      mx = e.clientX;
      my = e.clientY;
      draw();
    });

// ドラッグ時の処理
    canvas.addEventListener('mousemove', (e) => {
      if (e.buttons === 1) {
        mx = e.clientX;
        my = e.clientY;
        draw();
      }
    });

function draw() {
      // マンデルブロ集合の描画
      for (let x = 0; x < width; x++) {
        for (let y = 0; y < height; y++) {
          const a = mx / width * 4 - 2;
          const b = my / height * 4 - 2;
          let ca = x / width * 4 - 2;
          let cb = y / height * 4 - 2;
          let n = 0;

while (n < 100) {
            const aa = ca * ca;
            const bb = cb * cb;
            const twoab = 2 * ca * cb;
            ca = aa - bb + a;
            cb = twoab + b;

if (aa + bb > 4) {
              break;
            }

n++;
          }

const brightness = Math.sqrt(n / 100) * 255;
          ctx.fillStyle = `rgb(${brightness}, ${brightness}, ${brightness})`;
          ctx.fillRect(x, y, 1, 1);
        }
      }
    }

draw();

</script>
</body>
</html>
```

このプログラムは、スマートフォンで操作することが前提となっています。画面をタップするとその位置を基準としてマンデルブロ集合を描画します。また、ドラッグ（指を動かしながらスワイプ）することで基準点を移動させることができます。

ただし、マンデルブロ集合は非常に複雑な図形であり、描画に時間がかかるため、スマートフォンの性能によっては操作がもたつく場合があります。また、絵文字を使った表示は簡易的なものであり、リアルタイムに操作しながら確認することは難しいかもしれません。ご了承ください。