使用Whitestorm.js创建3D Web应用程序和图形

得益于WebGL和相关HTML5 API， Web游戏已经走了很长一段路。 3D 最著名的开源库是Three.js 。

虽然Three.js功能强大，但从头开始学习也很复杂 。 相反，您可以选择Whitestorm.js ，这是一个为3D Web图形制作的开源框架。 它使用Three.js作为基础技术来帮助您更快地构建并在浏览器中创建逼真的3D效果。

Whitestorm带有在Three.js渲染之上构建的自己的物理引擎 。 这使您可以创建逼真的重力和其他类似效果，使物体相互作用并相互响应 。

而且Whitestorm是完全模块化的 ，因此您可以完全控制将哪些功能加载到页面中。 它使用移植到JavaScript中的Bullet Physics库 以在Web上提供全面支持 。

这是使用Whitestorm 创建新的Three.js环境的基本代码段。

const app = new WHS.App([
  new WHS.app.ElementModule(), // attach to DOM
  new WHS.app.SceneModule(), // creates THREE.Scene instance
  new WHS.app.CameraModule(), // creates PerspectiveCamera instance
  new WHS.app.RenderingModule() // creates WebGLRenderer instance
]);

app.start(); // run animation

您自然可以添加自己的模块 ，甚至可以创建基于默认库构建的插件/组件 。 JS代码支持ECMAScript 6，并且应该支持对该语言的所有即将进行的更改。

几何 ， 物理学和运动都整合到一个库中。 Whitestorm确实是网络3D动画的未来。

您可以在GitHub存储库中找到许多示例代码 ，以及下载链接和文件浏览器 。 请注意，图书馆很大，所以要经历很多事情。 甚至文档也为初学者提供了冗长的教程 。

但是借助这些文档，您可以学习从3D转换到调试以及详细的3D动画的所有内容 。

要了解更多信息，请访问主站点并浏览一些实时示例，以了解Whitestorm的实际应用 。 如果您有足够的胆识，可以从GitHub或通过npm下载该库的副本，然后开始创建一些漂亮的 3D Web应用程序。

翻译自: https://www.hongkiat.com/blog/create-3d-web-apps-whitestormjs/