BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

使用JSModeleer轻松实现3D建模

| 作者 Zef Hemel 关注 0 他的粉丝 ,译者 廖煜嵘 关注 0 他的粉丝 发布于 2013年9月19日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

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

该类库具有如下功能

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

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

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

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

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

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


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

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT