ThingJS PaaS平台

ThingJS概述

ThingJS是优锘科技开发的一套面向物联网应用的在线3D可视化应用开发及运营PaaS平台，以“ThingJS云视PaaS服务”形式面向广大物联网企业提供全生命周期在线3D可视化服务。

ThingJS的目标是帮助物联网解决方案提供商或物联网开发团队快速开发3D可视化的物联网应用。无论3D场景搭建、3D应用开发、物联网数据接入还是3D可视化的物联网应用访问，ThingJS都致力于将其开发门槛降低、开发周期缩短、开发成本减小。

“人人都能用3D”是ThingJS的使命。

ThingJS基于WebGL协议，使用JavaScript开发语言，兼容各种浏览器及移动设备，一次开发即可实现多终端的快速访问。

ThingJS基本架构图

ThingJS平台包括可视能力层和功能应用层。

可视能力层由ThingJS云视PaaS服务、ThingJS开发平台和ThingJS配套组件组成。ThingJS云视PaaS服务提供便捷的应用部署，ThingJS开发平台和配套组件让3D开发变得简单高效，让3D可视化交互能力在多种物联网场景中得以应用。

功能应用层是指ThingJS应用开发者在ThingJS可视能力层基础上，完成3D场景构建、3D可视化功能开发，形成的各类实际物联网3D可视化应用所在的层。功能应用层的3D可视化应用既可通过ThingJS云平台以SaaS模式托管运行，也可按传统软件离线部署，充分满足了用户不同的部署需要。

ThingJS和传统3D开发的区别

ThingJS和传统3D开发的区别

ThingJS平台的推出，解决了传统3D开发人员投入大、开发效率低、场景制作周期长、模型无法复用、系统部署复杂的问题。

ThingJS平台特点

强大3D引擎

ThingJS平台的3D引擎核心是由优锘科技的核心3D研发团队依托多年3D基础算法研究和积累，通过潜心研发，完成底层H5 3D运行基础库架构，并经持续优化、封装、测试逐步完善而成。

ThingJS经过各种规模商用3D可视化项目的二次开发考验和完善，形成了一个简便、快捷、强大的面向物联网应用的3D可视化应用运行和开发平台。

ThingJS是纯H5的WebGL架构，ThingJS构建的3D可视化应用不仅可在PC端各类网页浏览器上运行，也支持手机等移动端直接访问。并且随着ThingJS持续优化和移动端硬件性能不断提升，移动端访问3D应用的效果正在越来越好。目前ThingJS已支持微信、手机浏览器扫码直接访问ThingJS 3D应用场景。

ThingJS框架简图

快速模型搭建

ThingJS平台提供面向普通用户（而非3D设计师）的快速3D场景搭建工具ThingBuilder，可让用户在无需专业3D设计师情况下低成本完成3D场景搭建。

ThingBuilder工具包括面向园区级别的搭建工具CampusBuilder，还包括面向城市级场景的CityBuilder。

使用ThingJS平台的CampusBuilder 3D场景快速搭建工具（原“模模搭”工具），在搭建工具便捷的搭建方式、海量的3D模型（ModelDepot模型库）资源的辅助下，普通人员（非3D设计师）可快速搭建3D场景。原来专业模型师需要一周制作的场景，现在普通人1天就可以完成搭建。

而ThingJS平台的城市级场景搭建工具CityBuilder则直接支持GIS数据引用和上传，利用内置算法，可将原本2D GIS数据一键生成3D城市。并可直接套用内置多套酷炫3D城市展示模板快速生成科技感、前卫的3D城市，从而为智慧城市类应用提供了3D城市构建方法。

ThingJS平台快速3D场景搭建工具

高效应用开发

ThingJS平台通过潜心研发和封装，将复杂难懂的3D底层能力（例如：处理点线面顶点、3D坐标系转换、贴图、灯光效果等）变成简单易懂的JS脚本函数和参数设置，让开发者直接使用逻辑概念（例如，园区，建筑，楼层，设备）进行开发，大大提高了3D应用的开发效率。

开发者可登录https://www.thingjs.com网站直接开始在线开发：

ThingJS在线开发环境

ThingJS网站不仅提供完善的在线文档，而且针对物联网应用开发，在线提供了众多3D功能应用例程以及完整demo案例。

ThingJS网站还提供了各类简化开发者开发工作的功能，比如：快捷代码菜单能自动生成基础代码、快捷UI生成、内置表单制作工具等：

ThingJS在线开发环境右键基础代码生成

直接多端访问

