[type:'x' Draggable in the way of scrolling vertically for mobile]

Hi Jack,

 

it's gotten worse when i updated the Draggable from 0.15.1 to 0.16.2.

for the newer version; if i scroll down the page, the carousel goes one carousel item back.

 

Unfortunately i can't share the test link publicly.  

 

Regards,

Carlos

[type:'x' Draggable in the way of scrolling vertically for mobile]

Hello,

 

I'm having problems scrolling vertically on mobile because of a carousel made from a Draggable.

Can the draggable totally ignore 'y' drags for the page to scroll normally?

 

Regards,

Carlos

[can i use drawSVG plugin on an SVG referenced by an image tag?]

Thanks a lot

[can i use drawSVG plugin on an SVG referenced by an image tag?]

Hello Guys,

 

Seems impossible but i don't want to populate my html file with a lot of svg elements :/

I am referencing my svg files using this code so i won't see a lot in my .html file.

<img src="mySVG.svg" id="mySVG" />

 

Would it be possible to animate the objects inside that svg file?

 

Regards,

Carlos

[drawSVG + radius bug?]

#1 is a very clever solution PointC salute!

[drawSVG + radius bug?]

Hello PointC,

 

i was hoping to achieve something like this 

See the Pen rLEvAB?editors=1010 by kakarlus (@kakarlus) on CodePen

 

the outer radius grows outside while the inside radius remains put, or at least not budge a lot

 

regards,

Carlos

[drawSVG + radius bug?]

Hello Carl & PointC

 

oh ok i get it now thank you any work around for this?

 

Regards,

Carlos

[drawSVG + radius bug?]

Hi GSAP,

 

I'm trying to animate a circle svg to have a thicker stroke grow outside while using drawSVG and playing with the radius.

After animation the drawSVG is not working as expected, instead, it drew an arc less than 50% of the circle

 

svg:

<circle fill="none" id="lingin" stroke="#444444" stroke-width="0" stroke-miterlimit="10" cx="150" cy="125" r="100"/>

 

js:

TweenMax.to('#lingin', 3, {strokeWidth: 40, attr: {r: 120}, drawSVG: '0% 50%'});

 

 

Regards,

Carlos

[drawSVG start from the other end]

Hello GS,

 

I have an stroke arc from 12o'clock to 6o'clock, when i tried animating it on using drawSVG plugin, it runs from 12o'clock to 6'oclock (ccw). Is there a way to reverse it to run from 6o'clock to 12o'clock? 

 

Regards,

Carlos

[scrambletext revealDelay ease]

i get it now, but still working on the algorithm.

 

thanks a lot OSUblake

[scrambletext revealDelay ease]

I thought the onUpdate updates according to the ease.

 

0                       1

|          |      |   | ||   (i was expecting this)

||||||||||||||||||||||||||   (when it was really like this)

[scrambletext revealDelay ease]

Hello OSUblake,

 

Here's what's closer to what i wanted to achieve and i thought ScrambleTextPlugin would've done the job

See the Pen YwqKOM by anon (@anon) on CodePen

 

I still want the end part of the animation to easeOut and go slower as it nears the target number. 

 

Regards,

Carlos

[scrambletext revealDelay ease]

Hello GSAP,

 

is there any way that i can ease the revealDelay per character in my element?

 

let's say if i have '39485', characters from the left will reveal faster than the characters on the right.

 

regards,

Carlos

See the Pen Rrrzqo by anon (@anon) on CodePen

[SplitText onmouseover / onmouseenter triggers multiple times]

i see, it makes sense. poor algorithm sorry thanks both

[SplitText onmouseover / onmouseenter triggers multiple times]

Hello,

 

I have this SplitText on my text which is a link basically. Sadly it triggers multiple times. Any help is appreciated.

$(".info a").on({
    mouseenter: function(e) {
    	trace("mouseover");
      e.preventDefault();
      var tl = new TimelineMax, 
			mySplitText = new SplitText($(this), {type:"chars"}), 
			chars = mySplitText.chars; 
			tl.staggerFromTo(chars, .03, {color:"#ffffff"}, {color:"#e6aa06"}, 0.03);
			tl.staggerTo(chars, .03, {color:"#ffffff"}, 0.03);
    },
    mouseleave: function(e) {
    	trace("mouseout");
      e.preventDefault();
      var tl = new TimelineMax, 
			mySplitText = new SplitText($(this), {type:"chars"}), 
			chars = mySplitText.chars; 
			tl.staggerFromTo(chars, .03, {color:"#ffffff"}, {color:"#e6aa06"}, 0.03);
			tl.staggerTo(chars, .03, {color:"#ffffff"}, 0.03);
    }
	});

