[GSAP tweens in Lectora]

Jack, every time I think GSAP cannot be better, you prove me wrong! Thank you!

[GSAP tweens in Lectora]

I just tried building a quick example in Lectora 12.0.2 and it worked. I simply included both scripts as Ext Object:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.1/utils/Draggable.min.js"></script>

Created two textboxes on the page with classes "dragme" and "spinme". And then ran this JS on Page Show:

Draggable.create(".dragme", {type:"x,y", bounds:"#pageDIV", throwProps:true});
Draggable.create(".spinme", {type: "rotation", throwProps: true});

And it worked. One is draggable, another is spinnable.

[GSAP tweens in Lectora]

Hi, 

so cool to find someone who wants to combine GSAP and Lectora. @Leang, did you know that you can see object HTML names from inside Lectora before you publish? Select the object, click on Properties tab, then click or hover on a tiny arrow in the bottom-right corner of the left-most menu section.

 

 

[Pipe flow animation along MotionPath]

Hi,

for a medical project I need to animate liquid slowly flowing up a pipe, much like those old pipe games. Here's a tutorial using manual tweens - http://www.computerschool.net/flash/fl_exercise25.html. I need the same result, only using code, because I have like a million of those pipes.

 

Using an array of Points(), I can create a greensock MotionPath and send a Path Follower along it. But I need the follower to sort of leave trail, to color the pipe behind it. 

 

I am thinking of creating a separate shape and drawing a LineTo(followerX, followerY) on each Path update. But is there an easier way, a property or method that Greensock offers? Any other ideas are very welcome, too.

 

Thank you!