Rain animation

Thu, 17 Dec 2020 00:00:00 +0000

Browser simulation that requires JavaScript.

Click the gear icon for some cool sliders.

I created a stylized animation of rain using JavaScript. The wind and intensity change randomly.

Repository: https://github.com/Neo-Oli/rain

In the beginning it looked quite bad, but when I added the parallax effect it all came together. I am now pretty happy with it.

After I was done I added a small menu to pause the animation and enable the debug output. Then I, just to make it cooler, I added a bunch of sliders. I especially enjoy the color options. How cool is this blood rain and that rainbow rain.

This is how it should look, so if it doesn't look like that it's broken.

Click to view the video.

Update

For no particular reasons I added a bunch more color modes. Most notably a bunch of pride flag patterns. You can check them out in the menu.

Click to view the video. Click to view the video. Click to view the video. Click to view the video.

Game: Microbes

Wed, 10 Jan 2018 00:00:00 +0000

⇱ Play the game

To learn how to use HTML5 Canvases with JavaScript I decided to program a little game. Do you remember the Live Wallpaper on those old Android Phones? My Galaxy SII had it. Where you have to feed microbes and they would divide. This is that game with the added features of evolving colors, speed, health etc. A microbe has many different attributes. Each attribute has a chance of mutating (in any direction) when a microbe splits. Depending on how you feed your microbes different strengths are required and microbes with that strength have a higher chance of survival. The longer you play the better your microbes get.

Repository: https://github.com/Neo-Oli/Microbes

glow.li: Simulation

Rain animation

Update

Game: Microbes