对于初学者来说,通常的建议是:
不要直接从原生 WebGL 开始,而是先使用一个基于 WebGL 的高级框架或库,最著名的就是 Three.js。
webgl是啥
three.js是啥?
Three.js 封装了 WebGL 的复杂细节,提供了更简单、更直观的 API(例如创建场景、相机、物体、光源等),让你能更快地入门并创建出令人印象深刻的 3D 场景。大多数人在提到“网页3D”时,实际上都是在使用 Three.js。
3d是啥?
Blender 或 Maya是啥?
用 Blender 或 Maya 创建一个3D角色并制作好动画。
将这个角色导出为一个通用格式的文件(如 .gltf)。
开发者使用 Three.js(基于 WebGL) 在网页项目中加载这个文件。
用户打开浏览器,WebGL 技术就会调用他们的显卡,将这个角色渲染出来并让它动起来。