Liam@II

Hi, ive created a simple version of what i want to achieve and attached it here. ive removed the MorphSVG plugin from the js folder before zipping. i was using DrawSVG as a means of testing that i can get access to the paths within the pasted svg in Edge. im using this code on the compositionReady call EC.SVG.accessSVG(sym.$("Pasted")).done( function(svgDocument){ var rect = $(".st0",svgDocument); var poly = $(".st1",svgDocument); TweenMax.to(rect, 1, {morphSVG:poly}); } ); also in the zip is text doc with the svg output from illustrator. and lastly, thanks very much! Liam morphTest.zip

ok, i read that post and i got as far as EC.SVG.accessSVG(sym.$("Pasted")).done( function(svgDocument){ var yourSVG = $(".myClassName",svgDocument) ; TweenMax.set(yourSVG,{ stroke:'red' , strokeWidth:5 }); // set stroke and stroke-width TweenMax.from(yourSVG,10,{drawSVG:0}); } ); but i dont know if this is correct for my situation and if it is, currently its only accessing one .svg (pasted). il need to bring in a second .svg to morph to. can anyone take a look please

http://greensock.com/forums/topic/12743-animated-svgs-and-adobe-edge-animate-does-edge-animate-support-gsap-and-svgs/?hl=edge+animate#entry53620 i found this post, so im going to look at this first before anyone needs to look at this. sorry, i search morphsvg and Edge Animate and found nothing

hi, im using Edge animate for its ease of use for Symbols with nested timelines. ive sold the idea of using morphSVG as a transition effect in a banner im building. my problem is that (and correct me if im wrong) you can only either import svgs as images in Edge Animate or paste the svg code into the published html file at the end and manipulate the code then. im applying the TweenMax morph call in the compositionReady call within Edge seen below // insert code to be run when the composition is fully loaded here var rect = sym.$("redNovember") var box = sym.$("box") TweenMax.to(redNovember, 1, {morphSVG:box}); but its not working for me. i suspect its because Edge is looking for content it created within the stage. ive followed a Edge and Greensock tutorial on Youtube and i can get it working fine, so i dont think its just a simple syntax error any ideas would be much appreciated Liam

thanks very much guys, both solutions are great.

ok, so i havent managed it BUT i have used only the core functions of zepto.js to reduce it from 84k to 15k

reference: http://codepen.io/Liamii/pen/RWxVYK Hello! i have jQuery loading in but i don't think i need it, its only used on one line. im happy to use the basic JS notation in its place. var sizes = ["small", "medium", "large"]; for (var i = 0; i < 750; i++) { var sizeIndex = randomNumber(0, 2); var size = sizes[sizeIndex]; var star = $('<div class="star ' + size + 'Star"/>').appendTo(sky); can anyone tell me what the replacement code would be? thanks

il just try to figure it out myself. i wont learn otherwise

Hi, i have looked for similar posts before posting this but i haven't found what i need. heres what i have: var tl = new TimelineMax() tl.to("#boxLoader", 1, {rotation:'+=360', ease:Power0.easeNone, repeat:-1}); mainTimeline = new TimelineMax(); mainTimeline.add(tl()); now all i want it to move mainTimeline across the page. please can you help me achieve this

Thanks a million, loving the site. as a Flash dude forced into html5, greensock is a godsend

Hi, im looking at this version of the challenge. http://codepen.io/leelou/pen/dgfbF id love to know the code to auto rotate the cube. the custom nature of this code is making is hard for me to implement the auto rotate. id be indebted to the person who can help Liam