threejs 笔记
💡
原文中文，约1900字，阅读约需5分钟。
📝
内容提要
WebGLRenderer已不再支持WebGL 1，需迁移至WebGL 2。模板缓冲区属性默认关闭，需手动启用。移除了WebGLMultipleRenderTargets，使用新属性进行多渲染目标。手部追踪需手动设置，InteractiveGroup的API已更改，需使用新方法注册事件监听器。HTMLImageElement的纹理处理方式也进行了调整，简化了应用开发。
🎯
关键要点
- WebGLRenderer不再支持WebGL 1，需迁移至WebGL 2。
- 模板缓冲区属性默认关闭，需手动启用。
- 移除了WebGLMultipleRenderTargets，使用新属性进行多渲染目标。
- 手部追踪需手动设置。
- InteractiveGroup的API已更改，需使用新方法注册事件监听器。
- HTMLImageElement的纹理处理方式进行了调整，使用naturalWidth和naturalHeight计算图像尺寸。
❓
延伸问答
WebGLRenderer为什么不再支持WebGL 1？
WebGLRenderer不再支持WebGL 1是为了更新到新版本的three.js，必须迁移至WebGL 2。
如何启用模板缓冲区属性？
模板缓冲区属性默认关闭，需要手动启用以支持相关逻辑。
WebGLMultipleRenderTargets被移除后该如何处理？
可以使用渲染目标类的新count属性来实现多渲染目标的功能。
手部追踪功能现在如何设置？
手部追踪不再默认请求，需在应用层手动设置。
InteractiveGroup的API有哪些变化？
InteractiveGroup的API已更改，需要使用新方法listenToXRControllerEvents()和listenToPointerEvents()来注册事件监听器。
HTMLImageElement的纹理处理方式有什么新变化？
现在使用naturalWidth和naturalHeight计算图像尺寸，而不是width和height，这简化了应用开发。
➡️
