Share Posted April 11, 2018 Hi, I am new to GSAP. Hence I need to know how to integrate GSAP to PIXI.Container. Basically, I need to move the container out of focus by -GAME_WIDTH Like, TweenMax.to(container.position, 1, {x:-GAME_WIDTH}); Thank you. Link to post Share on other sites
Share Posted April 11, 2018 Here's a basic PIXI container move that should get you started. See the Pen yKwGZQ by PointC (@PointC) on CodePen Happy tweening. 4 Link to post Share on other sites
Share Posted April 11, 2018 Also note that there's a PixiPlugin that's built specifically to make Pixi.JS animations easier: https://greensock.com/docs/Plugins/PixiPlugin Happy tweening! 4 Link to post Share on other sites
Share Posted April 13, 2018 x and y are properties on a container, so you really don't have to use position. TweenMax.to(container, 1, { x:400 } ); Another Pixi tip, you can chain graphics commands. var graphics = new PIXI.Graphics() .lineStyle(0) .beginFill(0xffffff, 1) .drawRect(0, 95, 800, 10) .beginFill(0x7FFF00) .drawCircle(400, 100,50) 4 Link to post Share on other sites
Share Posted April 13, 2018 2 minutes ago, OSUblake said: Another Pixi tip, you can chain graphics commands. Thanks. I didn't know that. I've mostly been adding sprites etc... so I've barely touched the graphics commands. 2 Link to post Share on other sites
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now