ProximityEffect demo 5

• grids
  • 1*
  • 2*
  • 3*
  • 4*
• text
  • 5*
  • 6*
  • 7*

’Twas brillig, and the slithy toves
Did gyre and gimble in the wabe:
All mimsy were the borogoves,
And the mome raths outgrabe.

View/download project on GitHub.

wrap-chars page.

// split the letters into separate elements using wrap-chars
let poem = document.querySelector('*.centerpiece');
WrapChars.wrap(poem);

// effect config
let params = {
    threshold: 40,
    distance:  20,
    jitter:    30,
    attack:     0.6,
    decay:      0.6
};

// add effects
proxEffect.addStyle('opacity', 100, 50);
proxEffect.addStyle('scale',   1, 1.33);
proxEffect.addStyle('blur',    0, 5);