ThingJS官方案例（四）：快速应用3D场景下的模拟导航能力

3D室内场景承载了建筑物基础的环境信息，利用ThingJS平台模拟导航功能，实现物联网远程管理的可视化。在一个室内场景中，相隔的两个房间也可以实现路径导航功能！

第三人称视角

第一人称视角

首先保证房间、门和电梯/楼梯添加相应属性后，就可以利用鼠标点击功能，设置导航起点、导航终点，自动生成导航线。为了满足模拟导航能力，3D建筑需要有特定的搭建规则。
详情见文档【ThingJS室内导航场景的搭建规则】>>

其中导航点、导航线的对象可以自由设置其样式，包括启动UV动画，设置动画播放速度，更能引起注意，代码示例如下：

/*** 创建导航对象*/
function createNavi() {if (navi == null) {navi = new Navigation({app: app,  // 传入app对象followAngle: false,  // 值为true是第一人称导航，为false是第三人称导航，默认为false// 导航点样式followAngleStyle: {  speed: 5,  // 导航点移动速度，默认为0.8tip: true,  // 导航信息提示，默认为falseelement: 'naviTip'  // 当打开导航信息提示时，需传入dom标签id显示导航信息},// 导航线样式lineStyle: {  width: 0.3,  // 线宽，默认为0.6image: '/guide/examples/images/navigation/line.png',  // 贴图地址imageRepeat: [0.3, 1],  // 贴图重复度，默认为[0.3, 1]scrollUV: true,  // 启动 UV 动画，默认为trueimageScrollSpeed: 0.5,  // 设置 UV 动画播放速度，默认为0.5alwaysOnTop: false,  // 设置导航线始终在最前端渲染显示，默认为falserenderOrder: -1000  // 设置渲染排序值，默认为0}});}
}

官方示例选取第一人称或第三人称的视角，满足不同场景的业务巡查需求，代码如下：

/*** 第一人称导航*/
function startNavi1() {navi.followAngle = true;// 模拟导航navi.simulate();
}/*** 第三人称导航*/
function startNavi2() {navi.followAngle = false;// 模拟导航navi.simulate();
}

查看官方Demo>>

ThingJS官方案例（四）：快速应用3D场景下的模拟导航能力相关推荐

Python学习笔记7：实操案例四（支付密码的验证，模拟QQ账号登录，商品价格竞猜，星座看运势）
Python学习笔记7:实操案例四(支付密码的验证,模拟QQ账号登录,商品价格竞猜,星座看运势) 1.支付密码的验证: 这个主要就是调用isdigit()函数判断字符串是不是全是数字组成. pwd=i ...
沉浸式 3D 场景下的多视点视频增强算法研究
沉浸式 3D 场景下的多视点视频增强算法研究研究内容图像质量增强为什么进行图像质量增强图像有损压缩技术多视点视频中的深度图像特点视点数目增强虚拟视点合成技术视点外推为什么进行视点数 ...
Vuforia官方案例自学笔记-02-菜单场景
vuforia官方案例自学,只为学习交流,肯定会有错误与肤浅之处,仅供参考 1.安全区域管理器: * SafeAreaManager脚本: using System; using UnityEngin ...
目标检测YOLO实战应用案例100讲-自动驾驶场景下的三维目标检测技术研究
目录辅助驾驶场景下的目标检测算法研究传统目标检测方法基于深度学习的目标检测方法
大数据场景下Volcano高效调度能力实践
摘要:本篇文章将会从Spark on Kubernetes 发展历程以及工作原理,以及介绍一下Spark with Volcano,Volcano如何能够帮助 Spark运行地更高效. Spark o ...
高速公路数字孪生3D场景制作全流程记录【Blender + UE4】
我叫 Mykola Usov,是来自乌克兰的 3D 艺术家. 我已经在游戏行业工作了 7 年多了. 我有建筑背景,但在某个时候,我将我的职业转向了游戏艺术. 在我的职业生涯中,我有机会在 Frogwa ...
基于AIGC的3D场景创作引擎概述
通过改变3D场景制作流程复杂.成本高.门槛高.流动性差的现状,让商家像玩转2D一样去玩转3D,让普通消费者也能参与到3D内容创作和消费中,真正实现内容生产模式从PGC/UGC过渡到AIGC,是我们3D ...
广告营销场景下的隐私计算实践：阿里妈妈营销隐私计算平台SDH
一.概览随着全球主要市场陆续出台个人信息保护政策,互联网生态中的数据安全和用户隐私保护问题变得越发重要且日趋严格. 如何在营销场景下安全合规的使用数据,维护在线广告商业模型的核心运作,成为当下广告生 ...
OpenYurt 联手 eKuiper，解决 IoT 场景下边缘流数据处理难题
简介:云计算的出现促使物联网实现爆炸式增长.在设备规模和业务复杂度不断攀升的趋势之下,边缘计算因其能够将计算能力更靠近网络边缘和设备,从而带来云性能成本的降低,也在这波浪潮之下得到快速发展. 作者 | ...

ThingJS官方案例（四）：快速应用3D场景下的模拟导航能力

第三人称视角

第一人称视角

ThingJS官方案例（四）：快速应用3D场景下的模拟导航能力相关推荐

最新文章

热门文章