CampusBulider(模模搭)学习笔记5:创建自定义建筑

在CampusBulider搭建数字孪生可视化场景时园区内的建筑可以直接使用模型库中的模型,还可以创建自定义建筑,直接使用模型库中的模型不必过多赘述,那这期我们一起学习如何创建自定义建筑。新建自定义建筑首先打开CampusBulider加载数字孪生可视化场景,点击新建,选择模型库右侧标签中的室内,点击自定义建筑,将其拖放到主窗口中。双击自定义建筑,即可进入建筑主体内部中。自定义建筑外观只有一个模型

置顶 原创 点赞0 阅读790 收藏0 评论0 2021-05-12

CampusBulider(模模搭)学习笔记5:创建自定义建筑

在CampusBulider搭建数字孪生可视化场景时园区内的建筑可以直接使用模型库中的模型,还可以创建自定义建筑,直接使用模型库中的模型不必过多赘述,那这期我们一起学习如何创建自定义建筑。新建自定义建筑首先打开CampusBulider加载数字孪生可视化场景,点击新建,选择模型库右侧标签中的室内,点击自定义建筑,将其拖放到主窗口中。双击自定义建筑,即可进入建筑主体内部中。自定义建筑外观只有一个模型

置顶 原创 点赞0 阅读140 收藏0 评论0 2021-05-12

从零开始学习3D可视化之场景层级(2)

1、 动态创建组合场景 2、 加载后的楼层和建筑对齐 3、 预知未知加载场景的物体结构 对于一些大型的3D可视化场景,使用 CampusBuilder 直接制作会比较困难,直接加载也存在性能、加载时间等问题。 解决这个问题首先在CampusBuilder 中可以分成多个工程进行搭建,比如园区和所有建筑的外立面使用一个独立的工程进行搭建,每栋建筑的室内分别使用其他独立工程进行搭建。

原创 点赞0 阅读66 收藏0 评论0 4 天前

从零开始学习3D可视化之场景层级(1)

1、开启场景层级控制 2、父子树和分类对象属性树 3、切换场景层级 在3D可视化场景中加载园区后系统会自动创建园区、建筑、楼层、房间等物体对象,这些对象也自然把场景分成了不同的层级,场景提供了层级结构,可以通过我下面介绍的方法,来控制场景层级。那么层级结构有什么用呢?可以更方便管理和查询到场景中物体;可以批量操作物体,比如移动父物体可以带着孩子一起移动等等。 1、开启场景层级控制

原创 点赞0 阅读569 收藏0 评论0 5 天前

从零开始学习3D可视化之模型动画

1、 获取模型动画 2、 播放模型动画 3、 停止播放模型动画 在搭建3D可视化场景的过程中,我发现很多模型都有内置动画,很多模型在制作阶段就内置了动画,如果模型有内置动画,可以在 ThingJS 中利用 API 调用播放这些动画。 比如官方示例中通过 dbclick 事件来控制机柜开启,click 事件来控制鼠标右键关闭机柜。 1、获取模型动画 首先通过 an

原创 点赞0 阅读498 收藏0 评论0 6 天前

从零开始学习3D可视化之坐标系

1、 世界坐标系2、 父物体坐标系3、自身坐标系要想控制一个3D可视化对象的空间位置,首先需要理解空间坐标系。在 ThingJS 开发平台中,使用右手坐标系,横轴为 X 轴和 Z 轴,竖轴为 Y 轴(ThingJS 获取的位置坐标 [x, y, z] 的单位均为米)。描述或控制一个3D可视化物体的位置,在不同情况下,会分别使用以下 3 套坐标系统:1、世界坐标系2、父物体坐标系3、自身坐标系。下面

原创 点赞0 阅读98 收藏0 评论0 7 天前

3D场景搭建的隐秘功能——时间轴

模模搭(CampusBuilder)搭建3D可视化场景简单好用的特点已经深入人心,但其实模模搭还有许多有趣的特殊效果设置,但是很多小伙伴都把重心放在搭建3D场景上,忽略了这些有趣的效果。关于这些隐藏功能你一定没用过,如果不了解的话多少有点遗憾,以下就介绍一个非常具有实用性的隐藏功能。今天,我们要挖掘的功能是一个叫时间轴的东西。有很多3D可视化场景需要以时间为变量来标记事件的,模模搭的时间轴可以精确

原创 点赞0 阅读56 收藏0 评论0 11 天前

从零开始学习3D可视化之控制对象(2)

