StageGL – A Faster, Better, Stronger WebGL update to EaselJS

Datetime:2017-04-14 05:28:20         Topic: WebGL          Share        Original >>
Here to See The Original Article!!!

We are happy to formally introduce StageGL, a better, faster, more feature-rich WebGL renderer for EaselJS. It removes restrictions, boosts performance, and adds filter support. Most importantly, unlike its predecessor, StageGL is a drop-in replacement for the CreateJS Stage.

Check out “Coasting on Cos Waves” in the gskinner lab , and GitHub

Our previous WebGL renderer, SpriteStage , enforced a model where each branch of the display list could utilize only a single texture. This was great for performance, but made content creation a major pain. StageGL uses a dynamic draw model to eliminate this restriction, making it a proper drop-in replacement for the default Stage .

You can use Container , Bitmap , Sprite , BitmapText , and DOMElement without any change. Other content can be cached, or added to a sprite sheet (see SpriteSheetBuilder ) for inclusion. The new batching heuristics work under the hood to optimize your content for you and take full advantage of the GPU, making it perform spectacularly for real-world content.

We also added a filter model for StageGL, and updated existing filters to work with it. Even if you’re developing for the default `Stage`, you can leverage WebGL shaders as filters in your content.

Notable features:
  • Intelligent batching, with multiple textures in a batch, using the full number available on your hardware
  • No restrictions on display list order
  • Automatic GPU memory management
  • Full cache support
  • Full filter support
  • Canvas 2D Stage fallback

All of this has been underway for some time (keen observers may have noticed the beta branch), and we’re very excited to finally merge it back into the master branch on GitHub . We’ll be releasing demos, documentation, and getting started materials over the next week or two.

Happy coding!








New

Put your ads here, just $200 per month.