2020年07月_ThingJS_小锘

原创 ThingJS：次时代3D城市大屏，2款工具3分钟搭建完成！

次时代3D数据大屏最近特别火？通过ThingJS CityBuilder+DataV在线工具，学会快速制作可视化大屏。还在制作上图这种千篇一律的数据大屏？OUT啦！酷炫的3D次世代数据大屏帮你一秒俘获甲方爸爸的芳心！本图片来自ThingJS用户云南唯恒基业科技有限公司今天就来教大家三维数据大屏！为了方便演示，我们来制作一个简单的三维城市与传统二维图表相结合的大屏，相信大家学习之后都能做出酷炫的三维大屏！先来看看结果：所需工具• ThingJS平台：面向互联网的3D可视化开发平台• C

2020-07-31 15:36:58 873 1

原创成功没有捷径？ThingJS缩短3D开发路径

都说成功没有捷径，但是，如果有更高效的方法来解决问题，达成目标的路径就会变短！ThingJS为IoT运营领域提供了一个新方向。我们是谁？优锘科技总部位于北京，在深圳、上海、长沙等一二线城市设立了研发基地和分支机构，业务覆盖全国每一个省区，并且在海外市场构建合作代理服务体系，在IT和IoT运营领域逐步成长为知名专业厂商，专注在数字孪生可视化管理方向。如今，优锘科技有千家头部客户，分布在金融、政企、能源等多个关键行业，钻研业务已有八年时间，经营业绩持续增长，得到了客户认可。ThingJS物联网可视化PAA

2020-07-31 11:34:31 590

原创喜迎B+轮融资，ThingJS母公司优锘科技成为新基建的一匹黑马

优锘科技在7月份喜迎B+轮上亿融资，选择的是数字孪生赛道，其中的物联网3D可视化平台ThingJS成为VC眼中的一匹黑马，也是优锘脱颖而出的底气。优锘科技原先是做IT的3D数据中心可视化，这个产品一直做了很多年，积累了不少大客户的口碑，之后开始涉及2D架构可视化、IoT的可视化PaaS平台和到如今的数字孪生可视化运营平台，产品从一个切入点到一个体系，由点到面、由浅入深去发展，建立起符合新基建时代的数字孪生产品体系，并成为其中的佼佼者。**产品是肉眼可见地变多了、变厚了，但是我们初心不变，我们只是做的更

2020-07-30 20:53:58 748

原创 ThingJS官方示例：7天学会管线3D可视化开发

对于城市来说，地下管线及其附属设施，是保障城市运行的重要基础设施和生命线，如今想要提升地下管线建设管理水平，3D可视化的需求应运而生。如何使用thingjs迅速生成管线可视化demo，我来为你解答。在物联网中，对于管线的检测始终存在难度，如何用可视化的方式来解决这个管线监管问题呢？不论是城市管线还是社区，商场、大厦里的管线，想要实时检测到管线的状态都是比较困难的。我们又该如何通过现如今的技术来实现管线的可视化管理呢？智慧电力可视化系统构建发电、输电、变电、配电、用电、调度、通信信息各个环节逐级可视。具

2020-07-29 20:22:43 1427

原创摄像机飞行视角是点睛之笔！ThingJS助力3D可视化管理

如何给三维场景安装一双眼睛，让它带着我们不断探索更多场景，实现可视化管理？一个场景的动画，在初始界面都会有一个默认视角，这就是摄像机的原始视角，我们可以控制它的角度——飞到正前方、顶部俯视、飞到物体左侧、飞到物体后上方、飞到物体右上角……从不同的角度来近距离接触3D场景，除此之外，ThingJS还实现了动态切换的操作。这么多角度该实现起来有多复杂？如何在一张平面上随时切换摄影机飞行的角度？一切都无需担心，我们有官方示例和动画demo，分分钟实现你想要的效果。切换场景层级一般来说，读取的场景路径都和

2020-07-28 19:11:20 380

原创 ThingJS 3D场景切换，如何轻松实现

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

2020-07-27 15:40:55 1257

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

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

2020-07-24 14:03:32 1690

原创安全管理可视化：ThingJS 3D人员定位技术如何实现？

现在我们开始利用室内室外结合的定位技术，了解危险作业区域内工作人员的动态和活动轨迹，传输过来的实时数据可以进行跟踪分析和精准定位，如今展示界面2D平面开始逐渐由3D取代，安全管理可视化更加立体了，具体是如何实现的呢？这个和传统的人员位置展现有什么不同呢？通过ThingJS可以将人员的定位信息在3D场景中对应起来，进行描点，画线，并创建相关人物的模型，根据实时数据驱动人物行走，并且支持楼层内外的相结合，使我们能更加直观的了解人物所处位置及行走路线。人物户外行走方案：根据最新请求的位置数据与上一次请求所得

2020-07-23 10:38:45 1612

原创 ThingJS 和Threejs在3D开发框架性能上，谁更优秀？

