Skip to main content
Link
Menu
Expand
(external link)
Document
Search
Copy
Copied
webgl-demo
开始
WebGL 执行流程
绘制三角形
Z 轴默认方向
绘制旋转的渐变色三角形
绘制立方体线框
使用顶点索引绘制立方体线框
绘制立方体
裁剪空间与像素空间
绘制100x100像素的正方形
绘制三维字母 F
三维透视投影
方向光源
绘制多个图形
纹理贴图
绘制太阳地球月亮
绘制球体经线框架
绘制一个球体骨骼框架
绘制一个球体
threejs 加载 glb 模型
threejs 加载 UG 导出的模型
threejs 鼠标点击
WebGL-demo
在线示例: https://nashaofu.github.io/webgl-demo
推荐 WebGL 教程:https://webglfundamentals.org/
目录
1. WebGL 执行流程
2. 绘制三角形
3. Z 轴默认方向
4. 绘制旋转的渐变色三角形
5. 绘制立方体线框
6. 使用顶点索引绘制立方体线框
7. 绘制立方体
8. 裁剪空间与像素空间
9. 绘制100x100像素的正方形
10. 绘制三维字母 F
11. 三维透视投影
12. 方向光源
13. 绘制多个图形
14. 纹理贴图
15. 绘制太阳地球月亮
16. 绘制球体经线框架
17. 绘制一个球体骨骼框架
18. 绘制一个球体
19. threejs 加载 glb 模型
20. threejs 加载 UG 导出的模型
21. threejs 鼠标点击