Web Animation using JavaScript: Develop & Design (Develop and Design)

Preparing text elements for animation with Blast.js

The tool of choice for typographic animation is Blast.js, which handily breaks blocks of
text into characters, words, and sentences. You can then animate the resulting parts using
Velocity and its UI pack plugin.

    Note

Get Blast.js    at  Julian.com/research/blast.

Blast.js has three delimiter types to define the grammatical components to be
individually extracted: character, word, and sentence. Suppose you have a div that looks
like this:

<div>

        Hello   World

</div>

If  you call    Blast   on  this    div using   the following   syntax

Click here to view code image
$(“div”).blast({ delimiter: “word” });
the div would turn into this:

Click here to view code image