开头：1、 WebGL是一个3D画图标准协议，在浏览器上生成，对开发处理能力要求高，所以只懂JavaScript语言是不够的。WebGL网页组成成分：HTML5、JavaScript和GLSL ES(着色器语言 OpenGL ES)，信息量很庞大，对于小型商业项目难免投入太大，尤其是非开发人员，是很难理解的。所以，基于WebGL底层技术的3D开发工具应运而生。封装是一种艺术，把晦涩难懂的图形学理论都抽象化了，只需要搬运即可。ThingJS不仅仅在技术上简化了开发方法，通过官方示例来以引导JS开发人

2020-07-22 19:59:54 6526 3

原创 ThingJS：如何一键生成3D城市地图

ThingJS除了PASS能力，还提供了CampusBuilder/CityBuilder等SAAS平台，用来实现3D地图的交互配置，属于ThingJS可视化搭建组件之一。而且，CityBuilder还支持JS代码编辑，无代码进行创作，让3D地图开发成为设计人员也能够上手、和开发人员良好协作的一款产品。ThingJS提供了一个城市场景的搭建工具CityBuilder，可以自动搭建3D城市地图，不需要我们另外去使用3Ds max等工具来制作模型，否则的话项目开发复杂度会高很多。一个好消息就是，ThingJS

2020-07-21 16:12:09 5087

原创 3D商业项目难，ThingJS PAAS 降低开发门槛

有没有一个开发软件，不仅直接注册、看到代码运行结果，还提供相当丰富的官方示例，以很简单的授权服务，帮助用户搭建场景、开发3D功能并对接到物联网设备之后，再进行在线或离线部署工作，如果基于这整套工作流，开发3D商业项目可就简单轻松多了！为了满足不同的项目场景需求，往往会使用不同的技术和相应的框架去开发，与金融相关的则会有一套或者是多套自主研发的框架以供内部人员使用。与平台系统相关的，大多也会有许多封装好的接口以供使用，这些相比于还需要从头开始写的那些项目，ThingJS不但在技术上进行了简化，更是在时间上进

2020-07-20 19:18:33 315

原创 ThingJS，像孩子搭乐高一样去开发3D商业项目！

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

2020-07-17 11:21:44 1162

原创进入ThingJS 3D场景，有两种简单的查询方法

在ThingJS中，任何模型都可以拉近或进入，切换不同的场景，进行微观学习，呈现出2D平面完全不同的效果。ThingJS平台主要用到兄弟属性、类身上分类属性和query查询，通过查询这个物体然后结合ThingJS中的层级切换功能，进入到场景中去。ThingJS查询物体的两种方法ThingJS中获取对象有两种方式，这里的对象大到一个场景，小到一个元素，都可以利用双击事件来查询到，一种是通过父子树去找到要控制的对象，另一种则是使用Query方法直接去查询我们要寻找的对象。1.使用parent，child

2020-07-16 11:24:51 1103

原创 ThingJS 3D场景层级切换，体验不一样的动感！

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

2020-07-15 10:27:39 1625

原创学会使用ThingJS平台上传资源

小编有话说作为物联网可视化平台，ThingJS有着许多优秀的地方，初学者该如何快速利用ThingJS开发物联网可视化项目？到处找视频教程？求助各方大佬？不不不，只需学会ThingJS 的官方示例，即可着手开发物联网项目！通过ThingJS之模模搭CamBuilder或者cityBuilder工具应用搭建场景（进入ThingJS官方网站下载），同步至在线开发平台进行3D开发，左侧有一系列JS示例代码，让开发人员即学即用。现在，跟随我来了解ThingJS如何引用资源，开启你的3D开发之旅！学会使用Thin

2020-07-14 10:03:40 2226 1

原创 ThingJS本地加载速度提升10倍，复杂场景不愁！

大型3D场景结构复杂，对精度要求很高，大量数据带来了甜蜜的烦恼。为了降低数据传输压力，ThingJS开发了浏览器常规临时缓存持久化技术，复杂场景加载不再愁！这是一个基于浏览器的本地缓存功能，由ThingJS平台提供的thing.cached.min.js库封装提供，按照JS脚本提供的代码执行加载本地3D场景。以下是详细的操作步骤，欢迎体验！引用thing.cached.min.js文件封装库第一次加载场景，先把文件后缀为’glb’, ‘gltf’, ‘bin’, ‘json’, ‘jpg’, 'p

2020-07-13 14:47:23 2156 2

原创 ThingJS 3D开发如何实现进出层级？超简单！

作为开发真的不容易，要不就偷懒一下吧~偷懒也有好处，利用轻量化工具能节省很多时间，让你做出傲人的商业3D可视化项目效果！好的开始是成功的一半。只要你拥有了JavaScript基础，同时也了解如何使用上传后的资源，我们就可以开始通过ThingJS在线开发平台制作我们的第一个“HelloWorld”项目了。不了解如何操作的，可以点击学习如何上传js/css/图片等资源到ThingJS。ThingJS项目初制作在ThingJS开发中，最重要的就是我们的APP对象了，有关ThingJS App对象介绍，大家

2020-07-10 15:16:22 1448 1

ThingJS的博客