返回

三维网络开发引擎 Three.js - 2018 年七月周刊

前端

三维网络开发引擎 Three.js - 2018 年七月周刊

本周 Three.js 迎来了令人兴奋的更新，其中包括新特性和错误修复。

新特性

CustomElements 支持

Three.js 现在支持 CustomElements，这使得创建可重用的三维组件变得更加容易。CustomElements 是一个 Web 标准，允许您创建自己的 HTML 元素，并使用 JavaScript 定义它们的 behavior。

CSSVariables 支持

Three.js 现在还支持 CSS 变量，这使得更轻松地自定义材质的外观。CSS 变量允许您在 CSS 中设置变量，然后在 JavaScript 中使用它们。这使您可以在运行时轻松地更改材质的颜色、纹理或其他属性。

ShadowDOM 支持

Three.js 现在还支持 ShadowDOM，这使得更容易创建封装和可重用的三维组件。ShadowDOM 是一个 Web 标准，允许您创建独立于外部文档的 DOM 树。这使您可以创建不会影响父文档的组件。

错误修复

此版本还修复了多个错误，包括：

  • 修复了在某些情况下导致场景崩溃的错误。
  • 修复了导致材质在某些情况下闪烁的错误。
  • 修复了导致在某些情况下导致纹理加载失败的错误。

更多信息

有关此版本的更多信息，请参阅发行说明：https://github.com/mrdoob/three.js/releases/tag/r108

演示

以下是展示新特性的示例：

CustomElements

<three-box></three-box>

CSSVariables

<three-material color="var(--color)"></three-material>

ShadowDOM

<three-component>
  <div>This is a component.</div>
</three-component>

结论

此版本的三维网络开发引擎 Three.js 更新为开发人员提供了许多新功能和错误修复。这些新特性使创建可重用的三维组件、自定义材质的外观以及使用 ShadowDOM 封装组件变得更加容易。

推荐阅读