Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Robert May

  • Posts

  • Joined

  • Last visited

About Robert May

Recent Profile Visitors

534 profile views

Robert May's Achievements


Newbie (1/14)



  1. 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.
  2. Thanks for the links, I will check them out and see if I can make it work.
  3. Thanks and I really appreciate your help! The presentation will be viewed from a web browser online. I'll try to put together a code pen for you but I've never done one so I will probably be a little slow. :) Thanks again.
  4. His Dipscom, yes it's blender.org along with a plugin called Blend4Web. I'm not familiar with 3D on the web at all, the small amount that I do know, I learned in the last two weeks. Right now I can create a nice short animation with Blender and Bled4Web and everything works fine. I have a link in my main presentation but the user has to click a link to open the 3D HTML in a new window. What I would like to do is include the 3D in the same webpage as my main presentation and control it with the same timeline.
  5. Jack thanks for quick reply but it appears from Dipscom's post that it can't be done.
  6. I've been using GSAP to manipulate SVG for a while and now I would like to expand to 3D. Is it possible to use GSAP to do the operation below, if so how would I write the code. Thanks. m_trans.set_translation(monkey, 0, 0, 1.5);
  7. Thanks for the reply Shaun. The problem may be that I'm using a text variable "currentTimeline" + "Tl". This gets the name of the timeline and the console logs as "slde1Tl" as it should, but getElementById returns tempTimeline as "null". console.log(currentTimeline + "Tl") var tempTimeline = document.getElementById(currentTimeline + "Tl") tempTimeline.pause();
  8. Hi! Is there a way to get a timeline with Javascript, something like getElementById? I have multiple timelines that are synced with audio and I need to change timelines when I change the audio files. Thanks
  9. Thank you so much Jack, it was the mouse pad itself. The scroll function on the mouse pad is on the far right side of the pad. Thanks again for your reply.
  10. The code below works flawless on my Dell Windows10 computer. I can use my mouse roller wheel or the mouse pad with no issues. The problem is with the techs laptops that I'm training, they use a Windows10 Dell rugged laptop and they don't use a mouse. Any ideas on why the mouse pad will not work on those laptops? Mouse pad will zoom in other programs our techs use. Thanks in advance. function zoomSchematic(e){ e.preventDefault(); switch(e.detail>0) { case true: if(scaleUp > .5 ){ scaleUp = scaleUp - .1; TweenMax.to(schematic, .5, {scaleX:scaleUp, scaleY:scaleUp, transformOrigin: "50% 50%", ease: Power0.easeNone}); } break; case false: scaleUp = scaleUp + .1; TweenMax.to(schematic, .5, {scaleX:scaleUp, scaleY:scaleUp, transformOrigin: "50% 50%", ease: Power0.easeNone}); break; } }
  11. Solved the issue with: var path = document.querySelector(".path"); var redDotXPos = redDot.getBBox().x + redDot.getBBox().width/2; var redDotYPos = redDot.getBBox().y + redDot.getBBox().height/2; var blueDotXPos = blueDot.getBBox().x + blueDot.getBBox().width/2; var blueDotYPos = blueDot.getBBox().y + blueDot.getBBox().height/2; TweenLite.set(path, { x:redDotXPos , y:redDotYPos}); Great product, great forum.... thanks for all you do!
  12. Trying to modify osublake's Bezier Connector pen to put draggable circles and line inside of a very large external svg file. I can't duplicate this on CodePen for some reason but on my computer, when I drag the circles, the line follows but it leaves a huge gap between the circles and the line. I've tried everything I can think of, any help would be greatly appreciated. Thanks!
  13. Thanks for your response, I've been playing with the code pen for a while. When I added ".add(pause)" to your code pen it would no longer tween from start to end or end to start, should that be a problem and if so, is there another way to pause the timeline without interfering with tweening the timeline?
  14. Robert May

    Jump To Labels

    Hi all. Is there a tutorial on how to use labels so that I can test my animations without having to wait for the whole animation to get to the part I'm testing? I think I remember Carl talking about it in one of his videos but I cannot find it. Thanks!