美文网首页ThingJS专栏
ThingJS初步学习引导,刚入行的小白白请进

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

作者: 爱吃香菜的憨憨 | 来源:发表于2021-11-17 17:32 被阅读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,欢迎来扰

    相关文章

      网友评论

        本文标题:ThingJS初步学习引导,刚入行的小白白请进

        本文链接:https://www.haomeiwen.com/subject/sunltrtx.html