分享
查看: 3022|回复: 6

[分享] 新手入门:快速搭建3D可视化场景(下)

[复制链接]

新手入门:快速搭建3D可视化场景(下)

发表于 2019-9-19 12:07:59 来自 分享 阅读模式 倒序浏览
zzv_icon3022 zzr_icon6 查看全部

      零基础的人如何制作3D可视化场景?需要掌握哪些知识?在开始制作3D场景、搭建3D模型之前是不是还得去学习相关知识?或者说自己只是个拧螺丝的?只需要掌握一小部分知识?那为什么不选择一个能让自己快速入门的工具?无需掌握大量知识就可以快速入门?随着物联网可视化行业的不断兴起,各大行业的可视化案例也是如雨后春笋般出现,这恰恰说明了这个行业的机遇与挑战,在入门时候的,一个明智的选择,能让零基础的人少走许多弯路,节约大把光阴!

       对于3D应用的开发,有着大量并且历经时间考验的工具供我们选择,如threejs、Unity、BIM等等,这些工具都是十分专业和优秀的,但是,它们也是十分严格的,它们要么专注于某行业,要么要求极高的基础知识,简而言之,这些都是高手用的工具。对于零基础的人来说,学习使用这些工具就是一个令人头大的事情,更不提还有较高的前置门槛需要我们跨过!所以要想开发一个完整的物联网可视化应用,往往都需要付出很多的努力才能去完成、甚至是难以完成的任务。所以,我们需要一个更接近行业应用、更具开发效率的工具,来解决物联网可视化应用的问题 —— 使用更方便,开发要更高效、门槛要更低!


新手入门:快速搭建3D可视化场景(下)


         ThingJS推出的物联网3D可视化开发平台,让3D开发者们只需要拥有最基本的JavaScript开发经验就可以入门,同时大大简化了开发一个完整的物联网可视化应用的难度,将其分为了“场景搭建”“应用开发”、“数据对接”、“项目发布”这四个步骤。上篇为新手们演示了前两个步骤,本篇文章为大家演示“数据对接”、“项目发布”这两个步骤。


数据对接     

       什么是数据对接?一个物联网3D可视化应用如果连这个都没有,就仿佛马车没有马,鸟儿没有翅膀那样,数据对接将我们的虚拟3D可视化场景与现实紧密结合,实现了环境监测及业务监测数据的可视化。既可以悬浮标牌的形式展示实时监测数据值,还可快速定位监测设备空间位置;并支持以信息面板、列表、图表、特效等方式展示环境监测、业务监测数据的统计值。让我们的3D场景“活”了过来。


新手入门:快速搭建3D可视化场景(下)

新手入门:快速搭建3D可视化场景(下)


项目发布

       一个完整的物联网可视化应用完成后,我们如何发布?如何给其他人演示我们的项目?我们可以以哪种形式查看?发布其实非常简单,演示项目也不是那种把自己的开发电脑拿着给别人看,而是分为电脑分享、手机分享、iframe分享这三种方式,当然一个大型应用,使用配置较为一般的手机查看也避免不了满慢、卡顿这种情况。


       项目演示:

新手入门:快速搭建3D可视化场景(下)


新手入门:快速搭建3D可视化场景(下)       

新手入门:快速搭建3D可视化场景(下)


项目发布:

新手入门:快速搭建3D可视化场景(下)


      最后,ThingJS对开发者的要求是:熟练使用Javascript语言,有使用过其他框架的经验会更有帮助。所以对于初级的前端工程师,就可使用ThingJS完成,ThingJS的开发与各类网页前端现有HTML/JS资源完全兼容。

avatar

0

主题

2

帖子

0

积分

游客

积分
0
wangchao 发表于 2019-9-23 14:34:25 显示全部楼层
看着还不错。不知道使用起来是不是这么简单。
avatar

0

主题

2

帖子

0

积分

游客

积分
0
wangchao 发表于 2019-9-23 14:35:54 显示全部楼层
这个比three.js简单么?不会说一进去还是得学一大堆东西吧?
avatar

77

主题

129

帖子

0

积分

游客

积分
0
ThingJS_用户支持 发表于 2019-9-23 14:38:53 显示全部楼层
没有错哟,使用起来非常简单,搭建工具以及在线开发工具都是免费的,同时拥有大量优秀案例,只需要您了解JavaScript开发经验即可上手!同时我们也有专门的技术交流群为大家解决各种问题。
avatar

84

主题

102

帖子

104

积分

注册会员

Rank: 2

积分
104
zzzzzker
 楼主|
发表于 2019-9-23 16:37:47 显示全部楼层
哈哈,希望这个对你能有所帮助。
avatar

32

主题

39

帖子

0

积分

游客

积分
0
13716243286 发表于 2019-9-24 09:03:14 显示全部楼层
谁知道调3D MAX的坐标系吗?
avatar

84

主题

102

帖子

104

积分

注册会员

Rank: 2

积分
104
zzzzzker
 楼主|
发表于 2019-9-26 10:35:09 显示全部楼层


3D Max 2013主工具栏 3dmax坐标轴系统设置 3dmax参考坐标系怎么设置 :使用3D Max 2013“参考坐标系”  

