学会使用ThingJS平台上传资源
小编有话说
作为物联网可视化平台,ThingJS有着许多优秀的地方,初学者该如何快速利用ThingJS开发物联网可视化项目?到处找视频教程?求助各方大佬?不不不,只需学会ThingJS 的官方示例,即可着手开发物联网项目!
通过ThingJS之模模搭CamBuilder或者cityBuilder工具应用搭建场景(进入ThingJS官方网站下载),同步至在线开发平台进行3D开发,左侧有一系列JS示例代码,让开发人员即学即用。现在,跟随我来了解ThingJS如何引用资源,开启你的3D开发之旅!
学会使用ThingJS上传资源
在制作项目过程中,往往需要引用许多资源,诸如图片、js、css或者自己制作/购买的特殊模型,那么如何将这些资源上传到ThingJS中呢?
- 上传文件夹
- 上传文件
- 上传模型
- 图片资源
- CSS、JS资源
(1)ThingJS上传文件夹
ThingJS上传的文件夹是直接上传到对应项目中去的,上传完后,该项目需要刷新一下才看得到新的文件夹。
(2)ThingJS上传文件
ThingJS上传文件也可以通过上传文件夹的方式,只不过需要我们在上传时选择上传文件,同时还有另一种方式上传文件:打开我们要上传文件的项目,点击下载icon,弹出上传提示框,有【新建文件】和【上传文件】这两个选项,我们选择上传文件即可开始上传我们的文件。
(3)ThingJS上传模型
ThingJS将园区搭建和三维场景开发分开,所以我们能够专注于开发项目,那么我们是如何去上传我们的模型呢?
ThingJS园区搭建工具模模搭用来搭建园区场景,主要是搭建室内结构,那么特殊的模型如何上传到ThingJS的园区搭建工具呢?两种方式,但是ThingJS推荐使用3dsmax上传插件将模型上传至CampusBuiler园区搭建工具,不推荐的则是使用CampusBuiler中的obj模型上传功能,其中如何使用3dsmax上传插件将模型上传至CampusBuiler的文档在【ThingJS资源中心-下载】页面,相应插件下载地址也在此处。
(4)ThingJS使用图片资源
ThingJS是如何使用图片、css、js的?右键上传的资源,选择引用路径,会出现一个url链接,这个链接就是使用图片的地址,使用该图片时,选择此地址即可。
(5)ThingJS使用css、js资源
ThingJS使用css、js需要按照官方示例引用css、js的方式来使用,同样是引用路径,详细如下:
/**
* 说明:引用 js、css 资源
* 默认js脚本和css样式会带上时间戳,且按urls数组中的顺序加载
* 更多关于 引用 js 和 css 资源的相关内容请参考教程
* twitter-bootstrap, moment均为外部资源,因网络原因拷贝到了thingjs网站目录
* 教程:ThingJS教程——>在线开发——>引用js和css
* 难度:★★☆☆☆
*/
THING.Utils.dynamicLoad(['/static/vendor/twitter-bootstrap/3.3.7/css/bootstrap.min.css','/static/vendor/twitter-bootstrap/3.3.7/js/bootstrap.min.js','/static/vendor/moment/moment.js'],
function () {// 创建Appvar app = new THING.App({url: 'https://www.thingjs.com/static/models/storehouse'});// 加载场景后执行app.on('load', function (ev) {var btn = createButton();btn.on('click', function () {// 使用 moment 库获取当前时间var now = moment().format('YYYY-MM-DD HH:mm:ss');console.log(now);})});
})function createButton() {// 使用 bootstrap 样式var template =`<button class="btn btn-default" type="button" style="position:absolute;left:20px;top:20px;z-index:2">当前时间</button>`;var btn = $('#div2d').append($(template));return btn;
}
学会使用ThingJS平台上传资源相关推荐
- stm32f103c8t6+ESP8266利用onenet平台上传数据到云平台,再利用云平台远程下发命令给单片机控制LED灯亮灭
stm32f103c8t6+ESP8266利用onenet平台上传数据到云平台,再利用云平台远程下发命令给单片机控制LED灯亮灭 接触stm32已经有一年半的时间了,从最开始的stm32F103ZET ...
- dy创作者平台上传并发布视频
声明 本文以教学为基准.本文提供的可操作性不得用于任何商业用途和违法违规场景. 本人对任何原因在使用本人中提供的代码和策略时可能对用户自己或他人造成的任何形式的损失和伤害不承担责任. 如有侵权,请联系 ...
- Eclipse和Tomcat绑定并且将上传资源到Tomcat上
步骤如下: 创建一个Dynamic Web Project(图一) Target runtime 选择Apache Tomcat v7.0版本(图二) 切记要选择 v7.0 和2.5 (若没有图二选项 ...
- CSDN上传资源时一直提示 请填写资源tag
CSDN上传资源时一直提示 请填写资源tag 填写完后按一下回车键 ENTER即可
- 一步教会你如何上传资源到云服务器
我使用的是Ucloud,没有账号请先去注册 下面是封装好的方法 @Data public class FileDtos {private Integer success;private String ...
- 获取自己所上传资源的下载量
import requestsurl = 'https://download-console-api.csdn.net/v1/user/sources/getUploadListByUserName? ...
- 你今天Git了吗?上传资源上Github最新教程!
在搜寻资料学习如何将程序资源上传到github的时候,发现许多资料可能有的过时了,有的对出现的问题也没有很好的解释. 本文章是在结合多位博主的资料.github官方建议以及个人经历整合的最新githu ...
- 纪念一下| 上传资源的创作者等级升级到Lv3
写在开头:终于凑够上传的资源量成功升级到Lv3 !!! 要想升级到Lv4,原力值需要达到Lv5,还不知道何年何月去了.唯一的好消息是"综合贡献"这个指标我又不知咋地达成了!!! 未 ...
- CSDN上传资源提示:资源上传中断
问题如下: 资源上传中断,点击下方按钮继续上传该资源,但是一直上传不了 解决办法: 使用另一个接口: 上传资源 https://download.csdn.net/upload 结果:
- QT实现CSDN上传资源管理助手Demo之(3)请求上传资源页面并解析
欢迎关注公众号可以查看更多完整文章 QT实现CSDN上传资源管理助手Demo之(3)请求上传资源页面并解析 请求自己上传的资源页面,只需要请求http://download.csdn.net/my/u ...
最新文章
- POJ 1860	Currency Exchange
- Vue精简版风格指南
- Qt安装—图文并茂搭建VS2008+QT开发环境
- 中石油训练赛 - Equidistant(bfs)
- .NET Core + Consul 服务注册与发现
- 数据结构之图:有向图的拓扑排序,Python代码实现——26
- SkyEye实现工业安全关键领域基础软件国产替代
- 在Ubuntu 13.10 下安装支持SSL的Apache
- 【100题】第三十二 数组、规划
- Python服务器管理模块psutil学习使用
- pic16f616单片机C语言编程,PIC16F616型单片机介绍
- 将WinPE安装至硬盘
- 司空见惯 - 英雄扫雷鼠
- 折叠屏能否治愈年轻人的“换机焦虑”
- WIN7共享WIFI
- 清理docker产生的垃圾文件
- 关于动物识别论文的阅读笔记——青鳉鱼的个体识别和“面部反转效应”
- ACM到底该不该坚持??
- 监控平台设计之GraphitePrometheus存储
- GIS地理信息科学专业有哪些高校可以选择?