2020年12月_ThingJS_小锘

原创基于WebGL的虚拟太阳系漫游技术实现 ThingJS 科幻片

#三维可视化##3D开发#虚拟功能需求2. 太阳系运行需求3. 3D模型呈现4. ThingJS技术分析5. 系统实现步骤3D可视化技术逐渐应用到现代多媒体的课堂教学中。虚拟太阳系是一款天文类的3D可视化应用，它借助3D在线浏览，模拟了一个“真实”的太阳系，以太阳为中心，八大行星逆时针围绕太阳公转，还有很多卫星绕转在行星或者小天体周围。ThingJS平台在线提供教学演示链接，在中小学生的地理课堂或网上天文馆作为虚拟课程案例使用。以下是具体需求分析。一、功能需求B/S架构为主，通过浏览器

2020-12-31 18:22:56 1488

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

3D室内场景承载了建筑物基础的环境信息，利用ThingJS平台模拟导航功能，实现物联网远程管理的可视化。在一个室内场景中，相隔的两个房间也可以实现路径导航功能！第三人称视角第一人称视角首先保证房间、门和电梯/楼梯添加相应属性后，就可以利用鼠标点击功能，设置导航起点、导航终点，自动生成导航线。为了满足模拟导航能力，3D建筑需要有特定的搭建规则。详情见文档【ThingJS室内导航场景的搭建规则】>>其中导航点、导航线的对象可以自由设置其样式，包括启动UV动画，设置动画播放速度，更能引

2020-12-26 17:00:48 1292

原创 ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果

物联网3D可视化场景中，经常用到标注元素作为线路标绘、业务区域标绘，比如定位物联网设备或危险源位置，进行安全作业或者路径导航规划，远程解决难题。ThingJS的3D标记“Marker”，往往用于顶牌，有两个主要作用：传入div, image或canvas写文字，展现在3D场景中或绑定在3D物体上；添加一个图片放置到你希望的位置，作为孩子添加到对象身上，随着对象一同移动。注意，标记Marker受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。功能列表更新Ma

2020-12-25 20:34:59 1451

原创 ThingJS官方示例（二）：利用电子标注判断物联网设备的位置

人的一生当中有80%的时间是在室内度过的，个人用户、服务机器人、新型物联网设备等大量的定位需求也发生在室内，然而室内场景受到建筑物的遮挡，室内场景中导航定位比较困难。如果将线下地址信息标注到互联网电子地图、手机电子地图或导航地图中，用户在可视化界面就可以根据顶牌信息判断物体在区域内位置，实现物联网的全景安全管控方式。3D可视化的前端技术可以实现多种多样的标注，在场景内添加不同的标注样式，例如纯文本标注、图片加文字标注、普通图片标注、定位标注、气泡标注，ThingJS把标注类型都封装成js类库，代码示例

2020-12-24 16:53:34 943 1

原创 ThingJS 官方示例（一）：禁区告警的3D电子围栏可视化

电子围栏又称周界防盗报警系统，监控防区工作状态，实景中的电子围栏系统用于农业、畜牧业，以及监狱、军事设施等安全敏感地区，而在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控。3D可视化场景则更加轻量化实现，展示工人的实时位置、电子围栏的范围、现场的安全情况，帮助我们直观了解当前工厂人员的安全状况。ThingJS平台上，电子围栏指的是一个区域，使用PolygonRegion属性。创建物体对象或模型并开启移动功能，即可开始检测目标点是否进入电子围栏区域，判断true或

2020-12-22 19:22:17 1540

原创基于WebGL的仓储粮食温度可视化 ThingJS

#三维可视化##3D开发#Web端粮堆温度可视化什么是B样条曲线ThingJS 3D引擎技术粮堆的温度可视化告警Web端粮堆温度可视化为了控制谷物储藏温度，需要创造一个不利于虫霉生长低温环境的储粮技术环境，然而出于成本考虑以及进出粮的需要，粮堆内的温度传感器设置数量有限，因此在储粮当中测得的温度值只是传感器附近的温度，其他部分则需要利用相应的方法进行数值模拟。如今，计算机可视化技术画出相应的三维立体图像，以便人们得到直观、有效的结果。面对人们对跨平台，Web交互等方面的需求越来越强烈以及

2020-12-22 19:01:53 1195

原创数字领航科技赋能 | 优锘科技与新华三强强联手加速智慧医院可视化进程！ThingJS

以往混乱的医院变得异常有序……医护人员正在通过电脑查看手术室和床位占用情况、病人挂号情况、取药排队情况、费用结算情况、医疗用品情况等，保证了患者就医更加方便和快捷；医院安保人员正在追踪“前科”人员进入医院的行动轨迹，避免黄牛、医闹、惯偷等不良事件的发生；后勤服务人员正在核查食堂的食材来源和食品安全，以及医院楼宇的照明、供电、空调的使用和损坏情况，为医护人员及病患提供全方位的保障……当你还在思索这些情景如何实现的时候，这些数据智能分析报告早已经传送到医院工作者的手里，这就是智慧医院建设落地后精准运营的创新场

2020-12-18 21:39:11 1362 3

