en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en de en en fr en en ca en en en en en en en en en en fr en en en en en en en fr fr en en en en en en en en en en en en en en en en en en en hy en en en en en hy en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en sv en en en en en en en en en en en en zh en en en en en zh en en en en en nl en en en en en nl en en en en en en sv nb en en sv en en en en es en hu en en en en en en en en en en en de en fr en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
I want to drag a 'marker' to a (world)map, but since the user should be able to place multiple markers i need to leave the original in place. The idea is : - user clicks(mousedown) on marker icon - create a clone an attach it to the cursor - on mouseup place the marker on the map. - user places second marker, etc etc.
Stefdv replied to Stefdv's topic in GSAP
Tx Fast response like always on this forum I didn't know about the GreenSockGlobals, but i fixed it in a simulair way. In Node-webkit there is the fact that node and webkit live in their own context so by assigning TweenMax from the webkit window to the global window the problem is solved and i can use TweenMax in every other module to. global.Tweenmax = window.TweenMax Tx for the reply .
Stefdv posted a topic in GSAP
@Jonathan I placed perspective and transform-style on the body tag because i was lazy Never thought about the effect it could have on other elements....so lazy and sloppy. @Rhernardo I thought the CSSPlugin was already in TweenMax, or at least that there was no need for it when using TweenMax...So much to learn Thank you both...problems solved.
Jonathan, tx.. I just figured that one out through the _gsTransform properties...tx anyway. Still leaves the problem that if i make quick adjustments with the sliders, the box 'jumps' sometimes and most of the times it does not return to the original position if i put all sliders back to zero.
Stefdv replied to robbue's topic in GSAP
I know it's not that much fun, but you asked for a plugin You could try Reel js ( http://reel360.org/reel) It does exactly what you need, with a lot of options ( and then some )
Stefdv posted a topic in GSAP
Hey all, Browser : Chrome, OS : Windows 7 x64 codePen : http://codepen.io/Stefdv/pen/eybkF The problem(s); When i switch between sliders, the sliders don't always correspond to the current transform of the box. There is als a 'jump' when i switch between slider adjustments. another issue: i can't seem to make a rotationZ for 180deg...at least it's not rotating right then ? Any help would be appreciated ( a lot )
Stefdv replied to Stefdv's topic in GSAP
Live is so simple sometimes... tx a lot
Stefdv posted a topic in GSAP
Hey there, I really like the new draggable thingy, but... i can't figure out the right syntax to enable / disable certain draggable items.. Draggable.disable( $('#myWindow') ) doesn't really work
getting started or not
Stefdv replied to Stefdv's topic in GSAP
Thank you all for the clear explanations
getting started or not
Stefdv posted a topic in GSAP
Now, it seems that i'm doing it all wrong..or not... Do i need to load the Jquery lib first or not? As i understood, gsap is 'selfsupporting' so i thought there is no need to load in jquery. But then how do i use the selectors? I seems that i can not use the $ selector ( '$ is not defined') ; How can i use $(document).ready(function() ? i'm loading the files from cdn : CSSPlugin.min.js , EasePack.min.js and TweenLite.min.js
Start Tween, then go to other page
Stefdv replied to Stefdv's topic in GSAP
Works great Tx man.
Start Tween, then go to other page
Stefdv posted a topic in GSAP
Hello, When i load my page, a picture slides in. Now, when i press on a link to go to another page, i need this image to slide out first. Anyway i can resolve this with a tween ? I guess i need to use the onComplete and then goto a function that loads the new page. So, i'm not sure this is Greensock related . Could be a java question . Anyway; ( can't get the code tag to work, it only shows a scrollbar )    SomePage    $('#NavLink').click(function() { TweenLite.to(navImage, 1, {css:{left:"-700px"}, ease:Power2.easeOut}); }); I have a click function that should start the tween when i press the link, problem offcourse is that the new page loads imidiatly, and the ' going out' tween never starts. ( or maybe it does, we just won't see it ). ps ( a one page design is not an option ).
Control Tweens/Timelines with scroll tutorial - part I
Stefdv replied to Rodrigo's topic in GSAP
Well what can i say ... I've been struggling with this even though you put a lot of effort in explaining everything...Now you even take it a step further. Thank u so much for your help, to me, but most of all to the community.
“It's shocking the @w3c didn't use @greensock as a model of how to do animation via code. Did they even ask animators what they use?”
“Spent today converting an animation to pure CSS, and then into GSAP. GreenSock was an order of magnitude easier. Love it.”
“GreenSock has encouraged me to play with the code, to dream up new and exciting things to do.”
“If every library were as robust and reliable as GreenSock’s, the world would be a much better place for software engineers and their clients. I can't think of a better designed or better performing tool, and as a bonus, it's fun as heck to play with.”
“No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s”
“The GreenSock animation platform is one of the most useful sets of tools in existence when it comes to web animation.”
“Performance has been of paramount importance for GreenSock, so there is always peace of mind for us, developers.”
“After searching around the web for alternatives, I found GreenSock to be the most performant.”
“GreenSock is the best thing that happened to SVG animations since SVG animations.”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.