Mandelbrot set's game | AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Mandelbrot set's game | AI game creator

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

No:4936

3532

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>
```

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

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