Show examlpe of fractals please's game

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

No:48933

←

Prev Next

→

Show examlpe of fractals please
Developer User18896｜Date and time 24/3/3 11:32:48
Build time 7.153 sec｜Game capacity 1.992KB｜

Script

Here is an example of a simple interactive fractal generator implemented as a single HTML file with JavaScript enclosed in script tags:

This code creates a canvas element and uses JavaScript to draw the Mandelbrot set fractal on it. The `mandelbrot` function calculates the number of iterations until the complex function diverges at a given point, and the `drawMandelbrot` function iterates through all points in the canvas to draw the fractal based on the number of iterations calculated.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Here is an example of a simple interactive fractal generator implemented as a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fractal Generator</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="fractalCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('fractalCanvas');
    const ctx = canvas.getContext('2d');
    const width = canvas.width;
    const height = canvas.height;

function drawPixel(x, y, color) {
        ctx.fillStyle = color;
        ctx.fillRect(x, y, 1, 1);
    }

function mandelbrot(c_real, c_imag) {
        let z_real = 0;
        let z_imag = 0;
        let iter = 0;
        
        while (z_real * z_real + z_imag * z_imag <= 4 && iter < 100) {
            let temp = z_real * z_real - z_imag * z_imag + c_real;
            z_imag = 2 * z_real * z_imag + c_imag;
            z_real = temp;
            iter++;
        }

return iter;
    }

function drawMandelbrot() {
        for (let x = 0; x < width; x++) {
            for (let y = 0; y < height; y++) {
                let c_real = (x - width / 2) * 4 / width;
                let c_imag = (y - height / 2) * 4 / height;

let iter = mandelbrot(c_real, c_imag);
                let color = `hsl(${iter * 10}, 100%, 50%)`;
                
                drawPixel(x, y, color);
            }
        }
    }

drawMandelbrot();
</script>
</body>
</html>
```