Jump to content

Pixi.JS website tutorials


Recommended Posts

Hi guys,

The community need create more advanced websites using Pixi.js, exist any tutorial (free or not) to create websites using the canvas fullscreen with Pixi.js? For example:



I can't find the best way to do that, guys help please!

PD: What do you think about to create a PixiJS Market to find Pixi tools for games? Like http://market.ionic.io/

Regards, Nicholls

Link to comment
Share on other sites

18 hours ago, xerver said:

Are you asking how to make a canvas consume the entire screen? Generally we just do "canvas.width = window.innerWidth; canvas.height = window.innerHeight;"


It can get more complex with scrollbars, mobile, etc. But there should be tutorials and things around about full-screen canvases.

yeah, that part. ;)

that's the hard part, the non-trivial case. when you need things like viewporterjs and stuff. if you have one tut that cover all, please share.

Link to comment
Share on other sites

Thanks @xerver!

23 hours ago, xerver said:

If you are talking about desktop it really is as simple as `renderer.resize(window.innerWidth, window.innerHeight);`. I would roll with that until you see something about it that doesn't work.

Exist any github repository to check that? :rolleyes:

What do you think about scales modes of Phaser? What would be the appropriate way to do this? RESIZE? USER_SCALE?

Thanks for all my friend!

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