javascript - 由特定函数定义的 Mandelbrot 集

标签 javascript canvas pseudocode fractals mandelbrot

我正在试验 Canvas ,我正在尝试修改 this piece of code ,但不幸的是我不明白它的某些部分。

我的问题是 - 如何自定义上面的代码,例如由

f(z) = c^e(-z) 

(公式取自有分形例子的书)?

我知道我需要更改这部分代码:

function computeRow(task) {
    var iter = 0;
    var c_i = task.i;
    var max_iter = task.max_iter;
    var escape = task.escape * task.escape;
    task.values = [];
    for (var i = 0; i < task.width; i++) {
        var c_r = task.r_min + (task.r_max - task.r_min) * i / task.width;
        var z_r = 0, z_i = 0;

        for (iter = 0; z_r*z_r + z_i*z_i < escape && iter < max_iter; iter++) {
            // z -> z^2 + c
            var tmp = z_r*z_r - z_i*z_i + c_r;
            z_i = 2 * z_r * z_i + c_i;
            z_r = tmp;
        }
        if (iter == max_iter) {
            iter = -1;
        }
        task.values.push(iter);
    }
    return task;
}

但不知道 z_i、z_r、c_i、c_r 的真正含义以及我如何将它们绑定(bind)到上述公式。

如有任何帮助,我们将不胜感激。

最佳答案

复数有两部分:实部、虚部。
所以z = a + b*i , 其中a是实部,b*i是虚构的。
在为 z=z^2+c 提供的示例中, 其中z=z_r+z_i*i

注意: i*i = -1
所以z^2 = (z_r+z_i*i)*(z_r+z_i*i) = z_r*z_r+2*z_r*z_i*i + z_i*i*z_i*i = z_r*z_r+2*z_r*z_i*i - z_i*z_i
现在添加 c : z_r*z_r+2*z_r*z_i*i - z_i*z_i + c_r + c_i*i将其分组

z_r*z_r+2*z_r*z_i*i - z_i*z_i + c_r + c_i*i = (z_r*z_r - z_i*z_i + c_r) + (2*z_r*z_i + c_i)*i

所以我们得到 tmp来自代码的 var - 是新 z 的真实部分

tmp = z_r*z_r - z_i*z_i + c_r

和虚部

2*z_r*z_i + c_i

z = z_r + z_i * i , 我们需要赋值

z_r = z_r*z_r - z_i*z_i + c_r
z_i = 2*z_r*z_i + c_i

更新: f(z) = e^z - c

首先,几个复杂的形式:x = a+b*i = |x|(cos(p)+i*sin(p)) = |x|*e^(i*p)
其中 |x| = sqrt(a*a + b*b)p = b/a

在我们的案例中:p=z_i/z_r , |z| = sqrt(z_r*z_r+z_i*z_i)

e^z = e^(z_r+z_i*i) = e^z_r * (e^z_i*i) = e^z_r * (cos(p)+i*sin(p)) = (e^z_r * cos(p)) + i * (e^z_r * sin(p))

减去 c :

(e^z_r * cos(p)) + i * (e^z_r * sin(p)) - c_r - c_i*i = (e^z_r * cos(p) - c_r) + i * (e^z_r * sin(p) - c_i)

所以 新 z

z_r = (e^z_r * cos(p) - c_r) = (e^z_r * cos(z_i/z_r) - c_r)
z_i = (e^z_r * sin(p) - c_i) = (e^z_r * sin(z_i/z_r) - c_i)

关于javascript - 由特定函数定义的 Mandelbrot 集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30286251/

相关文章:

javascript - 如何在 Cordova 中将图像 (.png) 绘制到 Canvas 上?

algorithm - 计算任何一种树的直径?

c++ - 这个伪代码是否假设一个从零开始的索引?

javascript - 无法在 React 中获取数组状态值

javascript - 基于电子商务数据层对象的 Google 跟踪代码管理器自定义 JavaScript 变量

javascript空字符串长度等于2而不是0

javascript - Canvas 中的内线未从圆圈中移除

javascript - 我正在为我的 Discord 机器人创建一个用户信息命令,想知道是否有办法让 .createdAt 看起来更好

javascript - 如何在 Canvas 上的所有其他内容后面绘制图像?

java - 近似合适的图像大小