首页 > 解决方案 > Mandelbrot 设置渲染太慢

问题描述

我在Javascript上编写了一个程序来创建mandelbrot分形,并在 html 画布中绘制它。我的渲染方法是每行迭代,从 0 到 500 像素,然后简单地执行一个循环,创建500 行 500 像素。

我的问题是,当我渲染它时(用更大的放大率刷新页面),它需要很多时间 A LOT。300 倍放大大约需要 30 秒,但 5000 需要一个多小时。请帮忙。我想要非常高的放大倍率和快速加载的图像。

5000X 放大倍率 (-1.42 , 0) 5000X 放大倍率 (-1.42 , 0)

400X 放大倍率 (-1.4 , 0) 400X 放大倍率 (-1.4 , 0)

我通过下载的文件运行我的程序,在 atom 中编辑,在 chrome 浏览器中扩展名为 .html。

标签: javascriptmathhtml5-canvasfractalsmandelbrot

解决方案


作为曾经用 C++ 实现 Mandelbrot 的人,是的,它很慢。

在您的情况下,您想要做的是利用 WebGL 实现全 GPU 加速,并在片段着色器中完成繁重的工作。只是要非常小心浮点恶作剧。


推荐阅读