ASMR Coding - Random abstract art generator (Part 1)
6This is an ASMR styled coding video where I code various projects on video, while giving you tingles through typing and whispering/quiet room voices.
This video is the first part of a multi part series where I attempt to code a randomly generated abstract art image using HTML, CSS and JavaScript (no framework) from scratch except with some starter HTML. In this part code the set up functionality to set up the canvas, similar to what I did if you have watched my Mandelbrot Set ASMR coding series. Then I attempt to use context and canvas to first draw one rectangle and then work my way to draw multiple rectangles at once in a loop.
At one point I wanted to randomly colour each rectangle. I got stuck in debugging my code as all of the rectangles were in one random colour, instead of each one being randomly coloured. That part took me a while which led to me cutting a large portion of the clip due to me working in circles. In the end I have realized that I have to use a context function beginPath to reset the path each time I finish drawing a rectangle.
If you got your ASMR triggers, a like would be greatly appreciated.
[0:00] Intro
[1:40] coding / typing begins
[4:00] setup function to set up canvas
[8:20] trying to draw one rectangle
[10:55] coding a function that draws 1 rectangle
[20:39] drawing multiple rectangles on screen
[24:00] trying to randomly colour each rectangle
[25:30] trying to debug colour issue
[31:58] program so far in part 1, end of part 1
[34:11] End