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.
Our previous WebGL renderer,
, 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.
uses a dynamic draw model to eliminate this restriction, making it a proper drop-in replacement for the default
You can use
without any change. Other content can be cached, or added to a sprite sheet (see
) 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.
- 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.