ThingJS 3D开发如何实现进出层级?超简单!

ThingJSAPI之控制楼层效果 如何控制楼层的层级效果?比如进入楼层展开楼层?三维可视化园区中该怎么去访问对象?又是如何让场景显示和隐藏的呢?在ThingJS物联网可视化PaaS平台中,ThingJS提供了控制场景的方法,让我们来看看它是如何控制的吧! ThingJS官方示例中按分类访问对象,使用全局APP对象,通过forEach函数遍历园区中所有对象,并且打印出对象的id属性。 /** * 说明:通过 “分类对象属性树” 访问... 阅读详情

作为开发真的不容易,要不就偷懒一下吧~偷懒也有好处,利用轻量化工具能节省很多时间,让你做出傲人的商业3D可视化项目效果!

好的开始是成功的一半。只要你拥有了JavaScript基础,同时也了解如何使用上传后的资源,我们就可以开始通过ThingJS在线开发平台制作我们的第一个“HelloWorld”项目了。不了解如何操作的,可以点击 学习如何上传js/css/图片等资源到ThingJS。

ThingJS项目初制作

在ThingJS开发中,最重要的就是我们的APP对象了,有关ThingJS App对象介绍,大家可以在ThingJS文档中心去深入了解,以下是一个最简单的“HelloWorld”:

/**
 * 说明:创建App,url为场景地址(可选)
 */
var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'     // 场景地址
});

其中ulr是我们通过Campusbuilder模模搭创建的园区场景,园区的获取只需要我们在制作完成后点击立即同步,即可同步到我们的园区列表中:
在这里插入图片描述
在这里插入图片描述

双击场景则会出现类似“HelloWorld”的代

ThingJS 3D场景层级切换,体验不一样的动感! 若ThingJS 3D开发与真实世界的设备相关联,获取场景发送的设备属性数据,就能够真正实现物联网的控制操作。三维数据可视化分析,离不开场景搭建,通过对设备或楼层的仿真模拟,并且利用进出层级和聚焦物体等控制方法,在智能安防或培训层面做到更加直观、有效。 ThingJS使用app.level.change(ev.campus);这个进出层级、聚焦物体的代码来注册进出层级事件,该事件可以实现楼层的进出,有自定义属性或是ID属性物体的双击聚焦功能。 ThingJS 3D开发如何实现进出层级?超简单! 今天我们来详 阅读详情

相关推荐

ThingJS结合图表实现数据展示

ThingJS如何添加图表? ThingJS中能否添加图表?怎么在ThingJS中添加图表?如何使用ThingJS中的ChartBuilder工具快速制作图表?只是普通开发者还没有花钱的打算,能不能使用ThingJS搭建场景并且添加图表?本文提供免费和VIP两种方式,让你使用ThingJS快速将图表功能集成到三维可视化场景中去。 以下是VIP用户拿来即用的ChartBuilder工具, 白嫖党以及观望党不用急,我们也能使用Echarts,将Echart网站中制作的图表集成到ThingJS中。 ChartB

qq_42739428的博客 1586

ThingJS,像孩子搭乐高一样去开发3D商业项目!

ThingJS是一个基于JS代码进行开发的PAAS平台,通过轻量化的官方示例,快速上手3D可视化,只要懂得JS的设计师或者开发人员,都能够在短时间内有不错的开发成果。 启动平台之后,第一步该是创建对象APP,以便承载后期的3D功能开发。 ThingJS启动后创建核心对象APP ThingJS的核心对象APP创建方法如下: 1 var app = new THING.App(); 加载园区场景 这个是核心对象的创建方法,具体还有加载园区的方式,通过URL的方式将园区加载至ThingJS中: var app

ThingJS的博客 1510

如何利用ThingJS开发物联网可视化小Demo?

如何利用ThingJS平台制作一个3D可视化应用并且发布出去?怎么去制作一个简单的可视化入门项目?如何判断自己能不能进军3D可视化行业?多说不练假把式,今天我们就来学习ThingJS平台中的官方示例,然后仿照一个官方示例来制作一个升级版的例子,如果能做出来,那么就代表着,我们有能力迈入可视化的大门,如果做不出来,建议先学会javaScript基础,毕竟这个就是ThingJS平台将物联网可视化技术降...

