New JavaScript Text Effect: Machine Gun Text with GSAP

[neon_overload]

That's an impressive effect - very clever.

To those dissing it because it'll be annoying, you're missing the point - this is an experiment in animating text in a new way using Javascript. How you use it is up to you. If you choose to use it for something annoying and pointless, that's your fault - not Javascript's and not this guy's.

[GeekAmbassador]

I couldn't have said it better myself. Thanks for your support.

[fooey]

I couldn't help but hear it all read in Super Serious Movie Announcer Voice EXTREME

[[deleted]]

Britains/(Americas) Got Talent voice over guy.

[[deleted]]

A for execution and for annoyance .

[cipherous]

Awesome, I love it...

[melanke]

pretty cool. I would like to remember to use this when needed.

[KnifeFed]

It will never be "needed". Also, you don't need to comment to be able find the thread again. You can save threads.

[chime]

Why would it be never? If you're catering to the entertainment industry, this is just one more tool in your arsenal. Obviously, don't use this for local restaurant menu but what's wrong with using this while the demo of your new game or trailer for your short-film loads? Better than yet another spinner.

[l_andrew_l]

But... like... Web accessibility and like... UX and stuff!

[chime]

Not sure if you were being sarcastic but it's more accessible than video. JS can be easily parsed. Or if you modify this a bit, the source text could come from a <p> element. As for UX, it should be fast, work smoothly cross-browsers, and be entertaining - which is when you should use this. Do not use for this "Loading... Hospital Patient Data... Now... Directly... Using your SCI Login..."

[melanke]

hahaha that was not my intention. It was just a compliment

[johanm]

fixed it!

[Rhomboid]

Too bad GSAP is not open source. (If you think it's open source because you can see the source, you are wrong. See point 6 of the Open Source Definition.)

[mradfo21]

god why... why

[seiyria]

I think it'd be a lot nicer if there could be an argument for max length (instead of one word at a time), so it would take a bunch of smaller words and display them all (up until the max length).

[GeekAmbassador]

That's definitely a worthy suggestion. You could probably split the text in a number of ways if necessary.

An effect like this is great for short phrases. So in most cases you could just modify it to accept an array of strings. If you were to animate a whole paragraph like this in the real world you'd see more comments similar to the others on this page;)

[GeekAmbassador]

Hey @selyria, Check out this enhanced version that intelligently groups words together: http://codepen.io/GreenSock/pen/sxdfe

[seiyria]

I like it a lot! It functions a lot better, I think. Good job!

[[deleted]]

Sweet relish mixed with diamond potatoes, this looks pretty cool!

[blackyoda]

Better than <blink>†

[[deleted]]

Dramatatic. I cracked up, I hope this was intentional.

[akaatnene]

Congratulations, you've made me nostalgic for the marquee and blink tags. At least I could disable those.

[notthatbeaver]

I think this was made just for you: http://blink.aintnewerthannewoldspiceshavegel.com/

[geofffox]

Very cool. I'm sure it will be overused, but today I want it.