1、移动到某个目标位置2、 让物体沿路径移动3、 批量控制对象上篇文章中我学习了控制3D可视化场景中对象显示隐藏和旋转缩放,本篇我继续学习控制3D可视化场景中对象位移和批量控制对象。1、移动到某个目标位置我阅读文档中心后发现ThingJS提供了moveTo设置一个移动动画,rotateTo 设置一个旋转动画,scaleTo 设置一个缩放动画,用 movePath 可设置让物体沿一条路径移动等方法。

原创 点赞0 阅读806 收藏0 评论0 12 天前

从零开始学习3D可视化之控制对象(1)

1、 控制显隐2、 控制旋转3、 控制缩放获取数字孪生可视化场景中的对象后,就可以通过对象的属性和方法来控制对象了。在 ThingJS API中,列举了控制对象的属性和方法,下面本篇文章我打算学习控制对象的方法。1、控制显隐ThingJS 中通过设置物体的 visible 属性来直接控制数字孪生可视化场景中物体的显示/隐藏。如果数字孪生可视化场景中对象有相应的父子关系,那么,当隐藏父亲时,他的子子

原创 点赞0 阅读349 收藏0 评论0 13 天前

从零开始学习3D可视化之获取对象

一、query()查询物体二、 其他查询方法在数字孪生可视化场景中,添加完对象之后,我们如何尽快查找到对象呢?ThingJS中获取对象有如下几个方法:通过父子属性获取对象;通过分类属性获取对象;使用 query 方法获取对象。一般来说,我们通过 query() 方法来查询物体(即获取对象)。下面我将详细讲解通过 query 方法获取对象的方法。找到物体后,就可以通过 ThingJS API 提供的

原创 点赞0 阅读386 收藏0 评论0 14 天前

从零开始学习ThingJS之创建/销毁物体

1、 加载模型2、 添加多个数字孪生可视化园区3、 销毁物体在数字孪生可视化场景初始化后,我们就可以在3D场景内添加物体对象了,可以通过 create() 方法来创建物体,例如,加载模型、添加标记、创建基本形体、添加多个园区等。通过 destroy() 方法,可以销毁物体,即在场景中删除物体。通过 create() 方法创建物体,并通过对象名称和属性,来添加所创建的物体属性。var obj = a

原创 点赞0 阅读335 收藏0 评论0 15 天前

从零开始学习ThingJS之创建App对象

1、 创建App2、 加载场景3、 加载地图在数字孪生可视化行业,搭建模型以及3D场景都是让人头疼的事,但是有一个平台解决了这些难题,它就是ThingJS。作为面向物联网的3D可视化开发平台其特点是:简单易学、提升效率、快速搭建、丰富模型、一键部署,前端工程师也能轻松进行数字孪生可视化项目开发。如果你是一位数字孪生可视化的初学者或正打算入门,你可以阅读本文并在我的代码基础之上继续深入学习。首先登录

原创 点赞0 阅读124 收藏0 评论0 18 天前

ThingJS粒子特效一键实现雨雪效果

1、粒子效果2、加载场景3、不同粒子效果实现在做3D项目时,我们经常需要模拟下雨,下雪的天气,有时也会模拟喷泉、着火等效果。这些效果需要使用名为粒子系统(particle)的技术来实现。使用ThingJS可以快速编写粒子效果,比如:下雨、下雪(可以控制雨雪大小)、喷水、火焰效果等,甚至可以通过对接第三方的数据,实时控制三维场景的效果(比如:对接天气接口)。1、粒子效果ThingJS 提供 Part

原创 点赞0 阅读569 收藏0 评论0 19 天前

3D可视化助你打造科技感十足的“智慧园区”

1、 智慧园区飞速发展2、 ThingJS智慧园区展示3、 智慧园区数字孪生可视化4、 ThingJS更多可能今年埃森哲的报告以“开拓新局:掌握变局时代的技术先机”为主题,再一次揭示了万物互联,各行各业数字化转型时代到来。说到万物互联,这让我想起来几年前看过的电影《太空旅客》里面的酷炫大屏格外抢眼,科幻效果十分震撼。如今,随着大数据的发展,可视化在各行各业得到越来越广泛的应用。可视化不再只是电影里

原创 点赞0 阅读174 收藏0 评论0 25 天前

CompusBulider (模模搭)学习笔记7:3D场景中第一人称行走

1、 3D场景中的第一人称行走2、 第一人称行走3、 传送点今天想要在数字孪生可视化3D场景中实现第一人称行走,以第一人称视角进入数字孪生可视化3D场景。3D 相比2D的最大的优势,便是在于内容与形式上给人的真实感受。它比平面作品更直观,比 2D 更真实,所以更能给观看者以置身于环境当中的感受,大大增强说服力。3D 技术的发展甚至挑战观看者的分辨能力,使观看者的判断游离于与虚拟和现实之间。现在 3

原创 点赞0 阅读104 收藏0 评论0 27 天前

模模搭古城搭建学习笔记4:完结篇

经过前面3篇笔记古城数字孪生可视化场景已经基本搭建完成,此时我发现一个问题,一个园区只有建筑和道路是不完整的,除了基础设施外,园区绿化和其他设施也是园区建设不可缺少的部分。首先打开CampusBuilder,加载古城数字孪生可视化场景,建设园区绿化地面和建造园区地面是一样的方式这里就不再一一赘述,园区绿化大多分布在房屋的周边和道路两旁,依次将模型置入园区,数量较大可连续复制选中模型并移动鼠标,按鼠

原创 点赞0 阅读394 收藏0 评论0 2021-05-07

群英荟萃 | UINO优锘科技ThingJS平台亮相华为开发者大会

4月24日-26日,华为开发者大会(HDC.Cloud2021)于深圳大学城火热开启,这场年度ICT领域开发者盛会以#每一个开发者都了不起#为主题,共同探讨和分享云、计算、人工智能等最新ICT技术在行业的深度创新和应用。UINO优锘科技应邀出席,旗下面向物联网的3D可视化开发平台ThingJS、对平台打造的智慧园区、智慧城市项目案例等进行了展示。华为开发者大会2021(Cloud)依托智能基座高校

原创 点赞0 阅读134 收藏0 评论0 2021-04-30

群英荟萃 | UINO优锘科技ThingJS平台亮相华为开发者大会

4月24日-26日,华为开发者大会(HDC.Cloud2021)于深圳大学城火热开启,这场年度ICT领域开发者盛会以#每一个开发者都了不起#为主题,共同探讨和分享云、计算、人工智能等最新ICT技术在行业的深度创新和应用。UINO优锘科技应邀出席,旗下面向物联网的3D可视化开发平台ThingJS、对平台打造的智慧园区、智慧城市项目案例等进行了展示。华为开发者大会2021(Cloud)依托智能基座高校

原创 点赞0 阅读145 收藏0 评论0 2021-04-30

模模搭古城搭建学习笔记3:建筑篇

前面的学习笔记中古城数字孪生可视化场景的基础已经搭建完成,本篇将正式开始建筑布局。建筑的平面布局是决定一座建筑、一组建筑、一群建筑,甚至一个村镇、一个城市形制的重要因素。在中国古代建筑中,大都是采取庄严雄伟,整齐对称形式。其平面布局的特点是有一条明显的中轴线,在中轴线上布置主要的建筑物,在中轴线的两旁布置陪衬的建筑物。这种布局主次分明,左右对称。中国古代建筑体系在平面布局方面遵循着一种简明的规律,

原创 点赞0 阅读166 收藏0 评论0 2021-04-26

模模搭古城搭建学习笔记2:基础设施篇

上篇《模模搭古城搭建学习笔记1:地面、围墙篇》已经将古城的数字孪生可视化的地面和围墙完成,有了地面和围墙接下来我要开始搭建古城基础设施,依然是在场景搭建工具CampusBuilder中完成。古城数字孪生可视化场景的基础设施包括城门、道路、桥梁等。我国古代城区一般采用中轴对称、方正严整的群体组合与布局,以及变化多样的装修与装饰。1、中心地形古城中间我打算搭建一座地形用来作为古城中心,在浏览资源中心时

原创 点赞0 阅读759 收藏0 评论1 2021-04-25

模模搭古城搭建学习笔记1:地面、围墙篇

偶然间看到这座还原度极高,使人身临其境的古城,心向往之,了解发现这竟不是某个游戏中的游戏场景,而是搭建出来的数字孪生可视化场景。这座古城是使用CampusBuilder搭建出来的,CampusBuilder (也叫“模模搭”)是面向普通人设计的数字孪生可视化搭建工具,不像市面上很多3D搭建工具上手需要很久,CampusBuilder非常简单易用,普通人五分钟即可上手搭建。下面我将分享我使用Camp

原创 点赞0 阅读104 收藏0 评论0 2021-04-21
写文章