调试 Three.js 项目变得容易多了

Three.js 简介

三.js 是一个 JavaScript 库，允许用户在浏览器中创建和显示 3D 内容。为了构建这个 3D 世界，Three.js 依赖于 WebGL。 WebGL 是一个 JavaScript API，允许开发人员创建三角形，这些三角形组合在一起在您的浏览器中创建 3D 体验。

里卡多·卡贝罗创建 三.js ，现在由一个大型社区定期更新。该库简化了 WebGL，并充当用于操作 3D 对象和场景的晦涩数学和物理的语法糖。

不幸的是，即使使用 Three.js，也很难查看所有 3D 属性并进行编辑。从代码编辑器到浏览器来回移动可能很乏味，并且以前的开发人员工具不再兼容不同的浏览器和 Three.js 版本。

三工具

我们已经创建了解决方案。 Three-tools 是一个开源的 Three.js 开发者工具，旨在促进从浏览器中轻松调试 Three.js 实体。三工具显示不同 Three.js 场景、物体、相机、几何、材质和纹理的相关属性。使用 Three-tools，您可以在浏览器中操作 Three.js 属性并根据自己的喜好编辑场景。一旦您找到了一组您喜欢的变换属性，三个工具将允许您保存和查看这些属性。

三工具迭代上一个 Three.js 开发者工具 经过 乔丹桑特尔 并实现附加功能， 铬兼容性 ，以及与最新的 Three.js 版本的最新兼容性。

听取 Three.js 社区的意见，我们做了以下更改：

• 无需在首次打开扩展程序时点击重新加载按钮
• 搜索栏，允许用户通过 uuid、名称或类型搜索实体
• 隐藏/显示切换图标以控制场景元素、纹理、几何图形和材料的可见性
• 将 Three.js 更新到最新版本
• 更新的 UI/UX 以增强用户调试体验
• 支持渲染相机信息
• 支持场景背景颜色
• 能够在控制台和弹出窗口中保存转换后的属性和查看信息

创建 Three-tools 的目的是为那些希望调试 Three.js 项目的人提供免费的开源解决方案。我们的工具仍处于实验/测试阶段，因此请随时向我们的项目发送意见和建议。我们保留了社区知道和喜爱的功能，并添加了新功能，以使开发的 Three.js 项目与浏览器中的用户体验无缝集成。调试愉快！

贾静雯嚼 | GitHub | 领英

凯蒂安 | GitHub

艾米莉裴 | GitHub | 领英

卡尔·伊登 | GitHub | 领英

三工具 | Github | 网站 | [email protected]

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/23100/50140913

标签：浏览器,Three,js,工具,调试,3D
来源： https://www.cnblogs.com/amboke/p/16672602.html