This is one of the early iterations of my latest project, Bouncing Bubbles. Each circle is a JavaScript object whose color is determined by its velocity. The color, size, velocity, number, and polarity of the circles are determined by a transaction hash (a purchase receipt on the blockchain).

There are some hidden easter eggs! On Desktop, try pressing some keys or clicking your mouse around! (Hint: Press A and then 0+E for a fun visual)

[Interactive: Bouncing Bubbles canvas — will embed from GitHub]

View source on GitHub →

Control keys (use with - and + to manipulate):

  • T: Trail intensity
  • P: Polarity (attract vs repel)
  • F: Funkytime
  • CR: Circle Red Value
  • WB: Window Blue Value
  • S: Size

Refresh the page to reset the canvas!

You can use the side arrows to speed up or slow down the bubbles. I am still working on the functionality within an embedded page and will eventually launch this as a mintable NFT, but feel free to reach out to me if you'd like a functional HTML file or check out the code here!