Sign in to follow this  

Scrollbar for stage

Recommended Posts

I need to make whole stage scrollable with scrollbar.

Can I just make a huge renderer on page (bigger than browser window) and scroll using browser scrollbar? Or this is a bad idea and I need to make my own scrollbar inside renderer using pixi.js?

In both cases I would make offscreen sprites not renderable for optimisation.

Share this post

Link to post
Share on other sites

Its a bad idea. GPU doesn't call fragment shaders for offscreen pixels, but in huge renderer they will be called.

PIXI doesn't have optimizations.regarding offscreen sprites, because it depends on application, there are problems with culling in other engines, and here they will be tenfold because JS is slow and time for detection of those sprites is comparable with the time GPU spends on them.

Also, if you are going to implement scroll, please dont use "stage.width" and "stage.height" properties, neither "stage._width" or "stage._height" fields. If you use them. please read docs and look up the source code of "PIXI.Container". People tend to have big problems with it.\

Also look up what "pivot" is, its reverse "position" applied after scale and rotation - very handy when it comes to scrolling.


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.

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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.