jp_uk81
Members-
Posts
25 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
jp_uk81's Achievements
Recent Badges
7
Reputation
-
THank you!
-
jp_uk81 started following Is it possible to animate spritesheet through GSAP ? , Animating stop-color of linearGradient , Planet Orbits (Linked animations) and 2 others
-
Hi Guys, if I remove the inline style and change stop-color to attribute the above from Carl doesn't work for me, the gradient becomes all black https://codepen.io/gianpiero-di-lullo/pen/XWdKwqQ Could you please advise Thank you
-
jp_uk81 changed their profile photo
-
ok thank you Zach, I'll keep it in mind next time
- 8 replies
-
- morphsvgplugin
- animation path
-
(and 1 more)
Tagged with:
-
I've cheated! https://codepen.io/gianpiero-di-lullo/pen/dybJeLe Thank you for your support
- 8 replies
-
- morphsvgplugin
- animation path
-
(and 1 more)
Tagged with:
-
Thanks guys, I've achieved some kind of sync between the orbit rotation and planet anim but I can't understand how the progress() works... it only gets the time of the orbit1_anim? https://codepen.io/gianpiero-di-lullo/pen/dybJeLe
- 8 replies
-
- morphsvgplugin
- animation path
-
(and 1 more)
Tagged with:
-
Hi Guys, I'm trying to make this simple planet orbits animation but I finally hit the wall achieving this astronomical mess. I know I need to somehow make the planet a child of the orbit animation but I'm not sure how. Thank you in advance Gp
- 8 replies
-
- morphsvgplugin
- animation path
-
(and 1 more)
Tagged with:
-
Hi Guys, I'm trying to animate this hamburger menu. The hover works but only once and the click doesn't work so it's not a pretty picture Basically on click I need to draw #x_right and #x_left to 100% to form the X to close the menu and draw all the rest of the paths to 0% What am I doing wrong? Thank you!
-
Perfect! thank you! Only thing is that the text is not aligned when the page is loading and then jumps into position https://codepen.io/gianpiero-di-lullo/pen/pozeKMy
-
Thank you pointC, I've improved the svg and the animation now it's smoother. Now I'm trying to make the text follows the animation on hover the but I'm stuck here. I'm pretty sure the way I set the elements of the button it's a bit messy but not sure how to improve it Shall I animate the position of the text or there's a better way to approach this? https://codepen.io/gianpiero-di-lullo/pen/pozeKMy Thank you!
-
Hi Guys, Can't figure out why this doesn't work Thanks
-
Is it possible to animate spritesheet through GSAP ?
jp_uk81 replied to Vishwas Gagrani's topic in GSAP
Thank you @OSUblake, yes now it's much better with transform x https://codepen.io/gianpiero-di-lullo/pen/yLBJYrB Thanks Mikel, I tried but I cannot replicate this with any 3d software so I didn't even try three.js. The first frame of the sprite is a logo, which at first glance seems a 2d shape until you hover it. The perspective is so distorted that I couldn't recreate it with 3d apps -
Is it possible to animate spritesheet through GSAP ?
jp_uk81 replied to Vishwas Gagrani's topic in GSAP
Hey guys, I was playing with this https://codepen.io/gianpiero-di-lullo/pen/yLBJYrB In some steps the svg looks like it's pixelated on chrome (I know, I have no idea how I managed to do that) The animation is a bit clanky because I had to draw each individual step for the sprite. Any advice on how to tackle this animation in a different/better way? Also, how performant is it this way? Am I going to break people's computers? Thank you! Jp