qq_42739428的博客 882

ThingJS 和three.js对比开发太空漫游技术!3D 可视化

ThingJS 3D用来增加视觉效果,给人以更加直观,真实的感觉。 ThingJS 3D框架简化了开发工作,面向对象和模块化的特点使得网页代码更加易于管理和维护,并且提供近200个官方示例,直接获取API能力,不需要基于3D概念进行开发,适合3D商业项目快速生成!距离您的业务仅一层之隔,是非开发者也容易理解的一种应用方法。 Three.js是更为底层的3D渲染器,提供各式各样的3D开发概念,例如材质、网格、shader、灯光,逐一进行定制化开发,要求程序员要有清晰的设计思路,尤其是在3D对象类的定义上。

ThingJS的博客 3448

ThingJS开发3D强,中国更强!

新型基础测绘最终目标:面向自然资源管理,构建全球统一网格、绘尽我国地理实体、赋予唯一空间身份,挂接社会经济信息,最终建成“实体中国”。用ThingJS开发3D动画,建设物联网技术环境下的3D仿真中国! ThingJS在线开发3D,如何创建文本模型动效?不同于HTML文本,这个是一种特殊的3D模型,它是可以像其他的3D模型一样,实现旋转等控制功能。 这样的文字模型随处可见,比如logo指示牌,另外也可以进行人为的文本提示,超脱于仿真范畴之外,看第二张图。 模型地址:https://www.thingjs.c

ThingJS的博客 1200

ThingJS 3D场景切换,如何轻松实现

动态切换是一个ThingJS 3D开发推出的小功能,利用一个按钮就可以轻松实现! 一个复杂的物联网项目都是实景模拟,人居环境会有多个场景组合而成,而且在项目开发过程中,可能建模的人员都不一样,制作的场景都可能在不同的位置,如何做场景切换呢?这个功能官方例程中就写得很清楚,跟我来看看吧! 使用ThingJS官方神奇模模搭来搭建场景,这个相信大家都很熟悉,它的场景能够自动同步到ThingJS网站中去,毕竟是一家亲,如果ThingJS在线平台找不到,那不是平台的问题,而是你的操作问题!记得回到模模搭客户端查看是

ThingJS的博客 1388

【ThingJS | 3D可视化】开发框架,一站式数字孪生

ThingJS是一个基于WebGL和Three.js的开源3D JavaScript库,用于创建交互式的3D场景和应用程序。它提供了丰富的功能和工具,使开发人员能够简单而高效地构建各种类型的3D应用。ThingJS支持导入各种3D模型格式,并提供了各种渲染效果和交互功能,例如阴影、光照、碰撞检测等。

云散的博客 3131

ThingJS,提升你的3D设计力!

如果一个设计中充斥着太多的内容,这个页面会显得杂乱无章,读者也无法从中很快看到所需的信息。ThingJS的3D开发也遵循同样的设计原则。 世界级设计师Robin Williams认为,复杂的设计原理不那么复杂,凝炼为亲密性、对齐、重复和对比4个基本原则。今天,来跟我了解什么是四大设计基本原则, 并且基于概念来找出自己目前面临的“形象设计”问题,不管是你的邮件还是文档,结果一定会让你刮目相看。 ThingJS平台提供的是3D开发平台,有场景搭建工具,也有3D开发应用,这都离不开设计审美力。因为3D不仅仅实现了

ThingJS的博客 1409

3D灯光教程仅需三个步骤,用ThingJS体验极速开发!

人生苦短,3D灯光教程仅需三个步骤,用ThingJS体验极速开发! 灯光有助于表达一种情感,或引导观众的目光看向具体的位置。灯光能够反映一种基调,对整个图像的外观至关重要。下面教你关于打灯光的技巧,以及轻便的开发方法。 ThingJS提供一套操作简便的灯光配置项,只要配置结束后,记得点击生成代码块并执行,一套完整的初级灯光效果就出来了。 主灯光 主灯光对象是对主光源的控制代码,可设置的变量包括阴影、颜色、强度和打灯角度。主光源通常放在四分之三的位置上,位置是从物体的正面转45度,并从中心线向上转45度。夜

