RoyalMist / meteor-gsap

Professional-Grade HTML5 Animation in a smart package for meteor.
10 stars 9 forks source link

Plugins Included? #4

Open ghost opened 10 years ago

ghost commented 10 years ago

Hello, quick question? The package is working fine, using 1.11.5 from Atmosphere, but it seems as if the transition plugins are not included? Items snap into place rather than easing?

Code: TweenLite.to(teaCont, 1, {css:{"margin-top":"25%"}, ease:Elastic.easeOut});

RoyalMist commented 10 years ago

Hello,

Sorry for the delay I will look at this, got to upgrade the package anyway.

Le 20 mai 2014 à 23:07, fingerpuk notifications@github.com a écrit :

Hello, quick question? The package is working fine, using 1.11.5 from Atmosphere, but it seems as if the transition plugins are not included? Items snap into place rather than easing?

Code: TweenLite.to(teaCont, 1, {css:{"margin-top":"25%"}, ease:Elastic.easeOut});

— Reply to this email directly or view it on GitHub.

lifeinchords commented 10 years ago

Hi there, I'd like to use plugins too? Is it just a matter of downloading the files and including them in the module.exports? or have you modified the original js files as well?

I'm looking for these: CSSPlugin CSSRulePlugin ThrowProps ScrollToPlugin RoundPropsPlugin Physics2DPlugin PhysicsPropsPlugin AttrPlugin BezierPlugin

Please let me know, greatly appreciated!

=: s

lifeinchords commented 10 years ago

Also I understand we need to purchase them. Not looking to circumvent that, just would like to know how to use them when I do purchase them...

RoyalMist commented 10 years ago

Hello,

For this i did not modify gsap files. So you can use gsap as is and it will normally work.

If I have time I will put this plugin to the new format of meteor 0.9.3.

Did you try meteor bower? Gsap is on bower so I guess know this meteor package is obsolete since it is a front end library.

Please let me know.


Cordialement,

Thibault Fouache

Le 27 sept. 2014 à 03:28, Steven J. Dale notifications@github.com a écrit :

Hi there, I'd like to use plugins too? Is it just a matter of downloading the files and including them in the module.exports? or have you modified the original js files as well?

I'm looking for these: CSSPlugin CSSRulePlugin ThrowProps ScrollToPlugin RoundPropsPlugin Physics2DPlugin PhysicsPropsPlugin AttrPlugin BezierPlugin

Please let me know, greatly appreciated!

=: s

— Reply to this email directly or view it on GitHub.

RoyalMist commented 10 years ago

I only tried the free version. Did you try http://famo.us ?


Cordialement,

Thibault Fouache

Le 27 sept. 2014 à 03:30, Steven J. Dale notifications@github.com a écrit :

Also I understand we need to purchase them. Not looking to circumvent that, just would like to know how to use them when I do purchase them...

— Reply to this email directly or view it on GitHub.

lifeinchords commented 10 years ago

Hi Thibault Thanks for the quick response! I'm new to how Meteor packages work, along with AMD/Require, a few questions:

1) What is the advantage of the new format for 0.9.3? The package as is works great with what I've tried so far: simple animations using TweenMax, Draggable and TimelineMax, but I want to start doing more complex things..

2) I looked at my built file again: /parallels-meteor-app/.meteor/local/build/programs/server/packages/infinitedg_gsap.js It seems that TweenMax_client.js includes most of what I need already:

" * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin"

that leaves me wanting to the rest of the plugins you see here: https://github.com/greensock/GreenSock-JS/tree/master/src/uncompressed/plugins

And these 3 I need to pay for, then download

Physics2DPlugin
PhysicsPropsPlugin
ThrowProps

3) If I download the other plugins from GSAP myself, do I just include them in the package manifest, and set it up as a local package? https://github.com/RoyalMist/meteor-gsap/blob/master/package.js

4) what's the difference between TweenMax_client.js and TweenMax_server.js?

RoyalMist commented 10 years ago

Hi Steven sorry for the delay. I will look carefully at your questions today.

:)


Cordialement,

Thibault Fouache

Le 27 sept. 2014 à 19:10, Steven J. Dale notifications@github.com a écrit :

Hi Thibault Thanks for the quick response! I'm new to how Meteor packages work, along with AMD/Require, a few questions:

