Physics2D

[julien94270]

Hi,

 

I have a "simple" question about Physics2D.

I was looking for an easy tutorial to enjoy this plug-in (I haven't found one ),
but when I land on http://greensock.com/docs/#/HTML5/GSAP/Plugins/Physics2DPlugin/,

it's written that it requires  to be member in Club Greensock.

 

Is there a way to test, and easy examples to learn how to use it, before suscribe ?

 

I have just found this :  but it is not really clear to me because

it is not only focused on Physics2D ...

 

Thanks a lot !

 

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

[Carl]

Glad you asked.

Yes, you definitely can try out any of the plugins on CodePen, and we encourage it.

 

Here are 2 demos that should get you started:

 

Super simple

http://codepen.io/GreenSock/pen/GgVrNZ?editors=011

 

Particle effect

http://codepen.io/GreenSock/pen/emjgxw?editors=001

 

You can fork either of them and edit the html / css / js all you want.

 

Sorry they weren't easier to find. I'll have to make a note to add some demos to the docs and plugin pages.

 

To test out other plugins please see this collection: http://codepen.io/collection/qHasJ/

 

 

Let us know if you have any more questions.

[julien94270]

Thank you very much Carl, for your help and the examples !

[Ullas]

Is there any way to use the above plugin for three js object. Here what I am trying. 

 

var tween = new TimelineMax();
		let o = {
			velocity : this.getVel() * 1000,
			angle : Math.PI + (o2.angle * 180 / Math.PI),
			gravity : 0,
			xProp : "x",
			yProp : "z"
		};

		tween.to(eleHolder.position, 2, {
			physics2D : o,
			/*yoyo : true,
			repeat : -1,*/
			onUpdate : function() {
				console.log(this)
				$this.onUpdate();
				
			}
		}, 0);