Robert May

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.

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.

Jack thanks for quick reply but it appears from Dipscom's post that it can't be done.

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);

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();

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

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.

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; } }

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!

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!

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?

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!