图形与渲染

无限画布引擎、WebGL/Canvas2D 教程、计算机图形学基础和图像处理技术。本模块提供从理论到实战的完整图形编程学习路径。

📐

计算机图形学原理 15 篇

图形学理论基础，从向量、矩阵到光照、纹理。理解图形渲染的数学原理。

🖼️

Canvas2D 基础 12 篇

HTML5 Canvas 2D 渲染完整教程，从基础图形到高级动画和性能优化。

🎮

WebGL 基础 13 篇

GPU 编程入门，渲染管线、着色器、GLSL 和 3D 渲染技术。

⚡

PixiJS 实战 16 篇

高性能 2D 渲染引擎，适用于游戏和交互式图形应用开发。

🌌

无限画布 13 篇

无限画布应用开发指南，涵盖架构设计、坐标系统、事件处理和性能优化。

学习路径

计算机图形学原理（理论基础）
        ↓
    Canvas2D（入门）
        ↓
    WebGL（进阶）
        ↓
    PixiJS（实战）
        ↓
    无限画布（综合应用）

推荐顺序

1. 零基础：先学习「计算机图形学原理」建立理论基础
2. 有基础：直接从「Canvas2D 基础」开始实践
3. 想做游戏：学习「PixiJS 实战」快速上手
4. 想做编辑器：重点学习「无限画布」模块