Messing Around With Trig

󰃭 2013-03-05

Yesterday after work I had some time to waste, so I decided to do some silly things in javascript with a canvas and some trigonometric magic.

Move your mouse around to change some variables, and click to toggle clearing of the canvas. You can achieve some trippy effects!

colorful sine wave sine wave

colorful flower flower

These are all on my github, in case you wanna take a look.

Tags: #canvas #fun #javascript #programming-projects

More posts like this

Free Static Web Hosts for Frontend Developers

󰃭 2022-01-15 | #css #html #javascript #tips #tutorials

Nowadays it’s very easy to publish on the web for free. There are countless blogging platforms and website creators. But these platforms usually end up controlling your content. Sometimes you cannot even export your own data! The other extreme is to set up your own server by yourself. Buy a VPS (virtual private server) or a shared hosting somewhere, install a web server, and upload your files. This is a lot of work already!

Continue reading 

Starfield visualization in JavaScript

󰃭 2024-08-31 | #canvas #javascript #programming-projects #tutorials

This is a simple, straightforward implementation of a visualization reminiscent of the classic Windows 95 starfield screensaver. It is also interactive: you can touch the screen or use the accelerometer to influence the direction of the movement. This is how it works: Create a bunch of particles (100), each in a random position. Every frame, move each particle further away from the center*. The further the particle is from the center, the more visible it will become.

Continue reading 