Pixirain

What is it

Pixirain is a flexible procedural rain generator. It was written in PixiJS, a 2D WebGL renderer and Howler.js, an audio library which uses the Web Audio API.

Why did I do it?

I have wanted to dip my feet into procedural generation for a long time. I had also never worked with JavaScript in a project without React.js, which I intended to change.

Why Rain?

I like rain.

Features

• Rain and thunder sounds can be individually turned on with full volume control
• Rain particle and Background colours can be changed along with particle transparency.
• Particle count, velocity, angle of rainfall are all fully customisable.

Setup

PixiJS requires a web server be set-up in the root project directory. I used

python3 -m http.server

for development