mikel last won the day on
mikel had the most liked content!
mikel
Moderators-
Posts
2,157 -
Joined
-
Last visited
-
Days Won
71
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by 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, 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, 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