GSAP and NodeJs

[kazoompa]

Hi,

 

I am planning to use NodeJS and GSAP for a small simulator project. Is there a sample code that can help me setup my project in NodeJS? The reason I am asking is that I came across several threads with people having issues using GSAP and NodeJs. Some of the solutions were for older versions and some had concerns about global scopes (see below for the threads I came across). A little sample code would be greatly appreciated, I used GSAP with my Flash applications, glad to be back with JS

 

Many thanks.

 

 

 

 

[OSUblake]

Hi @10517_1494126560

 

Are you going to be using GSAP strictly in a node environment? Those posts are kind of old. I think all the issues with loading GSAP inside node have been fixed. They were related to loading TweenMax, which includes the CSSPlugin, and was expecting some objects to be there like document.

 

I just made a quick demo, and everything seems to working fine. Here's a screenshot.

 

 

 

[kazoompa]

Hi Blake,

 

Thanks a lot for your quick response, much appreciated.

 

My project is purely in NodeJS and the goal is to use TimelineMax and either of the Tween classes so I can setup a mini-simulation engine as long as the server runs.

 

I will give it a go and if you have any specific advice regarding TimelineMax in a NodeJS environment, I'll be grateful. 

 

Best,

[OSUblake]

58 minutes ago, kazoompa said:

My project is purely in NodeJS and the goal is to use TimelineMax and either of the Tween classes so I can setup a mini-simulation engine as long as the server runs.

 

Sounds interesting! If you import TweenMax like I did above, all the stuff that is part of the TweenMax.js file should be global, like TweenLite, TweenMax, TimelineLite, TimelineMax, etc.

 

1 hour ago, kazoompa said:

I will give it a go and if you have any specific advice regarding TimelineMax in a NodeJS environment, I'll be grateful. 

 

I really don't have any specific advice at the moment as I haven't spent a lot of time using GSAP inside Node, but if you come across anything that might be helpful, please report back.

 

The only thing that is slightly different when running inside Node is that there is no requestAnimationFrame, so GSAP will fallback to using setTimeout. That shouldn't cause any problems, but the update interval won't be as consistent as it is when using GSAP inside a browser.

 

[rkon]

Node is server side so now how does using GSAP help in animation on the browser when used on server side? 

[rkon]

I was able to answer my own question. Here below I found that we use it with other frameworks like React.

 .