sirhclluk

@Shrug ¯\_(ツ)_/¯I was thinking about what was going on in the art, and tried the overlap as a test. I saw the result was promising and tweaked the length a few times, and thats it.

Thanks @ZachSaucier That example is beautiful. But it's too much dev work for me to really grasp. After playing around with it for a while I was able to get what I wanted by overlapping the beginning and end of the Illustrator art. Here is what I have. https://codepen.io/sirhclluk/pen/mdyoMzO?editors=1010

Is there a way to have the dash continuously move around without that glitch when the end and starting point meet? I forked one of your pens. Thanks

I've looked at https://greensock.com/docs/Plugins/PixiPlugin and the codepen example. Could someone break it down super simple for me? What's the minimum code I need to blur the image using pixijs? Thank You! Chris

Thanks for looking at it PointC. Using chrome. Here is a screenshot during the unwanted shaking. So when the finger goes back to swipe, the icon shakes.

After resizing this animation, the icons that are rotating do a weird vibrating thing. And sometimes the finger flies off. Please help... Thanks

Thanks PointC. The illustrator trick of reversing the path in Attributes did the trick

thanks carl. Asking because google web designer removed the ability to add svg code into the html. sucks since I started using animated svgs on almost all of my banners. your link does have good info on it.

Does morph and draw svg only work with the code of the svg? So if I have two traditional svgs as images, can that work? Thanks

I had success removing the rotationX and keeping the transformOrigin. http://codepen.io/sirhclluk/pen/27931bfac63637b1816c59318d473b2f?editors=0010 I tried svgOrigin, but it didn't improve it. Thanks Jonathan

Hi Jonathan Here is a better example. http://codepen.io/sirhclluk/pen/efc1f8d6779e1bb06365c6e43796075c So when his right arm bends is the big difference. This is the first line with rotationX, .to(Bald_bicept_RT, .5, {rotation:45, rotationX:45, transformOrigin:"60% 5%", ease:Sine.easeOut}, "armR+=1.2")

I think my issue is with rotationX. Is there a trick to getting rotationX with an SVG to work in Safari and Firefox? My codepen is linked. Thanks

Thank you both for the replies. PointC, I got it to work based on that example. I had to change the bound to numbers and not just the name of the object. And on the progress line had to change it to t.progress( this.x/-484 ); Thank You GSAP!

Is this possible with Draggable? In a banner I want to drag a road jpg horizontally, and have a car move along the road as I drag the road jpg. So the car stays in the same spot horizontally, just moving up and down and turning as needed. if it is possible could someone share a link related to it? Thanks

I tried moving the translate3D z around before, but just small numbers like 2 or 10. A translate3D z of 80+ on the rotating object seems to do the trick. Or around -30 on the shape below it. But the better solution for this particular banner was to just remove the color div below it that the object was sort of slicing through. Thanks for the help. Here's to cool movements.