使用 JSModeleer 轻松实现 3D 建模

Viktor Kovacs 最近开发了 JSModeler ，这是一款使用 WebGL 渲染进行可视化 3D 建模的 Javascript API，它非常易于使用。该工具基于 three.js 框架构建。其库中包括了各种实例，其中包括乐高玩具生成器、 3D 的井字游戏和机械臂。

该类库具有如下功能：

• 简单的 3D 手动建模或者使用生成器建模
  • 我们可以通过手工添加顶点和多边型的方法建模。
  • 我们可以使用内置生成器功能创建基本形状（长方体、球体、圆柱体、圆锥体、圆环、圆环多边形、棱镜、棱镜壳、线壳、直纹面、旋转曲面、柏拉图和阿基米德固体、功能表面）。
• 内置基于 Three.js 的模型浏览器，带有旋转和放大功能。
• 自动转换为 Three.js 几何格式。
• 在转换中凸和凹多边形会自动转换为三角形。
• 自动计算曲面的多边形顶点法线。
• 对 2D 和 3D 多边形做多边形三角化。
• 大量的 2D 和 3D 几何功能。
• 自动转换为 STL 文件格式

在指引手册对相关基础知识做了解析。以下是一些基本概念：

Bodies，指的是出现在可视化建模中的对象。Bodies 是由以下形状构建而成：

1. 顶点：在一个三维空间中的点
2. 多边形：连接一系列顶点数目的表面
3. 曲线组：由多个多边形组合成一个弯曲的形状。
4. 材质：定义了多边形的颜色。
5. 变换：变换 bodies 比如转移它们的位置或进行旋转。
6. 内置各种形状的生成器（长方体、球体、圆柱体、圆锥体、棱镜等）

JSModeler 目前可以在 Github 上获得，并且附有大量例子帮助用户入门。

查看英文原文： 3D Modeling Made Easy with JSModeler

感谢侯伯薇对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ）或者腾讯微博（ @InfoQ ）关注我们，并与我们的编辑和其他读者朋友交流。