[Animation to video]

@Efficacy IO Hi there,

 

I actually never went any further with this, the plan was to just run it clientside and upload the frames to a server to stitch with ffmpeg, or as you say dump them server side in Node.

 

You could take  look at https://github.com/Automattic/node-canvas

 

Other than that sorry man, did not get that far :(

 

Good luck!

[Animation to video]

That is perfect .. many thanks for the prompt reply and taking the time to elaborate (not just a one liner), it is appreciated.

 

I'll definitely give you guys a preview when it's done.

 

Have a fantastic Thursday.

 

[Animation to video]

Hi guys,

            I am looking into building an adverting system that would use GS at it's core. I am going to use bottom end android tables as display units and I currently find that animations are jerking due to the low spec CPUs.  I know that there is some GPU support in CSS3 but I am not sure how practical or applicable this is to the mobile platform.

 

Having said that I know that most of these low spec tablets do have quite good GPU's for video playback up to 1080p 30fps and I am only looking for 720p 30-60fps. So what I am looking to do is use the 'save to image' function of canvas and either post to the server or use something like PhantomJS in Node to render the frames to a folder then use ffmpeg to stitch them into mp4s at the desired frame rate. This would also allow a host of other effect to be applied programmatically.

 

I know that GS plays nice with KineticJS for canvas rendering and I have altered the codepen example (

See the Pen xaDAG by GreenSock (@GreenSock) on CodePen

) to use the tick event listener as a test. I am however worried that this is not synchronous and would not post to the server fast enough to capture all the frames if run clientside.  Should I rather use seek to jump a frame forward at a time and then render the canvas out.  Does seek work with the KineticJS plugin?

 

Many thanks in advance, any other approaches welcome.