搭建练习环境
用 React 和 TypeScript 搭建练习项目，用 react-router 把每个知识点拆成独立页面，再通过 useRef 拿到 canvas 的 DOM。
第一个 WebGL 程序
封装一个初始化 WebGL 的工具函数，在 useEffect 中用 canvas.getContext('webgl') 创建绘图上下文，画出第一个点。
什么是着色器
顶点着色器描述顶点的位置、颜色等特性，片元着色器逐片元（可以理解为像素）进行处理，两者都用 GLSL ES 编写。想用 WebGL 绘图，最重要的就是学会使用着色器。