Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

This article details the four‑year development of SpriteJS, a high‑performance, cross‑platform graphics system that supports WebGL and Canvas2D rendering, DOM‑like APIs, responsive design, WebWorker integration, and extensive performance optimizations for visualisation and game applications.

Canvas2DGraphicsRendering

0 likes · 18 min read

Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

Alipay Experience Technology

Jan 21, 2022 · Frontend Development

How Reducing Draw Calls Supercharges Web Rendering Performance

This talk explains how minimizing draw calls in Canvas2D and WebGL dramatically improves rendering speed for large graph visualizations, covering CPU‑GPU interaction, culling, dirty‑rectangle rendering, batch rendering, and GPU‑driven calculations to achieve smoother 60 FPS interactions.

Canvas2DFrontend OptimizationWebGL

0 likes · 12 min read

How Reducing Draw Calls Supercharges Web Rendering Performance

Aotu Lab

Jul 28, 2017 · Frontend Development

Why WebGL Outperforms Canvas 2D in HTML5 Game Rendering

The article compares Flash and HTML5, explains Canvas 2D and WebGL rendering modes, and presents performance tests showing WebGL’s superior speed across browsers, while also discussing practical implications for web game development.

Canvas2DGame DevelopmentHTML5

0 likes · 12 min read

Why WebGL Outperforms Canvas 2D in HTML5 Game Rendering