-
Content Count
30 -
Joined
-
Last visited
Community Reputation
11 NewbieAbout sirhclluk

-
Rank
Advanced Member
- Birthday 11/07/1971
Contact Methods
- Personal Website
Profile Information
-
Gender
Male
-
Location
New Jersey
-
Interests
Painting, creating, animating
Recent Profile Visitors
2,576 profile views
-
sirhclluk started following SVG rotationX issue in safari and Firefox, Using gsaps new random feature, drawsvg dash continuously move around and 3 others
-
I can't get the random to work. Any help would be so awesome. Thank You
-
@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
-
sirhclluk changed their profile photo
-
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
-
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