Some SplitText characters not fading in with typewriter effect

[akadigital 0 Likes (Newbie)]

Hi,

 

I'm animating in some text with a typewriter effect. Problem is sometimes a few characters are not displaying. I'm using Adobe Edge and previewing in Chrome. Anyone else had the same problem?!

 

Many thanks chaps,

 

 

 

 

See the Pen qEoerY?editors=001 by GreenSock (@GreenSock) on CodePen

[Diaco 1,948 Likes (Superhero)]

Hi akadigital 

 

hmm , for me everything works correctly with edge animate , pls try this ( simple version of above codepen ) :

 

var tl =  new TimelineMax({repeat:-1, yoyo:true,repeatDelay:1}),
mySplitText = new SplitText("#Stage_myText", {type:"chars"}), // myText = id of your text in Stage
chars = mySplitText.chars;

tl.staggerFrom(chars,0.01,{opacity:0,ease:Power1.easeIn},0.08);
tl.timeScale(0.5)

[akadigital 0 Likes (Newbie)]

Thank you Diaco, changing the staggerFrom parameters, 0.01 and 0.08 to 0.03 seems to have worked.

[Colin Ochel 2 Likes (Newbie)]

Hey Diaco,

 

I was hoping you could help me as well. I'm trying to use SplitText with Flash CC.

 

I tried calling the text with the format you had "#Stage_myText" .I am assuming that you have a dynamic text box on the stage named myText.

 

It throws me an error and the banner does not run.

 

Am I doing something wrong or is the naming different for Flash. I tried this.myText but no luck.

 

Cheers

[Diaco 1,948 Likes (Superhero)]

Hi Colin Ochel 

 

here's GSAP Html5/js forum ! , you can ask your Flash related questions here : http://greensock.com/forums/forum/3-gsap-flash/

 

btw , "#Stage_myText"  is a way to select elements in adobe Edge animate . 

[Colin Ochel 2 Likes (Newbie)]

Thanks Diaco, 

 

I should have been more specific. I am leveraging Flash CC to export out a Canvas file.

 

Cheers

[Carl 9,066 Likes (Superhero)]

Sorry, SplitText only works on text in DOM elements (p, div, h2, etc), there is no support for any canvas text at this time. Text on canvas is just a glob of pixels mashed into a big image, no way for SplitText to measure it and split it apart into individual characters and target them individually. 

[Colin Ochel 2 Likes (Newbie)]

Thanks Carl, I figured.