Cass-E Design

Design, Experiments, Games, Resources

p5.js Pixel Summer Storm

p5.js Pixel Summer Storm

WARNING: Flashing lightning! I would not expect this to be dangerous because it shouldn't happen too often and it's not very sharp. You should still know about it in advance!

The height of a storm we had here, made in the p5js library.
Press keys or click/tap to make the lightning flash! if It's not working, try clicking on the piece first.

Edit April 2021: Apparently a change somewhere along the lines has doubled the resolution of the live sketch. The preview thumbnail shows its original resolution. I'm not sure why yet.

I had a lot of fun with this!

This is my first time exploring fake lighting and the illusion of 3D space in p5js. I've done fake shadows, and I've changed the entire colours of objects based on light, but I haven't ever tried to create highlights around the edges of shapes, or tried for a really '3D' space rather than just stylized 2.5D.

Night Intersection Storm

Night Intersection Storm

I was in the car with my father, and one of the nicest thunderstorms I've had the pleasure of experiencing recently had started. There was rain in buckets starting and stopping, and these thick lightning bolts constantly in the darkest parts of the cloud. Even inside the car you could feel the storm around you and it was just incredible. Because of the weather around here, different portions of the storm would pass in 5 or 10 minutes.

All I had on me was my phone camera, and I couldn't catch one of the lightning bolts, but I got this. I hope that you can feel the sort of storm it was, looking at this. I can.

As always, you can find the licensing for original images on here!