Coding Journal 4

100DaysOfCode — Day 36

Today I worked on my personal website. I fixed up the nav bar a bit, removed all of the main content, and started working on an HTML5 canvas animation to use as my background, maybe.

I do not have a journal to copyright today. I started using the bullet journal system, kind-of. I am using the tasks and notes part of the system but forgot to do the notes part. I will get better at this. I do have some videos that I took while working on the canvas animation! I will just talk about that today.

Back to the point. I originally wanted to make a canvas animation to serve as my header but couldn’t think of a cool way to do it. Instead, I decided to make a colorful smoke animation for my background. I couldn’t figure out how to make a smokey effect, though. So, I started playing around with it. Sometimes, if you bang on the keyboard for long enough, the monitor will provide you with inspiration.

I was trying to draw a circle with an incrementing radius that would move across the screen, leaving a trail. I got exactly that, but it didn’t look like smoke.

Seeing the circle move away from the center while it’s radius increased at a constant rate reminded me of something. Spirals. How? I don’t know, I’m obsessed with spirals, I guess. Sometimes, I feel like I’m drawing spirals way too much. I’m overusing them!

I had the circle move around in a spiral using circle’s radius as r, since it was increasing anyway, and some random number that I forgot as theta. The result was interesting but not what I was looking for.

I tried a few other things. Plugged in random numbers and watched. Eventually, I decided to go with r=theta^1/2. I forget what this spiral is called but I think that it is a variation of Archimedes’ spiral. I also added two more circles having an offset of the circles’ radii, and turned the opacity down. The result was closer to what I was aiming for in the first place.

This is where I stopped for the day. I have a few ideas that I will implement tomorrow.

I hope you enjoyed reading this post! See you tomorrow! Well, I won’t actually be seeing you, .. ..




Leave a Reply

Your email address will not be published. Required fields are marked *