GreenSock with hype


(cartimundi) #1

Hello,

a year or 2 ago i started with GreenSock in adobe edge or/and adobe animate
but after the stopped the software is was out of animation,

Now i see that hype also can work with GreenSock
but all the animation is playing at the same time…does anybody know how i can solve this?

TweenMax.from(".disc2", .2, {left:"200px"}, 0)
TweenMax.from(".disc3", .3, {right:"150px"}, 2)

(cartimundi) #2

i follow this steps

http://dev.andyhullinger.com/using-tweenmax-in-hype/


#3

I appreciate you’ve followed some guidance on using Greensock with Hype but perhaps the outcome is to actually “play everything at the same time” using the information that you are referring to. Perhaps it’s possible to share what it is exactly that you want to achieve? Also, bear in mind that Greensock is a paid for service and may not be used by people here in the forum so we may not be able to reproduce.

This being said, it looks like you’ve given us two methods that have been called on TweenMax but it isn’t clear on how these were called. if they were called in the same function then they will run at the same time. Maybe you can split them into 2 different functions? Also, these functions could be called on different actions? Mouse Click? Timeline action?


(Loves Hype) #4

Greensocks is virtually free to use but hasn’t got a completely ideal license.

One thing is that any external animation engine doesn’t update the “virtual DOM” or state of Hype. Meaning Hype won’t know what you did to it’s objects. That can conflict with pinning or other things Hype usually is in charge of (getter etc.).

Just an addition to what is discussed in this thread. Over and out.


(cartimundi) #5

I don’t understand…

IT is working now(only the timing isn’t working well)

Where is the payment?

When i use iT online? I get a costs from greensock? Or does hype have to do a pay?

Would be very sad, iT makes the animation more smoother and quicker.


(Mark Hunte) #7

From what I read before when a question was ask here before my understanding was TweenMax was not part of the free standard and not free…


(cartimundi) #8

Okay i’ve asked it in the greensock forum


(Loves Hype) #9

It seams to boil down to recurring fees for the product. If you don’t charge the end user for the product (free game, ads etc.) you can use it license free but are missing out on some plugins (SVG etc.). But TweenMax should be in the bundle.


#10

My Bad.

As Mark has said, I believe that a while ago when GSAP appeared on this forum (and we’re talking 2016/2017) it wasn’t free for most of the “plugins” and difficult to share because of the licensing issues.

So, they must have changed their model and @cartimundi I take back what I said about “a paid for service” but I would be careful with the licensing.

Also, valid points on the virtual DOM which could also be an issue down the road.


A common thing here is to share a document you’re working on or a replica that has the issue (if info is sensitive) so that we can see what troubles you.

As mentioned before … perhaps the problem lies in how you’re adding the code to your document. If you’re running the code you posted in one action then it will run together at the same time. You may need to run your code in separate actions to get what you want.

Timeline action … Mouse Click … etc


(cartimundi) #11

the animation works now…
i will use it for banner advertising…so i will not charge the end user :wink:
i like the way of animate like this, quicker no keyframes/capo…and easier to change…

i will try to upload this to GDN…and hope it will accept


(Loves Hype) #12

From your screenshot it’s not clear to me why you need an external animation engine at all as setElementProperty would suffice. The shortcoming might be delay but that could be done with a timeout. Also if you want to stay with GSAP then you might look at using TweenLite instead. Your certainly got a lot of overhead in using TweenMax and Hype and neglecting the built in engine and extra capabilities like timeline etc. If you are such a fan of GSAP look for the spirit plugin that might be better for you … https://spiritapp.io


(cartimundi) #13

Thanks, i Will watch it.

Ps. The answer of greensock only pay when you charge users of when you use exclusive plug-ins


(cartimundi) #14

Spirit app cost 12$ each month


(Jonathan Deutsch) #15

For that matter, I’m curious why you don’t just use Hype’s visual animation system? It looks like you may be wanting to run animations on a specific action; for this you can use an alternate timeline.


(cartimundi) #16

I think the Animations with GreenSock are smoother/quicker…but Maybe i aint doing iT right

Animations with timeline are also more work to change, with GreenSock code is it fast and easy


(Loves Hype) #17

I depends if your more a visual person or not. Tweaking keyframes is pretty neat. If your anyways online after GSAP and code then I don’t get why your using Hype in the first place. Only placement and scenes? That is totally fine but in the ad business it’s all about the foot print and using to many libs takes away from assets. Not in all cases as sometimes GSAP is not counted against size .True is that the Hype Animation API is locked to Hype managed objects and has major shortcomings in scope and callbacks. But for most things it’s just fine given you make Hype-World your home!


(Pete) #18

Hype is just as good as GSAP though I can see how you think GSAP animations tend to be bit smoother and they are, the one thing I noticed that if you master easing options in Hype you can actually emulate the level of smoothness found in GSAP. In addition, if you disable positioning with CSS your animations will run smoother.


(Jonathan Deutsch) #19

You’re welcome to send examples of where this is the case and we can look into it. (Feel free to email support@tumult.com and we can keep documents confidential). If you have reproducible cases please let us know which animations and on which browsers/devices you see a performance difference. Thanks!


(cartimundi) #20

These banners are very simple, but is a beginning. See for yourself the GreenSock.com


(Pete) #21

for inspiration here’s a thread for you.


Most of these were made with GSAP and others.