技术解析

基于 WebGL 架构的 3D 可视化平台—实现汽车行走路线演示
0
2021-09-03 09:52:18
idczone

小车行走路线演示 New VS Old

刚接触ThingJS的时候,写的一个小车开进小区的演示,今天又看了教程中有 movePath 这个方法就重新写了一遍,其中也遇到了一些问题,尤其突出的问题就是小车过弯的尴尬表现。

先给大家看看 Old 版本,Old 版演示地址。
在这里插入图片描述


再看看 New 版本,AE86 过弯不再笨拙顺畅无比,New 版演示地址。
在这里插入图片描述

第二张效果图上可以看到由点连起来的路线,我的 AE86 也是严格按照路线行进的,相比于 Old 版本过弯的时候舒畅多了。Old 版本是用 setTimout(),rotateY(),moveTo()方法设置了几个点跑出来的。New 版本放弃了这种办法,这种过弯实在让人看着不舒服,也不符合现实世界(排除醉酒驾驶司机)。下面就说一下 New 版本。

第一步,进入 ThingJS 在线开发,将场景地址替换成我们今天要用的,也可以自己去搭一个场景,campusBuilder 下载地址。

/**
 * 说明:创建 App,url 为场景地址(可选)
 */
var app = new THING.App({
	//场景地址
    url: 'http://www.thingjs.com/./uploads/wechat/oLX7p05lsWJZUIxnIWsNXAzJ40X8/scene/2018-10-30-17-20-23'     
});

很棒啊,这种交互会不会成为趋势呢


公司主要做物联网行业的可视化管理,感觉 5G 商用会是个机会吧

数据地带为您的网站提供全球顶级IDC资源