个人项目 · 渲染引擎
Infinite Canvas
深入像素背后的工程。
场景图 / 渲染管线 / 性能设计
Frame 01
3 个节点一份场景数据
Frame 01 360 × 230
拖动元素，布局即时更新标题
X Y W H
填充项目概览
原生 WebGL 与 TypeScript 构建的 2D 场景图引擎，面向大规模节点与复杂交互。
问题与背景
为大规模 2D 场景建立可扩展的渲染架构，同时控制重复绘制与渲染循环中的内存分配。
我的具体工作
- 实现显示列表、原生批处理与混合 WebGL / Canvas2D 管线。
- 设计零 GC 渲染循环、智能脏矩形与瓦片渲染。
- 构建文本图集与多字体管理系统。
产品成果
形成可独立体验的 2D 场景图渲染引擎，把渲染管线、批处理与文本管理组织成完整系统。
体验引擎 ↗