Mat Groves

Pixi.js Showcase

Recommended Posts

https://github.com/themoonrat/webgl-benchmark

Lets you compare different scene setups in different versions of pixi and phaser :)

Useful to compare different engine performance. To compare different version performance. And to compare different scene setup performance.

Ie. compare the speed for 'Multiple Textures' for Pixi v3 vs v4. Multi texturing was added for v4, so you'll see a large speed increase. Likewise compare 'Graphics: Complex' from v4 to v5 (dev is best); a lot of work into batching Graphics shows clear performance benefits.

But then on the same hand on a modern Pixi version and test 'Sprites: Multiple Textures' vs 'SpriteSheet', and you'll see speed improvements on devices with less than 16 texture units; showing benefit of keeping sprites onto a single texture.

Any requests, please raise issues :)

 

 

 

 

Share this post


Link to post
Share on other sites

@themoonrat it is pretty much expected Pixi to be a lot faster than Phaser2 and taking advantage over Phaser3 when it comes to sprite+graphics batching. But I'm seeing a huge slowdown with BitmapText rendering, while Phaser3 is rock solid at 60fps.

10000 instances, Pixi 3.0.11 - ~58FPS, 4.0.3 - ~43fps, 4.8.5 - ~40fps, 5.0.0-alpha.3 ~38fps

Why is that? Is it caused by trade-off between raw performance and more complex batching (closer thing to real life usage) in v5?

Share this post


Link to post
Share on other sites

I was in need of some testing tools while trying some things on different mobile devices and with my need to display some things easy on the display without the need to always connect it with dev tools I created https://github.com/jkanchelov/pixi-console

It gives you a PIXI.container which is attached to console.log/warn/error and will display the logs in the canvas. It may be useful for someone. There are a lot of refactoring things and improvements to be done, but in this state is working fine for what I needed it. 

Hope it helps someone   

Share this post


Link to post
Share on other sites
9 minutes ago, jkanchelov said:

I was in need of some testing tools while trying some things on different mobile devices and with my need to display some things easy on the display without the need to always connect it with dev tools I created https://github.com/jkanchelov/pixi-console

It gives you a PIXI.container which is attached to console.log/warn/error and will display the logs in the canvas. It may be useful for someone. There are a lot of refactoring things and improvements to be done, but in this state is working fine for what I needed it. 

Hope it helps someone   

Good job! We'll add it to https://github.com/cursedcoder/awesome-pixijs and wiki

If you use slack, I can send you an invite to pixijs community slack.

If you use telegram and know russian - there are two russian gamedev html5 chats.

Share this post


Link to post
Share on other sites
1 hour ago, ivan.popelyshev said:

Good job! We'll add it to https://github.com/cursedcoder/awesome-pixijs and wiki

If you use slack, I can send you an invite to pixijs community slack.

If you use telegram and know russian - there are two russian gamedev html5 chats.

It would be an honor to be added there.
 
I would like the invite to the pixi.js slack too :)) 

Share this post


Link to post
Share on other sites
57 minutes ago, jkanchelov said:

Here is also an implemented easy to use fps counter ( I couldn't find one ) - https://github.com/jkanchelov/pixi-fps

 

https://github.com/eXponenta/gstatsjs is based on mrdoob  creation, but it shows more than FPS

Share this post


Link to post
Share on other sites
Hi everyone,
 
I just create a simple show case for PIXI.JS.
 
A top-down Tank game with: 
 
1. Physic engine integration with matter-js.
2. ViewPort for 2D camara.
3. Custom Tile map and grid system. 
4. Dynamic generate new area .
5. Keyboard Control.
6. GUI Interface.
 
 

Share this post


Link to post
Share on other sites

I have a lengthy post in the showcase forum for those interested - we are in beta for our game GORILLA TOWN which uses PIXI, and pixi-spine. Props to Ivan P from PIXI.js for helping us on this forum multiple times!

If you want to learn more about the game, we have a fancy marketing site:

http://gorilla.town

and, if you want to download and play the beta for windows (runs in electron), you can check it out here:

http://gorilla.town/beta.html

We love to hear any feedback you have.

 

Thanks!

Sean

Share this post


Link to post
Share on other sites
On 11/28/2019 at 12:11 PM, Azzimi said:

Hi

Im an ex developer of Agar.io, and recently left Miniclip to create my own game like Agar but better :)

 

You can check it out here https://senpa.io/web .

add an option to play your game without disabling addblock

Edited by SET001

Share this post


Link to post
Share on other sites
29 minutes ago, yulijun said:

the tutorial is here https://github.com/proudcat/pixi-webpack-demo , welcome to star.

Added. https://github.com/pixijs/pixi.js/wiki/v5-Resources#tutorials

If you want invite to pixijs slack, or if you want to know discord server where some of pixijs devs are hanging , just tell me in private message  :)

Edited by ivan.popelyshev

Share this post


Link to post
Share on other sites
2 hours ago, ivan.popelyshev said:

Added. https://github.com/pixijs/pixi.js/wiki/v5-Resources#tutorials

If you want invite to pixijs slack, or if you want to know discord server where some of pixijs devs are hanging , just tell me in private message  :)

i think it can be good also in boilerplate, it a good starter and the only one without typescript!

Share this post


Link to post
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.

Guest
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.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.