Experience the Best of HTML5 with CanvasGL
* Accelerated Composition & Accelerated 2D Canvas
* Maximizing GPU Usage & Minimizing CPU Usage
* 87% to 1200% Overall Performance Improvement
CanvasGL guarantees a pleasant HTML5 experience on the mobile platform, with its GPU acceleration.
11. Maximizing GPU Usage
CanvasGL QuartzGL* Direct2D** SKIA
Draw Call At Once
(Company 100) (Apple) (Microsoft) (Google)
Bitmap Sprite Good Good Good Good
Convex Path Good Good Poor Poor
Concave Path Good Poor Poor Poor
Bitmap Sprite + Path Good Good Good Poor
Path + Different Brush Type Average Poor Poor Poor
Path + Different Shadow Good Poor Poor Poor
Text + Different Draw Call Good Poor Poor Poor
Minimizing CPU Usage
CanvasGL QuartzGL Direct2D SKIA
CPU Tessellation No No Yes Yes
GL State Optimization Good Average Average Poor
* ** QuartzGL and Direct2D are proprietary software without source codes.
The results are approximations based on experiments and articles.
Notas do Editor
Good morning.I’m Gwangyoon from Company 100.Today we’re going to see CanvasGL,A true GPU-Accelerated WebKit for Android.
We have fully accelerated the GPU in two areas: HTML5 2D Canvas and CSS3 animation. We mean FULLY.
Then if we have a thousand draw calls, the CPU cost will be a Thousand times higher. And this makes the GPU acceleration to be CPU bounded.This makes the GPU Accelerated 2D Canvas extremely slow.
Then if we have a thousand draw calls, the CPU cost will be a Thousand times higher. And this makes the GPU acceleration to be CPU bounded.This makes the GPU Accelerated 2D Canvas extremely slow.
This structure is the problem.How do we solve this?