hp
toc

Mandelbrot Set III

2017-07-29, post № 176

Java, mathematics, programming, #dragging, #fractal, #fractals, #Mandelweed, #mouse control, #multithreading, #scrolling, #thread, #viewer

I wrote my first ever Mandelbrot Set renderer back in 2015 and used Python to slowly create fractal images. Over a year later, I revisited the project with a Java version which — due to its code being actually compiled — ran much faster, yet had the same clunky interface; a rectangle the user had to draw and a key they had to press to the view change to the selected region.
In this post, over half a year later, I present my newest Mandelbrot Set fractal renderer (download the .jar), written in Java, which both runs fast and allows a much more intuitive and immersive walk through the complex plane by utilizing mouse dragging and scrolling.
The still time demanding task of rendering fractals — even in compiled languages — is split up into a low quality preview rendering, a normal quality display rendering and a high quality 4K (UHD-1 at 𝟥𝟪𝟦𝟢 ⨉ 𝟤𝟣𝟨𝟢 pixels to keep a 𝟣𝟨 : 𝟫 image ratio) rendering, all running in seperate threads.

mandelbrot-set-iii_3840x2160_Zre-0.5205350147993641_Zim0.5100929168733932_Zom0.0012332949501170922_Clr256.png
Rainbow spiral

The color schemes where also updated, apart from the usual black-and-white look there are multiple rainbow color schemes which rely on the HSB color space, zebra color schemes which use the iterations taken modulo some constant to define the color and a prime color scheme which tests if the number of iterations taken is prime.

mandelbrot-set-iii_3840x2160_Zre-0.7452258168703411_Zim0.09808819723426355_Zom0.001532723995106021_Clr256.png
Zebra spiral

Apart from the mouse and keyboard control, there is also a menu bar (implemented using Java’s JMenuBar) which allows for more conventional user input through a proper GUI.

Controls

  • Left mouse dragging: pan view,
  • Left mouse double click: set cursor’s complex number to image center,
  • Mouse scrolling: zoom view,
  • Mouse scrolling +CTRL: pan view,
  • ‘p’: render high definition fractal,
  • ‘r’: reset view to default,
  • ‘w’, ‘s’: zoom frame,
  • Arrow keys: pan view,
  • Arrow keys +CTRL: zoom view,
  • Menu bar

    • “Fractal”: extra info about current fractal rendering,
    • “Color Scheme”: change color scheme and maximum iteration depth,
    • “HD”: controls for high definition rendering,
    • “Extra”: help and about.
mandelbrot-set-iii_3840x2160_Zre-0.5800917751448121_Zim0.4886972982384146_Zom0.002865014852390483_Clr256.png
Blue spiral

A bit more on how the three threads are implemented.
Whenever the user changes the current view, the main program thread renders a low quality preview and immediately draws it to the screen. In the background, the normal quality thread (its pixel dimensions match the frame’s pixel dimensions) is told to start working. Once this medium quality rendering is finished, it is preferred to the low quality rendering and gets drawn on the screen.
If the user likes a particular frame, they can initiate a high quality rendering (4K UHD-1, 𝟥𝟪𝟦𝟢 ⨉ 𝟤𝟣𝟨𝟢 pixels( either by pressing ‘q’ or selecting “HD ❯ Render current frame”. This high quality rendering obviously takes some time and a lot of processing power, so this thread is throttled by default to allow the user to further explore the fractal. Throttling can be disabled through the menu option “HD ❯ Fast rendering”. There is also the option to tell the program to exit upon having finished the last queued high definition rendering (“HD ❯ Quit when done”).
The high definition renderings are saved as .png files and named with their four defining constants. Zim and Zre define the image’s complex center, Zom defines the complex length above the image’s center. Clr defines the number of maximum iterations.

mandelbrot-set-iii_3840x2160_Zre-0.1512120462044041_Zim0.6496162871560206_Zom1.8511095575145676E-4_Clr256.png
Another blue spiral

Just to illustrate how resource intensive fractal rendering really is.
A 4K fractal at 𝟥𝟪𝟦𝟢 ⨉ 𝟤𝟣𝟨𝟢 pixels with an iteration depth of 𝟤𝟧𝟨 would in the worst case scenario (no complex numbers actually escape) require 3840\cdot 2160\cdot 256\cdot 4=8493465600 double multiplications. If you had a super-optimized CPU which could do one double multiplication a clock tick (which current CPUs definitely cannot) and ran at 𝟦.𝟢𝟢 GHz, it would still take that massively overpowered machine \frac{8493465600}{4\cdot 10^9}=2.123 seconds. [1] Larger images and higher maximum iterations would only increase the generated overhead.
The program’s source code is listed below and can also be downloaded (.java), though the compiled .jar can also be downloaded.

mandelbrot-set-iii_3840x2160_Zre-1.7860326891575045_Zim-1.0938146063987995E-5_Zom4.328865274911016E-4_Clr256.png
Green self-similarity

Unrelated to algorithmically generating fractal renderings, I recently found a weed which seemed to be related to the Mandelbrot Set and makes nature’s intertwined relationship with fractals blatently obvious. I call it the Mandel Weed.

mandelbrot-set-iii_mandel-weed.jpg
Mandel Weed
Source code: MandelbrotSetExplorer.java
Extra assets: mandelbrot-set-iii_mk.sh, mandelbrot-set-iii_3840x2160_Zre-0.7451119128483528_Zim0.0980857735166215_Zom0.0015327239951060212_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.3091727307741978_Zim0.0798169059094002_Zom4.0442023600132944E-8_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.3203805004961733_Zim0.08763686694940123_Zom6.070130782934575E-9_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.3716081094521764_Zim0.0758961984414791_Zom8.091648167718248E-4_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.99181475237973_Zim-3.982534247685533E-7_Zom3.0401148534882E-6_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.9963766117665036_Zim-8.944472584209038E-7_Zom7.062361041362908E-6_Clr256.png, mandelbrot-set-iii_3840x2160_Zre-1.996376645843924_Zim3.7516943208736117E-6_Zom2.859109719673806E-10_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.1907127228021151_Zim-0.5505294608801341_Zom5.308930362839995E-4_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.2428560033896521_Zim0.5073262577216794_Zom5.8089779367154003E-5_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.3411570576688668_Zim0.5750384378500207_Zom1.100339471773629E-4_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.35167270726867744_Zim-0.06184250438694921_Zom9.837555143550957E-5_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.35940345191970086_Zim-0.06373194819231794_Zom8.586182289196699E-7_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.4443477244180509_Zim-0.38358230098736174_Zom1.4540775100673537E-6_Clr256.png, mandelbrot-set-iii_3840x2160_Zre0.44503254319557867_Zim-0.38339448301161105_Zom2.4624930313254245E-6_Clr256.png

Footnotes

  1. [2020-07-31] Of course, assuming the use of the naive algorithm used throughout this post.
Jonathan Frech's blog; built 2024/08/31 22:59:44 CEST