codie-wan
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by codie-wan
-
-
27 minutes ago, Cassie said:
Just from a glance you're loading in these SVG's as image tags which won't work with animation.
what elements can I use for the animation exactly?
can I use <object> tags? as the SVGs are files that are made available from a backend and cant be hard coded into SVG tags.
-
49 minutes ago, Cassie said:
The first step I would suggest is making a codepen without react, and just getting the animation working. We can help with that if you need assistance!Hi Caddie, I've made a CodePen of the animation I'm trying to get to work found here.
Thank you for the response, this has been bugging me for hours.
-
Hi All,
I'm working on a Pokemon Ml project and I wanted a unique loading screen... so here I am, in the home of unique fe projects.
To set the stage I've had some Pokemon SVGs drawn up and I wanted to use morphSVG to morph between the loading Pokemon. The Issue is, I have about
ten of them that are sent in a random batch of three from the Be to the Fe, so it's always a new loader animation. (shown below).
This is where I'm having some issues, as I'm not used to using useRef or Ts with react (its kind of a learning project for me ). Whilst also being relatively new to GSAP. Heres my code, please if you have any suggestions throw them out there... its greatly appreciated, as I'm unsure about best practices with GSAP
Also here is a link to my repo if thats easier
Thank you in advance its really appreciated,
Codie-Wan
- 1
MorphSVG, React and Typescript
in GSAP
Posted
Ah, I'm starting to see the problem...
So, hypothetically if I was to brute force my way through this, I would have to join all the paths of the black outlines so they're one path, then morph all the outlines. Whilst, simultaneously run another morph of all the highlight outlines (yellow, blue and red), so that it looks like the SVG's (which are now two separate paths) are morphing.
Would that make sense?
Quick side question, can I change the SVG colour in SVG morph? OR is this something that I will have to do in a separate function?