ThingJS的博客 1671

轻松挑战3D场景开发,ThingJS只需4步做完

ThingJS 3D代码示例全都是一种类型的编程语言,没有更底层的开发技术挑战,房屋、建筑等场景展示变得非常简单。 ThingJS如何去展示房屋?这个太简单了,首先我们要知道,ThingJS 是物联网可视化PaaS开发平台,能帮助物联网开发商轻松集成 3D 可视化界面。ThingJS 名称源于 物联网Internet of Things (IoT)中的 Thing (物),ThingJS 使用当今最热门的 JavaScript 语言进行开发。不仅可以针对单栋或多栋建筑组成的园区场景进行可视化开发,搭载丰富插

ThingJS的博客 2059

ThingJS如何为低门槛3D可视化开发赋能

近几年,大家会接触到很多跟物联网相关的平台或者系统,但是定位跟物联网3D可视化相关的还是很少。而最近这一两年,无论是3D可视化还是比较火热的数字孪生理念,都带动了可视化开发平台这样的概念出现。 ThingJS是2018年推出的面向物联网的3D可视化PaaS开发平台,直到现在也是全球首个物联网可视化开发平台。优锘最早在2012年就开始做3D可视化了,一直到现在积累了近10年的行业经验,形成了完整的工具链条,所以ThingJS平台在整个行业内是很具有独特性的。 但为什么说ThingJS平台是Google

ThingJS的博客 1880

封装threejs,让3D可视化开发不再复杂的webgl可视化平台-ThingJS

众所周知,threejs是时下非常火的一个3d js库,WebGL中文网中的介绍说threejs就是是使用JavaScript来编写3D程序,在webgl中文网中,有着对于threejs的讲解,和教程,当然,threejs官网上也有着十分详细的教程。什么是webgl?WebGL是在浏览器中实现三维效果的一套规范。因此也就有了各种3d 的js库,其中threejs较为突出,但是学习threejs要一...

qq_42739428的博客 5640

结合Echarts、Ajax技术实现可视化大屏监控 ThingJS 3d 开发

#三维可视化# #3D开发# ECharts是 Enterprise Charts缩写,表示商业级数据表图,它是一个基于html5 Canvas的图标库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器 (E6/7/8/9/10/1, chrome, firefox, Sarari等),底层依赖轻量级的 Canvas类库 ZRender,创建了坐标系、图例、提示、工具箱等基础组件,能够提供直观、生动、可交互、可高度个性化定制的数据可视化图表。创新的拖拽计算、数据视图、值域漫游等特性大大增强了用户体验

ThingJS的博客 1851

基于WebGL的三维大屏可视化技术实践 thingjs 3d 开发

DataV, 腾讯云图,帆软等可视化大屏应用厂商,都提供三维可视化分析工具。ThingJS是近两年新兴的3D可视化开发组件,助力物联网3D可视化的未来发展。新基建浪潮汹涌,智慧城市建设也到了落地阶段,不再是纯粹的概念,很多物联网技术开始崭露头角,相较于之前的低调行为,3D可视化领域有何变化呢? 以前 三维可视化城市大屏应用属于保密项目,CVS(可视化展示服务)系统部署在安全消防、城市交通、智慧工厂、城市管理等运营管理客户端,属于小众需求,随着云模式部署比例加大,大屏应用支持可视化组件进行监控画面搭建,中小开

ThingJS的博客 3783

RTC时钟芯片替换代码移植-IIC通信

1、问题 RTC时钟芯片由爱普生RX-8010SJ更换成大普INS5710A,两者都是IIC通信,更换大普芯片后时钟不走、以及报掉电错误。仿真分析原因是CPU和RTC芯片收发数据延时不够导致,根据爱普生芯片手册,8010收发数据不采取延时,但大普芯片采用同样方式读取不行(需要加延时) 2、RX-8010SJ手册说明(以读取数据为例) (1)寄存器读操作时序图 指定地址读操作: 1)CPU 发送开始条件[S] 2)CPU 传输RX-8010SJ 的从地址,用R/W 位设定写模式 3)检测从RX-8010

weixin_42851683的博客 2067

