ThingJS专栏

ThingJS初步学习引导,刚入行的小白白请进

2021-11-17  本文已影响0人  爱吃香菜的憨憨

介绍什么是ThingJS

ThingJS 名称源于物联网 Internet of Things (IoT) 中的 Thing (物),ThingJS 使用 JavaScript 语言进行开发。不仅可以针对单栋或多栋建筑组成的园区场景进行可视化开发,也可以针对地图级别场景进行开发。无论 3D 场景搭建、3D 效果制作、物联网数据接入,还是 3D 可视化的物联网应用开发,ThingJS 致力于将门槛降到最低、开发周期缩到最短、开发成本降到最少

小白入场,相关工具知悉

1、CampusBuilder——园区级搭建工具
CampusBuilder 不仅提供了一个简单易用、功能强大的 3D 搭建工具,同时配合提供了丰富的 3D 模型库,供用户快速搭建 3D 场景,如商场、医院、学校、仓库、公交车站等,从而大大提升了场景搭建效率。此外,搭建好的 3D 场景可以自动同步到 ThingJS 在线开发平台上进行物联网可视化系统开发。CampusBuilder 使 3D 可视化应用开发更简单。
相关细节了解,请戳 CampusBuilder用户手册

2、CityBuilder——地球级搭建工具
可以模拟呈现出地球、城市、园区的 3D 效果,还可以制作出您需要的风格效果,如科幻风,实景风等。只需掌握一些基本操作方法,即可轻松制作出城市级别 3D 场景效果。
相关细节了解,请戳 CityBuilder用户手册

3、CityBuilderPro——CityBuilder 的专业升级版
是面向有进一步功能要求的商用 3D 城市搭建用户的。BuilderPro 在 3D 可视化场景效果制作上大大增强,添加了更多专业摄影和图像处理功能,使地球、城市、和园区级别 3D 地图的渲染效果得到全面提升,功能更强大、更细化、更专业。
相关细节了解,请戳 CityBuilderPro用户手册

ThingJS怎么开始入手学习

1、学习方式一——在线学习
ThingJS官网,在线开发——我的,可以进行在线编码学习,进行在线项目部署

image.png
2、学习方式二——本地开发
在本地创建html文件,引入ThingJS的API文件,即可本地开发
3、学习方式三——本地开发项目工程
在本地搭建Vue或React项目工程,在index.html文件使用script标签引入ThingJS的API文件,即可本地开发

4、新手入门,看到这么多可视化的Demo示例,可是怎么下手呢?
不要着急,ThingJS项目开发老手告诉你怎么学,按照我提供的学习思路,进行进阶学习,一周搞定ThingJS,独立开发一个可视化应用绝对没问题

ThingJS初级学习
1、场景加载
2、场景结构
3、查询语句
4、创建对象
5、控制对象
6、物体效果
7、场景效果
8、粒子效果

ThingJS中级学习
1、层级切换
2、事件
3、摄影机
4、界面定牌
5、点线面
6、自定义类
7、拾取&选择
8、控件

ThingJS高级学习
1、三维系统与用户系统的集成
2、物理世界与虚拟场景的数据对接
3、快速应用
又要敲重点!!!在线开发的工具栏的小功能,一定要熟悉,辅助学习ThingJS事半功倍
相关学习资料
1、ThingJSAPI手册(这个手册,一定要一边敲代码练习,一边查阅,多看几遍就记住了,很语义化):https://docs.thingjs.com/cn/apidocs/THING.html
2、初级入门教程(这个一定要看,对入门有帮助):https://www.thingjs.com/guide/cn/tutorial_Introduce/index.html

image.png
如若需要交流学习,可以戳我主页vx,欢迎来扰
上一篇下一篇

猜你喜欢

热点阅读