[Font size animation sample]

Hi,

 

Do you have change font size animation sample?

 

trying to check if it's possible to have zoom effect on font.

 

Thanks

[Continous scroll on keyhold]

Great!

 

That worked!

 

Thanks

[Continous scroll on keyhold]

Hi @OSUblake,

 

I'm trying to implement your pen on my site but I get 200 errors on twinmax

 

http://prompter.rareapps.org/wp-content/themes/child-theme/prompter2.php

 

Error: Uncaught TypeError: Failed to execute 'scrollTo' on 'Window': 2 arguments required, but only 0 present.

 

I use this to include greensock

 

<!--CDN link for the latest TweenMax-->

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

 

What did I missed?

 

thanks

[Continous scroll on keyhold]

WOW!

 

That is amazing. I will surely migrate my jQuery version to that if I have time. That is amazingly smooth scroll! Even from the speed of 50, the pixels are moving in elegantly smooth tween. Great great great!

 

Are you deleting your samples in codepen? I would love to come back on that some other time.

 

Really.. that is amazingly smooth!

 

Great!

[Continous scroll on keyhold]

-  $function() :  It is the same as writing this : $(document).ready(function(){});

  http://api.jquery.com/ready/

 

I did not use jquery in my new project yet. Do I have to use it to use GSAP?

[Continous scroll on keyhold]

@OSUblake @Diaco.AW

 

Thanks both for your help.

 

So far I am satisfied with what I came up with. I am not an advance coder. Your codes seems out of my league but I would really like to try it sometime.

 

One question though.

 

Here is what I get so far.

http://demo.starpixel.net/gsock/

 

It can be scroll by up and down. Ctrl+up or down for faster scroll, and number pad with different speed depending on which number is pressed. Number pad scroll direction is based on the last direction made by arrow keys.

 

So far this is smoother than my current version which is the one I intend to replace with gsock animation. Here is the jquery (current) version

http://prompter.rareapps.org/prompter.php?p=123

 

As you can see, gsock is much smoother but it is still having the jaggy part sometimes. Perhaps due to the delayCall

 

Here is my gsock code

function LoopUp() {
	TweenMax.to(window, 0.7, {scrollTo:{y:"+=20",ease:Linear.easeNone}});
	TweenMax.delayedCall(0.2,LoopUp);   
}

On both of your code however, It is hard to tell if it smooth or not because of the speed.

 

If you both have time I want to see if my current version can still be improved using your code or it is the smoothest I can achieve. Perhaps you can change your sample using the same scenario as what I have just for comparative and educational purpose.

 

I am happy with my current gsock version. Thanks to both of you.

 

Kudos

[Continous scroll on keyhold]

One quick question...

 

When I saw $function() in the code, that means jQuery is being used?

 

I am trying not to use jQuery and I know gsock also recommend not to use jquery plugin.

 

Am I wrong?

[Continous scroll on keyhold]

Hi Janmd2014,

 

Sorry, you had trouble finding the right materials. For future reference, our tutorials are in the Learning section (see top navigation).

We have an extensive Getting Started Guide and our Jump Start (interactive slideshow of demos) for beginners.

 

However, we have long felt that these resources are not enough.

 

Your timing could not have been any better, as just last night we released a video to show people how to get up and running quickly! The video is fast-paced and hits on all the info you need to know starting out.

 

Take a look here: http://greensock.com/get-started-js

 

If you have any feedback on the video, or other topics you would like covered, please let us know.

 

Happy Tweening!

 

- Carl

 

Thanks! and sorry for missing the menu on the topmost. I was focussing on the Support menu. I was expecting every docs/tutorials would be there and I concluded there isn't getting started docs when i did not saw it there.

 

Thanks

[Continous scroll on keyhold]

 

Hi janmd2014 

 

try something like this :

function Loop() {
TweenMax.to(window, 0.5, {scrollTo:{y:"+=20",ease:Linear.easeNone}});
TweenMax.delayedCall(0.5,Loop);   
}
$( ".btn" ).mousedown(function() { Loop() });
$( ".btn" ).mouseup(function() { TweenMax.killDelayedCallsTo(Loop) });

pls check these links too :

 

http://greensock.com/docs/#/HTML5/GSAP/TweenMax/delayedCall/

http://greensock.com/docs/#/HTML5/GSAP/TweenMax/killDelayedCallsTo/

 

 

Is it possible to put variables inside scrollto?

 

TweenMax.to(window, 0.5, {scrollTo:{y:"+=VariableSpeed",ease:Linear.easeNone}});

 

Thanks

[Continous scroll on keyhold]

Hi,

 

Can I use greensock for continuous scroll upon keypress + hold

 

Let say I want a page to scroll continuously arrow key down is pressed and stop when release

 

I also checked the doc and faq section and I can't find instruction how to start using gsap. Do you have documentation on getting started?

 

Thanks

[gsap gave no difference on my jquery scroll animation]

Hi,

 

I did your suggestion. animations seems the same to me. can it be more smooth?

 

http://prompter.rareapps.org/prompt/scrollto.php?p=123

 

How do I control the animation? Once it started it wont stop.

 

Thanks

[gsap gave no difference on my jquery scroll animation]

Hi,

 

I have been struggling with jquery animate jaggy animation anf I came across gsap.

 

I checked your online jquery plugin demo and I can see that it has improved a lot compare to native jquery.

 

I tried to use it on my page but it I don't see noticeable change on my animation.

 

Here is my comparison version

 

http://prompter.rareapps.org/prompt/jqueryscroll.php?p=123

http://prompter.rareapps.org/prompt/gsapscroll.php?p=123

 

Did I do something wrong that makes gsap not firing or my scroll animation wont improve even with gsap?

 

Please let me know if my jerky scroll animation can be smoothen by gsap.

 

Thanks