es 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 ms en de en fr en en en ca en en en en en en en es es en en en en en en en en en en en en en en en en en en en en en en sv ceb nb en sv ceb en en en en en en en sv ceb nb en sv ceb en en ceb en en en en ceb en en en en en en en en en sv ceb nb en sv ceb en en en en en en en en en nb en en en en ceb en en en en en en en en nb en en en en ceb en en en en en en nb en nb en nb en nl en ceb zh en en sv en en en en en nb en nb en nb en nl en ceb zh en en sv en en en en en en en nb en en en en en en es en en en de en en en en en hu en en en es en de en en 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
Animated SVGs and Adobe Edge Animate - Does Edge Animate support GSAP and SVGs?
lucto_et_emergo replied to lucto_et_emergo's topic in GSAP
Thanks Diaco, The example file that I supplied has worked successfully when previewed in a browser and on a local test server, However my issue is I can't figure out why I can't get any other SVG to work using the same code and using the same div name ('GSAP') Whenever I substitute a new SVG, even with the same name I do not get a result. What could be the reason for this? I have attached a file as an example.... Edit : attached files removed ( included bonus plugins )
SVG Plugin with Edge Animate
lucto_et_emergo replied to celli's topic in GSAP
Apologies, let me clarify, there is a definite delay of time before the animation downloads and displays ...and I am not pointing a finger at any platform in particular, it's just an observation...
SVG Plugin with Edge Animate
lucto_et_emergo replied to celli's topic in GSAP
Does anyone else get quite a time-lag before the animation plays? (successfully - I might add ) I'm talking about a serious lag...
Animated SVGs and Adobe Edge Animate - Does Edge Animate support GSAP and SVGs?
lucto_et_emergo posted a topic in GSAP
I have attached a file that I downloaded that indeed works with Edge Animate, but I can not get any other SVG to work in this file. I am wondering what I am doing wrong... the code seems straightforward enough... there is a bit of a lag when previewing as well... wondering what this about... What I thought I could do is substitute another symbol for the one in this file, just keep the same div name but I suspect it's more complicated than this... Could someone point me in the right direction as always? I would like to use Edge Animate as my platform for developing for now... You guys rock. GSAP SVG DRAWING AND EDGE ANIMATE.zip
Draggable MC, in increments
lucto_et_emergo replied to lucto_et_emergo's topic in GSAP
AWESOME! yeah I used the wrong naming convention... my bad - I am an ole Flash user, it's just bad naming convention habits... of course it is an HTML5 project as I no longer use flash, Greensock is soooooo gooood... will keep that in mind when I ask my questions later...
Draggable MC, in increments
lucto_et_emergo posted a topic in GSAP
I have a movie clip that I want to drag "scroll left" in 650 pixel increments. I have a movie clip (mc1) that is 650x650px on the stage (embedded within this clip is a symbol (mc2) that is 3250pxs x 650pxs (divided into 5 images) I want to drag through mc1 in 5 swipes revealing each image (650x650) on mc2 //movie clip 1 Draggable.create(mc1, {type:"scrollLeft", edgeResistance:0.5, throwProps:true}); Could you help me with the code that I need to initiate this please, I just need a push in the right direction and away I'll go until the next hurdle. Learning heaps and loving it.
applying a tween to a nested symbol via a button, edge animate
lucto_et_emergo replied to lucto_et_emergo's topic in GSAP
Yeah I think you actually answered my question/s, thanks a lot... So since I am working in Edge Animate, I adjusted the code to suit: document.getElementById("Stage_mc1_element_element2_element3"); TweenLite.to(Stage_mc1_element_element2_element3, 10, {css:{scale:.5, alpha:.2}, ease:Elastic.easeOut}) So now I can tween multiple embedded symbols, very exciting stuff, I kinda came across similar code while embedding video into iframes within movie clips, thanks. So as far as 'attaching a timeline' I meant this: //new timeline lite //create a TimelineLite instance var tl = new TimelineLite(); tl.to(Stage_mc1_element_element2_element3, 10, {css:{scale:.5, alpha:.2}, ease:Elastic.easeOut}) .to(Stage_mc1_element_element2, 2, {css:{scale:2, alpha:.5}, ease:Elastic.easeOut}) tl.timeScale(6); If you know of a more economical way of writing this let me know
applying a tween to a nested symbol via a button, edge animate
lucto_et_emergo posted a topic in GSAP
sym.getComposition().getStage().getSymbol('mc1').getSymbol('element'). Above is the button code (btn) I have to reach the symbol 'element', nested in 'mc1' on the stage. For this example I want to tween 'element' with this code: TweenMax.to(element, 3, {alpha:0.5}); in the future I want to apply a timeline to it. (is this possible? Not quite sure) tl.to(element, 1, {width:"50%"}); My problem is that I can't quite point to it, or figure out how to do this... I have managed to work out how to add external images, video, iFrames and apply text to nested symbols via buttons but this one is an issue for me. I hope to be able to control nested symbols within other symbols this way. Anyway I am a newbie and not that great at code so excuse my naivete. and don't laugh.
Control a timeline from within Edge Animate
lucto_et_emergo posted a topic in GSAP
I want to control my GASAP timeline that I have created in Adobe Edge Animate so this is what I do. //declare my variables var square1 = sym.$("square1"); square2 = sym.$("square2"); square3 = sym.$("square3"); square4 = sym.$("square4"); var tl = new TimelineLite(); //my simple timeline tl.to(square1, 2, {x:445}) .to(square2, 1, {x:-150}) .to(square3, 1, {y:"-=160"}) .to(square4, 1, {y:"-=160"}) sym.$("pauseBtn").click(function() { tl.pause() }); sym.$("playBtn").click(function() { tl.resume() }); and so on... (yeah I figured it out and this is the course I used to figure it out http://greensock.com/sequence-video AWESOME easing_2.html
“GSAP was a revelation for me to be compared with the introduction of jQuery.”
“@greensock it’s a great library that many people love, and I know you care deeply about performance :)”
“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.”
“I am more and more amazed every day, and very glad that I decided to get a business license.”
“GSAP hosts what is in my experience, the most welcoming, patient and helpful support forum I've ever come across. I've yet to see a question flat out ignored and the patience you all have in putting people on the right track, if not flat out solve their p”
“Every time a new GSAP plugin is introduced, I'm close to bursting from excitement. The simplicity of the GreenSock API makes learning and applying these tools in projects such a dream.”
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“This stuff is so incredibly amazing I can't believe it. The level of details and options put into these things and the natural instinct GreenSock has for solving everyday problems is impressive.”
“@greensock is just pure awesomeness. What more can be said?”
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.