Jump to content

Animating text by letter, word, or line?


mustardseed
 Share

Recommended Posts

I'm creating some new animations for a project at work. They currently are using VelocityJS and BlastJS to animate DOM text. This method allows me to animate custom text based on a per-letter, word, or line basis. This GIF below shows what exactly I'm talking about.

 

I want to figure out how to do this level of text animation within Phaser (or Pixi).  I'd like the text to be contained and rendered within the canvas for lots of reasons: performance, WebGL filters, rendering to video with CCapture.js, saving screenshots, and better scaling across browsers.

 

I worked out how to do per-letter animations, but per line and word are wrinkling my brain. Any helps or tips would be greatly appreciated. Thanks!

 

qOQVryz.gif

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...