1) What is the advantage of the new format for 0.9.3? The package as is works great with what I've tried so far: simple animations using TweenMax, Draggable and TimelineMax, but I want to start doing more complex things..

2) I looked at my built file again: /parallels-meteor-app/.meteor/local/build/programs/server/packages/infinitedg_gsap.js It seems that TweenMax_client.js includes most of what I need already:

" * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin"

that leaves me wanting to integrate these, which are available here: https://github.com/greensock/GreenSock-JS/tree/master/src/uncompressed/plugins

CSSRulePlugin ScrollToPlugin

And these 3 I need to pay for, then download

PhysicsPropsPlugin ThrowProps```

3) If I download the other plugins from GSAP myself, how do I just include them in the package manifest? https://github.com/RoyalMist/meteor-gsap/blob/master/package.js

4) what's the difference between TweenMax_client.js and TweenMax_server.js?

  • Is this something to do with Meteor's client / server model? I don't see how this lib would make sense to run on the server anyway?
  • If they are the same file, why include them both in the package manifest? https://github.com/RoyalMist/meteor-gsap/blob/master/package.js — Reply to this email directly or view it on GitHub.
RoyalMist commented 10 years ago

Hi Steven

I will try to answer your questions since I do not have my computer for now.

1) I guess that the old package system in atmosphere will disapear one day so it will be nescessary to move anyway. But technically the package will remain the same as meteorite is now included in core meteor with few modifications.

2 and 3) I need to test that but the easiest way to include non free files is to create a "local package". In fact you can take this project as a sample, modify the manifest file to target local files (but in this case you will have to include alle the files). After you have to manually copy your local package to the right place in your .meteor folder and add it to the list of package used by your application. When I will get my computer back I will add the missing free files and migrate it to the new package server so you will only have to create a "non free" local package for the files you bought and make sure they are loaded after the gsap package.

4) I've heard they create a server files for people who make server side rendering of animations. I guess it's more for games maker, I never used it but I included it anyway. Be carefull GSAP has nothing to do with meteor so it does not rely on reactivity. If you use it server side you have to manage your own publications with the results of your server side computations.

Hope my english is not so bad :) do not hesitate to ask me if it's unclear.

lifeinchords commented 10 years ago

Hi Thanks for the detailed response. I understood you perfectly :)

1) That makes sense, I just wanted to make sure I wasn't missing anything

2 + 3) Ok cool. For now, I will do as you suggest: create a local package, download the non-free files, and try to set it up.

4) Ok.. I'm not sure I have a use case for the server side - but maybe - as I was wondering about the reactivity. For example: I implemented drag and drop using .Draggable. It works great with one session open, but if I have 2 browsers on localhost:3000 open, and I drag one element in window A, the corresponding element in window B does not move.

Is there a way of doing this? Is this modifications to the package's version of the GreenSock JS library that are needed? I read this article, which talks about methods for "manually" coding reactivity, is this possible without major work?

http://robertdickert.com/blog/2013/11/14/why-is-my-meteor-app-not-updating-reactively

Thanks! =: s

RoyalMist commented 10 years ago

Hi,

Yes this is because reactivity works out of the box with mongoDB oplog. In this case I guess that you don't want to save in realtime each position of your dragged objects in DB. This is where meteor streams could help you : https://github.com/arunoda/meteor-streams. This way you could emit position changes and each client connected to the same stream would receive the drag event. What do you think ?

Perhaps we could create a specific GSAP package for meteor with DDP implementation for multi session animations.

Bye :)

lifeinchords commented 10 years ago

Ya, that sounds cool! I don't think it would make sense to default to this behavior, as many people might not need it. But, it would be cool to have the ability to set this, either on the global level (which I would turn on for my app, if performance isnt' negatively affected) or maybe even on the function level (for these 5 instances, we don't need this stream ability, for this one, yes, ie, enableStreaming : true or something)

Just some thoughts.. but I could be totally off base, not sure.. either way, I will read more about streams.. thanks

  ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

     Steven J. Dale   @lifeinchords <https://twitter.com/lifeinchords>

@makeparallels http://www.twitter.com/makeparallels

  ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

On Fri, Oct 3, 2014 at 11:16 AM, RoyalMist notifications@github.com wrote:

Perhaps we could create a specific GSAP package for meteor with DDP implementation for multi session animations.

— Reply to this email directly or view it on GitHub https://github.com/RoyalMist/meteor-gsap/issues/4#issuecomment-57810151.