Jump to content
Search Community

Robert May

Members
  • Posts

    37
  • Joined

  • Last visited

Everything posted by Robert May

  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?
  16. I think you're right Jack. It looks like I'm good to go now. Thank you guys for helping me out.
  17. Not sure if this is right but it works for me. .to(object.scale, {duration: 10, x: 2, y: 2, z: 2, ease: "none"})
  18. I'll see what I can do and thanks again.
  19. Zach I'm a novice so forgive me if this is a dumb statement but I changed everything back to GSAP 2 and used the code below and it works as expected. Doesn't that mean that it is a DOM element? Just asking because I don't know. .to([object], 2, {three:{scaleX:2, scaleY:2, scaleZ:2}})
  20. .to(mesh, {duration: 1, scaleX: 3}); .to(mesh, {duration: 2, x: 100}) This isn't working, is it written wrong or do I need a plugin?
  21. I popped that code in my script and changed it over GSAP3 and it works PERFECTLY! Thanks again.
  22. Wow thanks Zach. Yes I realize the selector doesn't match. I grabbed some code from the three.js samples page to give a quick example of my issue. I did try to migrate over to GSAP 3 but I had a few issues like scaleX was flipping my object upside down. Also had some issuesI'm under pressure on a project that I'm working on right now so I don't have time for learning new things. It does look pretty cool though and I will change over when I get a chance. I know very little about 3D but for the presentations that I'm doing it's incredibly useful. I combine SVG drawings with 3D objects and control animations for both on a gsap timeline. Thanks for your help... I'll probably be back for more.
  23. Robert May

    Rotate 3d mesh

    Hello. I've been able to use TweenMax to duplicate the rotation action of the cube using the code below. It works, but the rotation starts out fast and then slows down as it completes the revolution. I have tried using different eases but the ease doesn't seem to have any effect. Does easing work with what I'm doing? Thanks! TweenMax.to([carBattery], 10, {three:{rotationY:360, ease:Back.easeOut}}) I tried to get this in the code pen but I never could make it work, sorry.
  24. I can and have done the iframe option and that does work but if it can be done, I would prefer to control everything with the single GSAP timeline. I'm creating basic electricity e-learning modules for GE Appliances service technicians. The module I'm working on right now is AC generators. It starts with animating a sine wave and simulating AC current on a wiring diagram... all of this is done by animating SVG. Next step is to play a simple generator animation that illustrates how the generator works. Using the iframe method, the GSAP timeline has to pause, then the generator animation has to play. After it plays, the user has to click play on the GSAP timeline to continue with the main presentation. I want GSAP to control the SVG and 3d animation because it would play both seamlessly.
  25. Thanks for the links, I will check them out and see if I can make it work.
×
×
  • Create New...