原创基于WebGL的在线3D建模与互动脚本开发系统 ThingJS

#三维可视化##3D开发#ThingJS编辑界面布局3D建模与场景搭建方法交互控制脚本开发关键点ThingJS平台基于 Web GL中的3D框架进行3D开发，界面设计采用HTML5，系统脚本采用 JavaScript。完整的平台系统包含七大模块：3D场景搭建、模型操作、模型导入、模型导出、场景渲染、压缩与解压、信息存储与显示。各模块独立又紧密联系，核心的核心主要是3D建模与场景搭建、交互控制开发，ThingJS本着加速3D项目开发的原则，做了间接的封装，拥有自己的平台特色。ThingJS编辑界

2020-12-17 21:50:43 1081

原创基于WebGL无插件虚拟场景漫游关键技术（完整版）ThingJS

#三维可视化##3D开发#WebGL, ThingJS及3DSMAX虚拟场馆漫游技术构建基础组件加载三维模型实现虚拟漫游渲染优化如果要构建一个具有交互性和拓展性的沉浸式漫游场景，常用到3DSMAX、three.js等软件技术，学习门槛较高；ThingJS可视化组件更加轻量化，B/S架构下的3D可视化应用构建更轻松，为不少企业客户降低了项目开发成本。WebGL、ThingJS及3DSMAX技术实现WebGL是一种浏览器支持的3D绘图技术，无需下载插件，有跨平台跨终端的特性。如今广泛

2020-12-16 17:36:09 1998

原创基于WebGL的三维交通监控可视化技术应用（实践版） ThingJS

#三维可视化##3D开发#WebGL， SVG，BIM技术对比ThingJS整合Echarts数据分析隧道监控三维可视化5大场景互联网技术为交通行业的可视化带来了多样性的发展。从传统的二维平面变形图、二维SVG矢量图到如今的SVG三维矢量技术、BIM技术、GIS+BIM技术、 WebGL技术，甚至连AR、VR、MR等虚拟现实技术，也开始应用于交通领域的可视化发展方面。WebGL，SVG, BIM 技术对比SVG 以二维平面的矢量图形为主，也支持三维可视化展示，通常应用在地铁线路、高速公路线

2020-12-14 21:28:05 2001

原创地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

#三维可视化##3D开发#WebGL 3D技术框架-ThingJS三维管线基础数据收集三维管线模型分类创建三维管线可视化系统开发基于ThingJS的通用架构设计随着社会经济的不断发展，城市中的各类地下管线数量不断增加，逐渐构成了结构复杂的地下管网。传统二维平面管线管理系统，对于地下管线应急事件的处置历来是一个痛点。提高应急处置现场的可视性，更直观地反映地下管网的空间分布情况，三维可视化技术能够很好解决这一问题。近年来，地下管线管理系统逐步由传统C/S架构向B/S架构过渡，现阶段的监控管理对

2020-12-11 15:57:20 1585 1

原创基于WebGL实现智慧校园的全景漫游技术研究三维可视化

#三维可视化##3D开发#智慧校园总体设计与规划用户与虚拟场景的互动实现全局场景的漫游模式国内各大高校，近几年纷纷搭建了3D智慧校园，如清华大学智慧校园系统，更是实现了虚拟课堂功能。新华三集团与优锘ThingJS达成技术战略合作，利用ThingJS平台构建3D智慧校园，创建一个足不出户就可以了解校园地理信息与文化背景的虚拟平台。1. 总体设计与规划智慧校园系统的架构设计分为基础层、数据层、服务层、应用层和表示层五个层次。基础平台采用的是服务器，ThingJS平台提供在线发布和离线部署两

2020-12-08 19:45:57 1864

原创基于WebGL的3D可视化告警系统关键技术解析 ThingJS

#三维可视化# #3D开发#WebGL 3D技术新一代3D框架-ThingJS3D可视化告警系统案例基于ThingJS的通用架构设计WebGL 3D技术WebGL是一种在网页浏览器中渲染3D图形的 JavaScript API，无需加装插件，只需编写网页代码即可实现3D图形的展示。WebGL技术相较于传统的Web3D技术有两大优点：第一，通过JavaScript脚本语言实现网络交互式三维动画制作，无需依赖任何浏览器插件；第二，WebGL基于底层的 OpenGL接口实现，具有底层图形硬件(G

2020-12-04 14:18:41 1392

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

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

2020-12-02 19:13:14 1449

原创基于WebGL的3D技术在网页中的运用 ThingJS

Three.js、ThingJS这些引擎库可以加载3D制作软件的模型，大幅度提高了制作效率，改变WebGL开发困难的局面，让Web开发者享受便捷的3D开发服务。三者的开发难度对比如下：ThingJS（框架）< Three.js（引擎）< WebGL（接口）3D绘图标准 - WebGLWebGL是一种3D绘图标准，通过结合Javascript和OpenGL ES 2.0，可以为HTML5的Canvas标签提供硬件3D加速渲染，这样Web开发人员可以借助系统显卡在浏览器里更流畅地展示3D

2020-12-01 17:34:44 1695

ThingJS的博客