GSAP Text Animation in Animate

[rtania]

Is there a tutorial or templates on how to do GSAP driven text effects in animate?

 

Thank you

 

[somnamblst]

Welcome to the banner forum!

 

Here you go.

 

http://greensock.com/animatecc-quickstart

[ohem]

Notice this section:

 

Other GreenSock HTML5 tools

From the GSAP side you should be aware that not all of its available plugins and tools that work flawlessly within the HTML5 DOM will work with Animate’s HTML5 export. Tools such as Draggable, SplitText, ScrambleText, etc specifically target CSS values of DOM elements which don’t exist inside the HTML5 <canvas>.

[somnamblst]

You can use also try using the built in tween.js

 

http://www.createjs.com/demos/tweenjs/tween_sparktable

 

This is the example code snippet

 

 

/* Tweens the specified Object using ease bounce out effect.

*/

 

var target = this.movieClip_1;

var tween = createjs.Tween.get(target, {

loop: true

})

.to({

x: target.x,

y: canvas.height - 55,

rotation: -360

}, 1500, createjs.Ease.bounceOut)

.wait(1000)

.to({

x: canvas.width - 55,

rotation: 360

}, 2500, createjs.Ease.bounceOut)

.wait(1000)

.to({

scaleX: 2,

scaleY: 2,

x: canvas.width - 110,

y: canvas.height - 110

}, 2500, createjs.Ease.bounceOut);