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地图中放置实景模型

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券