Jump to content

Screen transition effects?


Recommended Posts


Is it possible in Pixi.js to have a screen transition effect like simple fade in and fade out? I need this for some kind of exercise I am doing. I was able to do this on Cocos2dx and wanted to try the same thing with Pixi.js.

Is it possible? If so how? Can you show me some samples? I would greatly appreciate it.

Thank you!

Link to comment
Share on other sites

Pixi doesn't have a built-in tween library, but you can easily pick one up (or write a simple only yourself) that will do it for you. There are properties to modify alpha (transparency) so if you just tween those between whatever values you want, you can get the effect you are looking for.

Link to comment
Share on other sites

Wow, I was astound it is not even included. May I ask why? Its kind of strange, does Phaser have out of the box?


Because Pixi.js is a rendering library, and tweening has nothing to do with rendering :)


Phaser does have one out of the box, it is a game framework and tweening is an important concept in games.

Link to comment
Share on other sites

I see thank you. Alright, that what pixi.js does. Rendering. But I was able to do screen transition though, but no effects. But I am having crashes when I transition between screens with interactive objects.There was an issue filed on the github page, but the issue is not moving forward so far.

Maybe I should use Phaser.js on my next exercises. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...