tophtucker

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

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

Improvements:

• Particles pick up the background color from the underlying canvas, which is hidden here
• I like when the particles draw the letterforms without just fillTexting as a crutch
• Refactored improvedNoise.js a bit to return a noise generator, so you can get different seeds or whatever, instead of just a single global noise() function. But that's not really being used yet here...

tophtucker

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

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

Roll over the text.

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

tophtucker

Roll over the text.

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

tophtucker

Roll over the text.

S/o to http://stencilgram.com/.

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

tophtucker

Derived from http://bl.ocks.org/tophtucker/93680258138309df0753, in turn derived from FizzyText (seen here, source here, my attempted explanation here).

tophtucker

!function(){function n(n){return n&&(n.ownerDocument||n.document||n).documentElement}function t(n){return n&&(n.ownerDocument&&n.ownerDocument.defaultView||n.document&&n||n.defaultView)}function e(n,t){return t>n?-1:n>t?1:n>=t?0:0/0}function r(n){return null===n?0/0:+n}function u(n){return!isNaN(n)}function i(n){return{left:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)<0?r=i+1:u=i}return r},right:function(t,e,r,u){for(arguments.length<3&&(r=0),arguments.length<4&&(u=t.length);u>r;){var i=r+u>>>1;n(t[i],e)>0?u=i:r=i+1}return r}}}function o(n){return n.length}function a(n){for(var t=1;n*t%1;)t*=10;return t}function c(n,t){for(var e in t)Object.defineProperty(n.prototype,e,{value:t[e],enumerable:!1})}function l(){this._=Object.create(null)}function s(n){return(n+="")===pa||n[0]===va?va+n:n}function f(n){return(n+="")[0]===va?n.slice(1):n}function h(n){return s(n)in this._}function g(n){return(n=s(n))in this._&&delete this._[n]}function p(){var n=[]