LaTeX公式转Word竟这么简单?Python三行代码实现学术论文格式无忧

本文介绍如何利用Python的latex2word库,仅需三行代码即可将LaTeX数学公式精准转换为Word原生Office Math对象,解决学术写作中LaTeX与Word格式割裂的难题。该方法支持批量处理、格式保真,并能与Markdown、Jupyter Notebook等工具集成,构建自动化写作流程,实现学术论文格式无忧。

qsc90123456的博客 297

WRF后处理:python cartopy绘制土地利用/土地分类图//python绘制WRF下垫面类型(以北极为例)

下垫面类型对于WRF的地表过程十分重要,而在我们研究WRF的地表过程之前,需要对输入的土地利用类型进行一些绘制,以便后续的修改。LU_MODIS21函数定义了绘制的土地类型、标签与对应色标,我们使用时,直接引用LU_MODIS21()即可返回。其实很简单,只要将你拥有的土地类型数据提取出来,将原本函数中的labels和C切片,重新定义色标再绘制即可。在这里,我将以北极地区为例,绘制北极地区的WRF下垫面数据,我使用的MODIS21这类。

weixin_43750300的博客 3861

Windows平台MuJoCo仿真环境配置与Qt集成实战

本文详细介绍了在Windows平台上配置MuJoCo物理仿真环境并与Qt框架集成的完整实战流程。内容涵盖从环境准备、库文件配置、项目创建到核心代码编写的每一步,重点解决了Windows下常见的编译链接错误和路径问题,帮助开发者在Windows系统中高效搭建机器人仿真与可视化控制开发环境。

weixin_29221753的博客 173

保姆级教程:用Zemax 18.9复现单模光纤耦合仿真(附康宁SMF-28e参数)

本文提供了一份详细的Zemax 18.9单模光纤耦合仿真教程,以康宁SMF-28e为例,涵盖从软件设置、材料参数输入到系统构建和优化的全流程。通过光束耦合分析和物理光学传播(POP)技术,帮助用户准确模拟光纤耦合效率,并解决常见问题,适用于光学设计初学者和专业人士。

weixin_27330481的博客 316

【MT7628】固件开发-SDK4320添加MT7612E WiFi驱动操作说明

【MT7628】固件开发-SDK4320添加MT7612E WiFi驱动操作说明

wgl307293845的博客 2081

YOLOv8改进策略【卷积层】| CVPR-2023 部分卷积 PConv 轻量化卷积,降低内存占用

本文记录的是利用优化的目标检测方法研究。深度可分离卷积可以减少FLOPs,但会导致更高的内存访问,引起延迟并减慢整体计算。部分卷积利用逐点卷积处理通道冗余,减少模型计算量和内存访问量。Run, Don’t Walk: Chasing Higher FLOPS for Faster Neural Networks及其改进的实现代码如下: 四、创新模块 4.1 改进点⭐ 模块改进方法:直接加入(第五节讲解添加步骤)。模块加入如下:模块改进方法:基于的(第五节讲解添加步骤)。第二种改进方法是对中的进行改进,并将

Limiiiing的博客 1016

国家自然基金研究方向选定后,关键词只能下拉吗?——不是的,国家自然科学基金(NSFC)的关键词并不是只能下拉选择,而是:[特殊字符] “可选 + 可填”的混合模式(但以规范词为主)

你可以手动输入关键词用于表达新兴方向或细分领域✔ 适用情况:新概念(如“电场调控纳米流体”)交叉领域(如“电流体力学传热耦合”)电场调控电流体力学可以自己填,但必须以系统标准关键词为主,自定义为辅如果你愿意,我可以帮你做一件更关键的事:👉根据你题目,反向设计“最容易中标”的关键词组合 + 学科代码搭配这个比写内容本身还更影响送审质量。你可以手动输入关键词用于表达新兴方向或细分领域✔ 适用情况:新概念(如“电场调控纳米流体”)交叉领域(如“电流体力学传热耦合”)电场调控电流体力学。

qq_15963745的博客 82

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

下一篇: ThingJS本地加载速度提升10倍,复杂场景不愁!
ThingJS_小锘
博客等级 码龄6年 170粉丝 254原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值