mikel

Hi Danissimo, a Codepen is really helpful and so easy. I assume that the easing might be a problem (jumping at the end). Here an example with "ease: Power0.easeNone": http://codepen.io/mikeK/pen/YNbjOZ?editors=1010 Kind regards from Hamburg Manfred

Hi guys, Is there a way to run morphSVG partial like drawSVG:"40% 60%" ? I want to randomize different "parts" of a morph (!?). Here just an example: http://codepen.io/mikeK/pen/WRBKrd Kind regards Manfred P.S. This pen might be a persiflage. But it is definitely the truth and not a fake code! Relations to living persons are obsolete.

Hi Craig, Thanks - you cut the knot. I haven't seen the wood for the trees - too much IDs and classes ... Best regards Manfred

Hi Jack, maybe you can cut the knot: http://redmax.hamburg/knoten/ Kind regards from Hamburg Manfred

Hi, I got it - fast changes add up to tidy animations: http://codepen.io/mikeK/pen/VmqwGM So: Never tween one object in different directions at the same time - or something like that ?!? Even if its splitting hairs: Why does the line jerks a bit to the right at the end of animation (xPercent:0)? Best regards Manfred

Hi Craig, Thanks for Your support. 'jQuery each()' is a good alternative. And I coded the animation of the LINES as I did for the pages - instead of draw the SVG. Its ok: http://codepen.io/mikeK/pen/YpRKrq Too fast hover changes are still destroying the animation of a line. Best regards Manfred

Hi, I try to control two objects by hover: http://codepen.io/mikeK/pen/ZBqPdB But I can not find a way to "block" the non-active "line". Plus, if hover change is too fast, the animation of SVGs will be disturbed. Best regards from Hamburg Manfred

Hi Blake, no if and else, no padding or vh / vw, just the ratio and Math.min - I like it. http://codepen.io/osublake/pen/eb8acdde363898910fb951507e08af48?editors=0110 It is nice way to fix my animation and handle the responsiveness. A small web for a shoemaker in my neighborhood: http://www.schustermasmann.imgrindelhof.de/ Kind regards from Hamburg Manfred

Hi Carl, that´s a smart way to build a sequence - thanks a lot. My idea to randomize positions and paths is too complicated. It demands separate heads and paths in the svg for every favored alternative. Plus pairs which has to be randomized ... I tried it, but it's too much for me. It looks great and animates fine as it is! Kind regards Manfred

Hi Carl, thanks for the honor! My point: code for 3 positions may be fine, but for e.g. 5 or 7 positions and a randomized sequence I dreamed of 'staggerTo'. Then I could handle - with my small JS knowledge - the random part. For the audio handling I found another way ... http://codepen.io/mikeK/pen/WovdrZ Kind regards from Hamburg Manfred

Hi, Its allways a pleasure to code animations with GreenSnake - sorry, GreenSock. http://codepen.io/mikeK/pen/XNJgEP Is there a smart solution to combine the animation parts (morph/bezier)? Finally I want more and random positions. The other - maybe not so 'green' - aspect is a more or less synchronization of audio takes and action. Anyway - I´m looking forward to your hints. Best regards Manfred

Hi Jack, Thanks for your input - its great also. I like Diaco´s version and did the next step: http://codepen.io/mikeK/pen/zqqzWq Beste regards Manfred

Hi Diaco, thanks for your support. Looks great. Please, what is the problem in Part 03? Kind regards Manfred

Hi, thanks for your input and engagement in advance. Part 01: http://codepen.io/mikeK/pen/jqWJYj ok., but no random time. Part 03: http://codepen.io/mikeK/pen/yOerpb?editors=1010 random time super, but no animation of the tongue Next: I want to synchronize the arm and the signs (part of svg). What´s the best way to handle the animations? Just for fun and an example that I love GreenSock: http://codepen.io/mikeK/pen/qZbzdN?editors=1000 Best regards from Hamburg Manfred

Hi Blake, wow, that´s great. A perfect motivation to realize this project. And ... to learn step by step proper coding - enjoying Greensock. Best regards from Hamburg Manfred

Hi Blake, I tried a lot. But I´m lost - not able to handle the job: http://codepen.io/mikeK/pen/jbJmGm I´m faszinated of your excellent explanation 'How to toggle tweens in a DRY fashion'. Manfred

Hi Blake, Thanks for your examples. Over the weekend I will study both and look how to use one for my needs. The challenge: For every slide an individual animation / different objects. I´ll keep you posted. Best regards Manfred

Hi, 'Fullscreen slides' by Chrysto http://codepen.io/bassta/pen/kDvmC/ is super for my next project. For each slide there should be an individual animation of the content. This Tween should start onComplete and pause(0) changing to next/prev slide. How can I integrate these Tweens in the system of Chrysto? Best regards Manfred

Hi Blake, That´s great - I can finish. Thank you very much indeed! Best regards from Hamburg Manfred

Hi Blake Your recommondation is really smart. I tried to combine all animations I planned for my final web: http://codepen.io/mikeK/pen/ZbwGQx Every anim is fine exept the situation anim BLUE/GREEN is "active" and window size is matching. Of course I don´t understand the coding if complex and aggregated. Nevertheless it is a great pleasure for me to gather experience with Greensock and JS. Kind regards Manfred

Hi Carl, Hi Blake, Thanks for your effort. I understand only a little of all the coding - I´m not a coder. But I got it (?) due to your hints: http://codepen.io/mikeK/pen/meQQdp Next woud be what could happen if window size is changing and BigBlue/SmallBlue is "active"? That's a different kettle of fish. Best regards from Hamburg Manfred

Hi Carl, the video caused my fear that I didn´t explain the intended animation running in the small size precisely. Please have a look to: http://www.redmax.hamburg/test/test.mp4 The "inline props" are not active after tweening. Just an idea: the recommendation of DIACO in http://greensock.com/forums/topic/11647-clearprops-on-reverse/ But no success implementing it in my contruction. In advance of a smart solution. Best regards Manfred

Hi Carl, thanks for your input and engagement. I cant reproduce your estimate. After change size it is still mentioned issue. Manfred

Hi Carl, sorry for too much code. When browser window opens in small size tween runs correct (.partBlue height: from 50% to100%). Also correct when opended as big size (here left from 0 to 75%). But if i change the window form small to big and vice versa animations not working as intended. A new pen: http://codepen.io/mikeK/pen/pjxXgo But her I can´t open in small size and the issue can not be simulated. Therefore please have a look to a test version on my server: http://www.redmax.hamburg/test/ Thanks in advance Manfred

Hi, Objective: Presenting two books in a responsive layout. It seems that a clearProps is needed when it comes to changes of window size. Otherwise a conflict is arising between mediaquery and tween. I tried a lot with no effort ... Please give some hint. See Codepen Best regards from Hamburg Manfred