Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
murshidazher

PIXI Container + GSAP

Recommended Posts

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

Here's a basic PIXI container move that should get you started.

 

See the Pen yKwGZQ by PointC (@PointC) on CodePen

Happy tweening.

:)

 

  • Like 4
Link to post
Share on other sites

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)

 

  • Like 4
Link to post
Share on other sites
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.

  • Like 2
Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×