ASMR Coding Mandelbrot set [Part 3]
12Note: coding actually starts at past 2 minutes, not past 1 minute
This is an ASMR styled video. Watch me code the Mandelbrot Set using HTML canvas and JavaScript while giving you ASMR tingles.
This is Part 3 of a series where I code the Mandelbrot Set from an empty canvas where the next part continues from the previous, until the completion of the project.
I continue from where I have left off from part 2, in where I have reached a point where I got to render the entire Mandelbrot set in a canvas. Each pixel was shaded in a different shade of grey depending on the number of iterations of a complex coordinate with black being a coordinate that is in the set (no matter how many iterations the number does not diverge towards infinity). In this part I get the user key inputs and setting event handlers when a key is pressed. I get the image to zoom in and outward by either pressing R and T as well as move or pan around using the WASD keys.
For part 3 I add zoom and move functionality for the canvas with key inputs, and in the next part I might add user inputs and final tweaks.
I make typing sounds with my keyboard as I type code as well as whisper for your ASMR tingles. Although this is not meant to be a coding JavaScript/HTML tutorial 100%, you might learn something as you watch me code the project with canvas.
Part 2 link: https://youtu.be/4myF3ZHWv1Y
Part 1 link: https://youtu.be/NaHCn8Rbi4s
[0:00] Intro
[1:00] random gaming clip
[2:05] typing coding continues
[2:54] key input function, testing
[6:45] zoom in/out upon pressing a key
[13:43] move left/right upon pressing keys
[19:37] testing
[20:34] modifying panning depending on magnification
[23:55] panning upwards/downwards upon pressing keys
[27:38] running and exploring the mandelbrot set
[35:30] conclusion
[36:29] End