Jump to content
Search Community

Robert May

  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

1,342 profile views

Robert May's Achievements



  1. Those are cool, I can probably use something from them. Thanks.
  2. Awesome mikel, works like a champ! Thank you.
  3. Roll mouse wheel to zoom. https://codepen.io/RobertMay/pen/GRJXwMw?editors=1010
  4. 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.
  5. 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!
  6. 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.
  7. 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.
  8. @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
  9. 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.
  10. @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?
  11. 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!
  12. 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.
  13. I tried it but I'm getting this error. Type Error: "Rotation" is read-only
  14. 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] } });
  15. 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?
  • Create New...