Robert May

Those are cool, I can probably use something from them. Thanks.

Awesome mikel, works like a champ! Thank you.

Roll mouse wheel to zoom. https://codepen.io/RobertMay/pen/GRJXwMw?editors=1010

I can use the variable "scale" to scale the schematic and it works great. Can I use a variable for transformOrigin? gsap.to(schematic, .5, {scaleX:scale, scaleY:scale, transformOrigin: "0% 0%"}); The end goal is to have the schematic to scale from the mouse position. Schematic is an SVG. Thanks.

I think I've got it now. My problem was with the Blender mesh, not applying transforms.? Thanks for the pen, I haven't tried it yet but I get the idea and I think it'll be perfect. Got to play around with the things I just learned for a bit to get them to sink in lol, then I'll try doing multiples with your code... You are the best, thank you so much for hanging with me!

Didn't know I could use that, that should work. I don't understand that code that you originally posted, and again I'm a novice, but you created the div but never put the mesh in it, is that correct? I'm asking because I will need to reuse this code over and over on many meshes.

I'm using a json loader to load a local file on my computer and I don't know enough about CodePen to make it work... sorry, I spent hours trying. It follows the path fine but I can't make it line up from the start.

@ZachSaucier Zach I can't get the Code Pen to work and I'm running out of time to get this project done so I may have to abandon following a path. I got your original code to work but the position is off. Is there a way to accomplish following the path without using the div? Rotation is not an issue, all I want is to animate a sphere down a path to simulate current flow through a wire. Thanks

That makes perfect sense now. I still can't make it work for my project though, it's giving me"InvalidCharacterError: String contains an invalid character ". I'm going to try to make a CodePen for it.

@ZachSaucier Zach I'm not a professional so forgive me if this is a dumb question but in your CodePen, why was the proxy div created and why are you tweening it instead of the cube?

I'm glad you said that lol because I didn't notice the edit part, I think that's the way I will go. It would be awesome if he would add that plugin. GASP is awesome anyway, I wish I could use it on everything I do. Zach you've been very helpful thank you so much!

I got it to work but I need to move about in three directions, I need to tween the Z direction also. I have a Python script that outputs the x,y and z coordinates in an array, so I used those coordinates to define my path but it didn't move in the Z direction. I'm thinking MotionPathPlugin doesn't do that.

I tried it but I'm getting this error. Type Error: "Rotation" is read-only

Thanks for the quick response Zach. I am using Three.js but I was hoping to use GSAP to accomplish this. I've used the code below to tween SVG's and was wondering if I could do the same with an Blender mesh imported into Three.js. gsap.registerPlugin(MotionPathPlugin); gsap.to("#rect", { duration: 5, repeat: 12, repeatDelay: 3, yoyo: true, ease: "power1.inOut", motionPath:{ path: "#path", align: "#path", autoRotate: true, alignOrigin: [0.5, 0.5] } });

I've searched the internet but i haven't found a way to do this yet, is it possible to animate a 3D mesh along a path?