Skip to content

Instantly share code, notes, and snippets.

@tophtucker
tophtucker / README.md
Last active December 1, 2015 03:00
Streaky Text IV

Crappy ripoff of FizzyText (seen here, source here, my attempted explanation here).

Compared to the last, this one just has particles everywhere, randomly colored, that pick up the color of the (invisible) text when they go over its "shadow", so you can see the text by its color coherence. A color-blind person's nightmare, I guess.

N.b. that this has a downward bias, this.y += this.v;. As opposed to just following Perlin-derived flow field in any direction.

@tophtucker
tophtucker / README.md
Last active December 1, 2015 03:02
FizzyText ripoff, variable flow chameleon

Crappy ripoff of FizzyText (seen here, source here, my attempted explanation here).

Extremely similar to the original FizzyText, except kinda hacked apart and put together more sloppily. Differences:

  • Particles pick up the color of the underlying (invisible) canvas. (Could just as easily be used with images or whatever.)
  • Particles slow down while they're atop the letterforms.
  • The flow field oscillates between two different flow fields, giving the appearance of the letters periodically being blown apart and re-cohering.
  • I'm still not randomly seeding the noise generators correctly, so...
@tophtucker
tophtucker / CurlzSD.eot
Last active December 1, 2015 03:04
CurlyText
@tophtucker
tophtucker / README.md
Last active December 1, 2015 03:07
Streaky Text II

Crappy ripoff of FizzyText (seen here, source here, my attempted explanation here).

In this one, there are actually three canvases:

  • One to get collision-detection info from
  • One that doesn't get cleared every frame, to show streaks
  • One that gets cleared every frame, to show the moving endpoints

I set everything to the same color; the particles aren't picking up the color of what's underneath.

@tophtucker
tophtucker / README.md
Last active December 5, 2015 09:15
Bloomberg ex litera
@tophtucker
tophtucker / README.md
Last active December 7, 2015 17:03
Particle painter
@tophtucker
tophtucker / README.md
Last active December 25, 2015 13:59
Litera ex litera

Roll over the text.

Owes a huge debt to George Michael Brower’s FizzyText.

@tophtucker
tophtucker / README.md
Last active January 9, 2016 03:32
Litera ex litera IV

Roll over the text.

Owes a huge debt to George Michael Brower’s FizzyText.

@tophtucker
tophtucker / README.md
Last active January 11, 2016 19:14
Particle painter II (Mousey pointillism)
@tophtucker
tophtucker / README.md
Last active January 11, 2016 19:17
Particle painter III (Slideshow)

Paint a series of images. Switches every 20 seconds. Particles get smaller over the course of painting; broad strokes first, then detail. There are a couple weird race condition bugs.

Largely derived from FizzyText (seen here, source here, my attempted explanation here).