现代 script 非常强大。特别是在 WebGL 库和 SVG/Canvas 元素的支持下。使用正确的工具,您可以为 Web 构建几乎任何东西,包括基于浏览器的游戏和本机应用程序。许多最新的突破性功能都是在 3D 上执行的,在这篇文章中,我列出了目前可用于 Web 开发人员的最佳 3D JS 库。

  Three.js

  毫无疑问,Three.js 应该位列榜首。从头开始学习可能有些复杂,但它也是更好的 3D 库之一。它由一个核心组管理,并在 GitHub 上免费导出。 ThreeJS 主要用于 canvas 元素,SVG 元素和用于渲染的 WebGL 库。
 
  学习绳索是一项挑战,至少需要中级 script 知识。但您可以在 Three.js 文件中找到完整的设置。如果您真的想在网上做 3D,那么这个库就适合您。这不是唯一的选择,但它可能是初学者开始快速构建东西的最受欢迎的选择。
 
  Babylon.js

  我喜欢的另一个强大的库是 Babylon.js 。这个再次依赖于 WebGL 并且仅在 script 中执行。它比其他库更受欢迎,但与 Three.js 的覆盖范围不同。
 
  对于想要建立基于浏览器的网页游戏的 WooCommerce 网站开发者来说,它仍然被广泛认为是一个强大的选择。在主页上,您可以找到大量的演示预览和如何开始 3D 游戏设计的技巧。
 
  还有许多重要的资源链接,如 GitHub repo 和 Babylon JS 教程。所有这些教程都是由巴比伦团队设计的,所以他们是开始学习这个图书馆的好地方。
 
  Cannon.js

  为了获得一些与众不同的东西,请访问 Cannon.js 。这并不强加通常的 3D 概念,而是作为基于 script 的游戏的物理引擎。
 
  Cannon.js 应该快速载入,以便您可以在页面上快速渲染专案。它与大多数现代浏览器相容,并附带强大的 API,可以从中构建您自己的物理创意。
 
  它适用于 Canvas 元素和 WebGL 应用程序。唯一困难的部分是研究图书馆并克服初始学习曲线。看一下 GitHub 演示页面,了解 Cannon.js 在浏览器中的样子以及它为何如此优秀。
 
  CopperLicht

  像 CopperLicht 这样的名字您可能不知道会发生什么。但这是一个强大的 3D script 渲染引擎,专为基于 Web 的 JS 游戏而构建。
 
  同样,它是 100%开源的,可以免费用于任何专案。建立 CopperLicht 的公司确实有一些优质的软件和工具,但这些并不是学习 CopperLicht 库所必需的。事实上,学习所有功能都很困难,因为它支持一系列 3D 功能,如阴影/灯光,特效和 3D 页面元素互动。
 
  教程页面是最好的起点,如果您采取这种方式,愿意慢慢来。尽管获得回报非常值得,但仍有一条陡峭的学习曲线可以让 CopperLicht 得以实现。
 
  Phoria.js

  对于基于 Web 的移动和屏幕上的 3D 效果您可以尝试 Phoria.js 。 它实际上是一个图形库,但 Phoria 植根于 HTML5 canvas 元素中的 3D 表示。
 
  主站点执行了很多演示,是一个相当合理的库来建立 3D 图形。学习曲线并不太难,您可以在网站上找到许多可以复制/贴上的代码片段。
 
  此外,您甚至不使用 WebGL,因此您不必担心该库。虽然您将不得不处理画布的元素,但这也仅仅意味著练习。
 
  Scene.js

  对于在 WebGL 中执行的内容,请访问 Scene.js 。目前,在 4.2 版本中,这个巨大的开源库允许您为任何现代浏览器表示 3D 元素。
 
  它得到了大型开发团队的支持,并且经过多年的重要更新,使其成为您可以使用的最佳 3D 渲染指令码之一。 但是,这被称为显示库,因此它不仅仅用于渲染基本图形。相反,这可以用于更复杂的任务,例如从不同角度设计多个物件检视,甚至建立 3D 游戏的基本图形。
 
  D3.js

 
  在浏览网页时,您经常会发现依赖于 3D 效果的图形和图形。其中许多都在 D3.js 中执行,这是一个强大的 script 库来表示 3D 资料。
 
  它也是一个完全免费的开源专案,有一个非常有用的 GitHub 页面。目标是在 HTML 中使用 SVG 元素和画布来建立动态资料,这些资料可以动态显示,旋转并最终直观地显示信息。
 
  LightGL.js

  我没有在网上看到很多关于 LightGL.js 的内容,但它是浏览器中 3D 渲染的绝佳选择。
 
  这个免费的开源库在 WebGL 框架下执行,是您可以使用的最快,最轻的库。它的工作级别低于大多数抽象库,因此需要更好地理解 script 。
 
  大多数开发人员只想要简单,所以在水冷却器周围分享它的人数可能会减少。但是,如果您对使用 script 感到满意,LightGL 将为您提供更多的代码库控制。
 
  Seen.js

  由于完全缺乏依赖关系,我必须在此列表中包含 Seen.js 。同样,它在 HTML5 canvas 元素上执行,但它可以在没有任何其他必需库的 vanilla script 中执行。
 
  它对所有开发人员完全免费,并且可以在 Apache 2.0 许可下自由定制。考虑到它们仅使用 script 构建,一些演示非常疯狂。
 
  任何愿意突破基本 3D 视觉化界限的人都可以看看 Seen.js 。它可能没有像 Three.js 这样的大型追随者,但它是一个很好的画布/SVG 替代品,不会严重依赖 WebGL 。