thanks,

Carlos

[SplitText loses font style when texts inside div are under misc tags]

Hello Carl,

 

Sorry i missed the notes & limitations. Thanks!

[SplitText loses font style when texts inside div are under misc tags]

here's the codepen url 

See the Pen CjeIw by anon (@anon) on CodePen

 

if you'll try to comment the entire js, you'll see the font-family & line-breaking are correct.

[SplitText loses font style when texts inside div are under misc tags]

Hello GSAP,

 

Why do you lose font treatment (font styles, line breaking, ...) when i do splittext to you with this kind of html code

<div class="section-desc">
					<h2>My Line 1</h2>
					<p class="l2">My Line 2</p>
					<p class="l3">My Line 3</p>
			</div>

Thanks,

Carlos

[Javascript Motion Blur]

id suggest you use 2 images, 1 blurred and 1 that's not blurred. as the car is coming from the left use the blurred car, and once it reaches its destination quickly fadeout the blurred car and show the car that is not blurred.

[AS2: TimelineLite]

i keep getting 

 

TimelineLite error: the _label_ label was not found.

[AS2: TimelineLite]

var duration = 0.65;
var tl = new TimelineLite({onComplete: function(){ tl.reverse(); }});
tl.addLabel(labels[0], 0);
tl.appendMultiple([new TweenLite(help, duration, { _alpha: 0, delay: 3 }),
				   new TweenLite(year, duration, { _alpha: 100, delay: 3 })
				   ]);
tl.addLabel(labels[1], duration*1); // first stop
tl.appendMultiple([new TweenLite(dragger, duration, { _x : getXFor(arr[1]), ease: Strong.easeOut }),
				   new TweenLite(year, duration, { _x : getXFor(arr[1]), ease: Strong.easeOut })
				   ]);
tl.addLabel(labels[2], duration*2); // 2nd stop
tl.appendMultiple([new TweenLite(dragger, duration, { _x : getXFor(arr[2]), ease: Strong.easeOut }),
				   new TweenLite(year, duration, { _x : getXFor(arr[2]), ease: Strong.easeOut })
				   ]);
tl.addLabel(labels[3], duration*3); // 3rd stop
tl.appendMultiple([new TweenLite(dragger, 0.5, { _x : getXFor(arr[3]), ease: Strong.easeOut }),
				   new TweenLite(year, 0.5, { _x : getXFor(arr[3]), ease: Strong.easeOut })
				   ]);

hi guys,

 

im having a problem with tl.gotoAndPlay(label[0]). is there something im doing wrong here?

 

thanks,

Carlos

[colorTransform black border appearing]

hi Jack,

 

I think they are semi transparent pixels since i tweened the image alpha from 0 to 1.

 

Anyway, I used the ColorMatrixFilterPlugin for now and its almost as pretty as the ColorTransform effect

 

thanks,

Carlos

[colorTransform black border appearing]

im getting weird black 1px border around my images when i do colorTransform, here's the ss

 

 

// and the code

 

var image:Bitmap = Bitmap(e.target.content);//loader.content);

image.smoothing=true;

image.x = image.y = -21;

if(image.width > 42) {

image.width = image.height = 42;

}

addChild(image);

image.alpha = 0;

 

TweenMax.to(image, 0, {colorTransform:{exposure:1.8}});

TweenMax.to(image, 1, {alpha: 1});

TweenMax.to(image, 1, {colorTransform:{exposure:1}, delay: 1});

[can't pinpoint tweenmax error]

that helped, thanks very much

[can't pinpoint tweenmax error]

hi guys,

 

i have a lot of animation in around 5-7 views, my problem is that i can't pinpoint where the tweenmax error ocurs. do you have any tips such that it displays in which class (my class) does the error ocur. any help will be appreciated.

 

 

TypeError: Error #1034: Type Coercion failed: cannot convert global@10a1af01 to flash.display.DisplayObject.

at MethodInfo-3637()

at Function/http://adobe.com/AS3/2006/builtin::apply()

at com.greensock.core::TweenCore/complete()

at com.greensock::TweenMax/complete()

at com.greensock::TweenMax/renderTime()

at com.greensock.core::SimpleTimeline/renderTime()

at com.greensock::TweenLite$/updateAll()

 

 

thanks,

carlos