新手入门:快速搭建3D可视化场景(下) 下拉列表框可以指定变换(移动、旋转和缩放)所用的坐标系。下拉列表框中的选项分别是“视图”、“屏幕”、“世界”、“父对象”、“局部”、“万向”、“栅格”、“工作”、“拾取”。在“屏幕”坐标系中,所有视图(包括透视视图)都使用视图屏幕坐标。

新手入门:快速搭建3D可视化场景(下)


3dmax参考坐标系设置按钮


  1.“视图” 新手入门:快速搭建3D可视化场景(下)


  3D Max 2013视图是系统默认的坐标系,它是“世界”和“屏幕”坐标系的混合体。使用“视图”时,所有正交视图(顶视图、前视图和左视图)都使用“屏幕”坐标系。而透视图使用“世界”坐标系。在视图坐标系中,所有选择的正交视图中的X、Y和Z轴都相同:X轴始终朝右,Y轴始终朝上,Z轴始终垂直于屏幕指向用户。


新手入门:快速搭建3D可视化场景(下)

3D Max 视图是系统默认的坐标系


  技巧:因为坐标系的设置基于对象的变换,所以要首先选择变换,然后再指定坐标系。如果不希望更改坐标系,可以执行3D Max 2013“自定义”/“首选项”命令,在“常规”选项卡的“参考坐标系”组中勾选“恒定”选项。

新手入门:快速搭建3D可视化场景(下)

坐标系的设置基于对象的变换

  
  2.“屏幕”新手入门:快速搭建3D可视化场景(下)


  这个坐标系将活动视图用作坐标系。X轴为水平方向,正向朝右;Y轴为垂直方向,正向朝下;Z轴为深度方向,正向指向用户。因为“屏幕”坐标系模式取决于其他的3DsMax2013活动视图,所以非活动视口中的三轴架上的X、Y和Z标签显示当前活动视图的方向。激活该三轴架所在的视图时,三轴架上的标签会发生变化。“屏幕”模式下的坐标系始终相对于观察点。


新手入门:快速搭建3D可视化场景(下)

3D Max屏幕坐标系模式

  
  3.“世界”新手入门:快速搭建3D可视化场景(下)


  世界坐标系从前视图看:X轴正向朝右;Z轴正向朝上;Y轴正向指向背离用户的方向。在顶视图中X轴正向朝右,Z轴正向朝向用户,Y轴正向朝上。3D Max 2013世界坐标系始终固定。

新手入门:快速搭建3D可视化场景(下)

3dmax坐标轴系统世界

  
  4.3D Max 2013“父对象” 

  使用选定对象的父对象的坐标系。如果对象未链接至特定对象,则其为“世界”坐标系,其父坐标系与“世界”坐标系相同。下图是一组有链接关系的对象,长方体为球体的父对象,使用“父对象”坐标系后,选中球体,此时球体使用长方体的坐标系。移动球体会沿着长方体坐标滑动。

  5.“局部”

  使用选定对象的3D Max 2013坐标系,对象的局部坐标系由其轴点支撑。使用“层次”命令面板上的选项,可以相对于对象调整局部坐标系的位置和方向。如果“局部”坐标系处于活动状态,则“使用变换中心”按钮会处于非活动状态,并且所有变换使用局部轴作为变换中心,在若干个对象的选择集中,每个对象使用其自身中心进行变换。“局部”坐标系为每个对象使用单独的坐标系。
  
  6.“万向” 

  万向坐标系可以与“Euler XYZ 旋转”控制器一同使用。它与“局部”坐标系类似,但其3个旋转轴不一定互相之间成直角。对于移动和缩放变换,万向坐标与父对象坐标相同。如果没有为对象指定“Euler XYZ 旋转”控制器则万向坐标系的旋转与父对象坐标系的旋转方式相同。

  3D Max 2013技巧提示:使用局部和父对象坐标系围绕一个轴旋转时,用户操作将会更改两个或3个“Euler XYZ 旋转”轨迹,而万向坐标系可避免这个问题:围绕一个Euler XYZ 旋转轴旋转仅更改轴的轨迹。使得功能曲线的编辑工作变得轻松。另外,利用万向坐标的绝对变换输入会将相同的Euler角度值用作动画轨迹。

  7.“栅格” 

  它具有普通对象的属性,与视图窗口中的栅格类似,用户可以设置它的长度、宽度和间距、执行3D Max 2013“创建”/“辅助对象”/“栅格”命令后就可以像创建其他物体那样在视图窗口中创建一个栅格对象,选择栅格右键单击,从弹出的菜单选择“激活栅格”;当用户选择“栅格”坐标系统后,创建的对象将使用“栅格”对象相同的坐标系统。就是说,栅格对象的空间位置确定了当前创建物体的坐标系。
  
  8.“工作”

  可以自己定义坐标系。
  
  9.“拾取”:

  在3D Max 2013这种坐标方式下,选中的对象将使用场景中另一个对象的坐标系。这样选中对象的变换中心将自动移动到拾取的对象上。同时单击“对象”的名称将显示在“变换坐标系”列表中,系统将保存4个最近拾取的对象名称。
  
  技巧提示:如果使用拾取指定对象作为参考坐标系,可以按H快捷键显示“按名称选择对象”对话框,然后从中拾取对象,在复杂的3D Max 2013场景中选择物体。使用这种方法比较快捷,准确。


       以上是百度的结果,希望对你有帮助。


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t