High-Performance Rendering
Underlying rendering using WebGL & WebGPU
Build an infinite canvas step by step.
Interactive
Executable code blocks via genji
Works with all frameworks
UIs implemented with Web Components
Rich graphics
Stickies, shapes and pen
After lesson 17 we use the ECS architecture and spectrum for UI:
Our product results prior to lesson 17 were as follows:
This tutorial covers a basic 2D graphics rendering implementation based on WebGL / WebGPU:
- Lesson 2 - Draw a circle
- Lesson 5 - Grid
- Lesson 9 - Drawing ellipse and rectangle
- Lesson 12 - Draw polyline
- Lesson 13 - Drawing path and sketchy style
- Lesson 15 - Text rendering
- Lesson 16 - Text advanced features
Also includes UI components implemented using Web Components technology:
And some interesting topics: