从零开始学习3D可视化之场景层级(2)
1、 动态创建组合场景2、 加载后的楼层和建筑对齐3、 预知未知加载场景的物体结构对于一些大型的3D可视化场景,使用 CampusBuilder 直接制作会比较困难,直接加载也存在性能、加载时间等问题。解决这个问题首先在CampusBuilder 中可以分成多个工程进行搭建,比如园区和所有建筑的外立面使用一个独立的工程进行搭建,每栋建筑的室内分别使用其他独立工程进行搭建。但是在搭建过程中需要注意每
从零开始学习3D可视化之场景层级(1)
1、开启场景层级控制2、父子树和分类对象属性树3、切换场景层级在3D可视化场景中加载园区后系统会自动创建园区、建筑、楼层、房间等物体对象,这些对象也自然把场景分成了不同的层级,场景提供了层级结构,可以通过我下面介绍的方法,来控制场景层级。那么层级结构有什么用呢?可以更方便管理和查询到场景中物体;可以批量操作物体,比如移动父物体可以带着孩子一起移动等等。1、开启场景层级控制首先将下面的代码输入到项目
从零开始学习3D可视化之模型动画
1、 获取模型动画2、 播放模型动画3、 停止播放模型动画在搭建3D可视化场景的过程中,我发现很多模型都有内置动画,很多模型在制作阶段就内置了动画,如果模型有内置动画,可以在 ThingJS 中利用 API 调用播放这些动画。比如官方示例中通过 dbclick 事件来控制机柜开启,click 事件来控制鼠标右键关闭机柜。1、获取模型动画首先通过 animationNames属性获取3D可视化模型都
从零开始学习3D可视化之坐标系
1、 世界坐标系2、 父物体坐标系3、自身坐标系要想控制一个3D可视化对象的空间位置,首先需要理解空间坐标系。在 ThingJS 开发平台中,使用右手坐标系,横轴为 X 轴和 Z 轴,竖轴为 Y 轴(ThingJS 获取的位置坐标 [x, y, z] 的单位均为米)。描述或控制一个3D可视化物体的位置,在不同情况下,会分别使用以下 3 套坐标系统:1、世界坐标系2、父物体坐标系3、自身坐标系。下面
从零开始学习3D可视化之控制对象(1)
1、 控制显隐2、 控制旋转3、 控制缩放获取数字孪生可视化场景中的对象后,就可以通过对象的属性和方法来控制对象了。在 ThingJS API中,列举了控制对象的属性和方法,下面本篇文章我打算学习控制对象的方法。1、控制显隐ThingJS 中通过设置物体的 visible 属性来直接控制数字孪生可视化场景中物体的显示/隐藏。如果数字孪生可视化场景中对象有相应的父子关系,那么,当隐藏父亲时,他的子子
从零开始学习3D可视化之获取对象
一、query()查询物体二、 其他查询方法在数字孪生可视化场景中,添加完对象之后,我们如何尽快查找到对象呢?ThingJS中获取对象有如下几个方法:通过父子属性获取对象;通过分类属性获取对象;使用 query 方法获取对象。一般来说,我们通过 query() 方法来查询物体(即获取对象)。下面我将详细讲解通过 query 方法获取对象的方法。找到物体后,就可以通过 ThingJS API 提供的
从零开始学习ThingJS之创建/销毁物体
1、 加载模型2、 添加多个数字孪生可视化园区3、 销毁物体在数字孪生可视化场景初始化后,我们就可以在3D场景内添加物体对象了,可以通过 create() 方法来创建物体,例如,加载模型、添加标记、创建基本形体、添加多个园区等。通过 destroy() 方法,可以销毁物体,即在场景中删除物体。通过 create() 方法创建物体,并通过对象名称和属性,来添加所创建的物体属性。var ob
从零开始学习ThingJS之创建App对象
1、 创建App2、 加载场景3、 加载地图在数字孪生可视化行业,搭建模型以及3D场景都是让人头疼的事,但是有一个平台解决了这些难题,它就是ThingJS。作为面向物联网的3D可视化开发平台其特点是:简单易学、提升效率、快速搭建、丰富模型、一键部署,前端工程师也能轻松进行数字孪生可视化项目开发。如果你是一位数字孪生可视化的初学者或正打算入门,你可以阅读本文并在我的代码基础之上继续深入学习。首先登录
3D可视化助你打造科技感十足的“智慧园区”
1、 智慧园区飞速发展2、 ThingJS智慧园区展示3、 智慧园区数字孪生可视化4、 ThingJS更多可能今年埃森哲的报告以“开拓新局:掌握变局时代的技术先机”为主题,再一次揭示了万物互联,各行各业数字化转型时代到来。说到万物互联,这让我想起来几年前看过的电影《太空旅客》里面的酷炫大屏格外抢眼,科幻效果十分震撼。如今,随着大数据的发展,可视化在各行各业得到越来越广泛的应用。可视化不再只是电影里
仅需几行代码轻松实现第一人称行走
1、第一人称行走2、实现3、操作步骤4、结语在数字孪生可视化领域利用 WebGL来创建三维场景已经越来越普遍,各种开发框架也应运而生。今天我们就通过ThingJS来完成第一人称视角的场景巡视功能。如果你是一位数字孪生可视化的初学者或正打算入门,我强烈推荐你仔细阅读本文并在我的代码基础之上继续深入学习。第一人称视角的数字孪生可视化场景巡视主要需要解决两个问题,人物在场景中的移动和碰撞检测。移动与碰撞
青海大学智慧微能源数字孪生可视化系统
随着物联网飞速发展,万物互联时代的到来,物联网(IoT)为能源、公用事业、制造业、制药、食品和饮料等行业掀起产业变革的浪潮。当前我国的能耗总量和单位能耗量,均高于世界平均水平,所以发展清洁能源是能源升级转型的一个重要的战略举措。以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心。以电力为核心的能源系统发展趋势,从传统互联电网,微电网,微能源网,
模模搭古城搭建学习笔记4:完结篇
经过前面3篇笔记古城数字孪生可视化场景已经基本搭建完成,此时我发现一个问题,一个园区只有建筑和道路是不完整的,除了基础设施外,园区绿化和其他设施也是园区建设不可缺少的部分。首先打开CampusBuilder,加载古城数字孪生可视化场景,建设园区绿化地面和建造园区地面是一样的方式这里就不再一一赘述,园区绿化大多分布在房屋的周边和道路两旁,依次将模型置入园区,数量较大可连续复制选中模型并移动鼠标,按鼠
群英荟萃 | UINO优锘科技ThingJS平台亮相华为开发者大会
4月24日-26日,华为开发者大会(HDC.Cloud2021)于深圳大学城火热开启,这场年度ICT领域开发者盛会以#每一个开发者都了不起#为主题,共同探讨和分享云、计算、人工智能等最新ICT技术在行业的深度创新和应用。UINO优锘科技应邀出席,旗下面向物联网的3D可视化开发平台ThingJS、对平台打造的智慧园区、智慧城市项目案例等进行了展示。华为开发者大会2021(Cloud)依托智能基座高校
模模搭古城搭建学习笔记3:建筑篇
前面的学习笔记中古城数字孪生可视化场景的基础已经搭建完成,本篇将正式开始建筑布局。建筑的平面布局是决定一座建筑、一组建筑、一群建筑,甚至一个村镇、一个城市形制的重要因素。在中国古代建筑中,大都是采取庄严雄伟,整齐对称形式。其平面布局的特点是有一条明显的中轴线,在中轴线上布置主要的建筑物,在中轴线的两旁布置陪衬的建筑物。这种布局主次分明,左右对称。中国古代建筑体系在平面布局方面遵循着一种简明的规律,
模模搭古城搭建学习笔记2:基础设施篇
上篇《模模搭古城搭建学习笔记1:地面、围墙篇》已经将古城的数字孪生可视化的地面和围墙完成,有了地面和围墙接下来我要开始搭建古城基础设施,依然是在场景搭建工具CampusBuilder中完成。古城数字孪生可视化场景的基础设施包括城门、道路、桥梁等。我国古代城区一般采用中轴对称、方正严整的群体组合与布局,以及变化多样的装修与装饰。1、中心地形古城中间我打算搭建一座地形用来作为古城中心,在浏览资源中心时
模模搭古城搭建学习笔记1:地面、围墙篇
偶然间看到这座还原度极高,使人身临其境的古城,心向往之,了解发现这竟不是某个游戏中的游戏场景,而是搭建出来的数字孪生可视化场景。这座古城是使用CampusBuilder搭建出来的,CampusBuilder (也叫“模模搭”)是面向普通人设计的数字孪生可视化搭建工具,不像市面上很多3D搭建工具上手需要很久,CampusBuilder非常简单易用,普通人五分钟即可上手搭建。下面我将分享我使用Camp
“数据变革”,一个数字孪生城市面临的系统性挑战ThingJS
数字孪生城市是在城市累积数据从量变到质变,在感知建模、人工智能等信息技术取得重大突破的背景下,建设新型智慧城市的一条新兴技术路径,是城市智能化、运营可持续化的先进模式。然而,面对当前城市管理中的众多挑战,如何突破传统智慧城市的禁锢,逐步转变升级为“数字孪生城市”呢?优锘ThingJS来给你支支招。数字孪生城市的核心就是模型和数据,建立完善的数字模型是重要的起点。而对于当前传统智慧城市建设的应用,其
数字孪生如何让城市智慧化?总结2个价值点 ThingJS
#数字孪生# #智慧城市# #可视化开发#1. 数字孪生体的应用价值2. 城市治理背后的大数据3. 数字孪生用于预测未来简介:数字孪生发端于美国国家航天航空局(NASA)的阿波罗项目,作为人类首次的太空探索行动,有很多未知的技术难题,如何提前预知风险并做好准备,让宇航员能够安全返航?为此,“孪生体/双胞胎”概念被考虑进来,给优锘ThingJS的数字孪生城市应用带来了不小的启发。数字孪生体的应用价值