ThingJS平台采用浏览器原生的WebGL协议方式实现3D能力封装。ThingJS 3D应用场景不仅兼容Chrome、Edge、Firefox、IE11等浏览器，也可在手机、PAD等移动端打开，甚至微信扫码也可以直接访问。

ThingJS网站在线demo

微信扫码打开3D场景效果：

微信打开ThingJS网站3D场景效果

在线开发部署

ThingJS平台推荐将在线开发调试完成的3D可视化应用直接使用在线SaaS方式部署，省去用户本地安装调试等环节，降低成本，提升交付效率。

在ThingJS网站编码保存后，可新建分享链接，该链接可以供用户PC端和手机访问，同时还可以iframe引用到用户自己的项目中。

ThingJS也支持将开发完成的ThingJS 3D可视化应用离线部署。离线部署包将包含整个项目完整资源，可在完全隔绝外网环境中独立运行，也可和用户自有业务系统集成运行。

ThingJS在线开发后可直接在线部署和发布访问链接

案例举例

ThingJS平台用户在平台上开发了大量应用，部分应用已经落地成为商业项目。下图为部分案例集合。

ThingJS平台客户项目-城市道路管理

ThingJS平台客户项目-智慧建筑运维系统

ThingJS平台客户项目-工地管理系统

ThingJS平台客户项目-河道管理系统

ThingJS特色组件

作为组成ThingJS云视PaaS服务的重要组成部分，除了核心ThingJS开发平台，ThingJS还在线提供了整套组件集合以覆盖全生命周期的物联网3D可视化应用开发。

API

ThingJS API具有简洁的Javascript 接口，强大实用的功能，丰富的渲染效果，支撑园区级的运行性能，配合在线开发、扫码发布等周边工具，以低学习成本、高开发效率，做出属于自己的物联网可视化应用。

强大的功能：API以简洁的接口，提供了场景的加载与展示、物联网设备的创建与特效；创建信息点、线路、管线、区域、热图、粒子、动画等丰富功能；灵活的摄影机控制、第一人称行走、寻路导航和视点线路工具；可扩展的界面、头顶信息牌、内嵌视频监控等丰富的信息展示方式。

性能的优秀：API对3D场景采取了多种优化方案，让渲染的性能可支撑多建筑的园区级应用；多级分层展示可以让视角从地球到城市、园区、建筑、楼层、房间、到物联网设备，提供全层次的访问。

效果的丰富：API提供了多种后期处理效果，让场景有了丰富的细节变化，也可以在性能和质量上方便调整；在“写实风格”和“科幻风格”的效果上进行切换；并使用天空、时间、天气的调整能力，使场景效果更加丰富。

ThingJS效果展示图

ModelDepot

ModelDepot为ThingJS开发者提供了丰富的3D模型资源，目前已经积累了数十个行业的1万多种模型。

ModelDepot中的模型还在持续增加中，并已提供用户自行上传自有模型的能力。

用户可在ThingJS平台的搭建场景（CampusBuilder/CityBuilder工具）、应用开发等环节，随时调用需要的3D模型。

ModelDepot模型列表

如果在模型库中没有找到模型，平台还提供建模服务。

ModelDepot建模服务

CampusBuilder

CampusBuilder是ThingJS平台提供的园区级场景搭建工具。CampusBuilder既可在联网状态下使用（自动同步PaaS平台资源），也可在完全离线情况下独立使用。

CampusBuilder是面向普通人设计的3D搭建工具，非常简单易用，普通人5分钟即可上手搭建。主体上，CampusBuilder是通过拖拽系统自带模型库（与ModelDepot同步）中的模型方式完成搭建的。用户可通过简单拖放，像搭积木一样快速搭建一个园区、放置建筑、画楼层的室内结构、划分房间、在房间内摆放设备模型等，非常快捷地完成一般3D场景搭建。

CampusBuilder主界面

CampusBuilder搭建界面

CityBuilder

作为ThingJS平台的3D城市搭建工具，CityBuilder提供“一键城市”功能，支持用户快速生成风格各异的3D城市地图，并可进一步到ThingJS在线开发平台进行业务定制化开发与离线部署。

CityBuilder是一款聚焦城市的3D城市地图在线搭建工具，以“所见即所得”的交互方式配置3D建筑、动效路网、热力图等多种生动效果，简易快速摆放园区场景，实现从城市到园区、建筑、楼层、设备的无缝衔接，为物联网、智慧城市等业务应用提供强大的平台支撑。

CityBuilder城区级展示

CityBuilder城区效果编辑

CityBuilder地图中放置实景模型