明天的分享主题叫做“挪动”，大家都很好奇，JavaScript是如何在网页端实现物体顺滑地挪动，尤其是各种想不到的摄像机追随物体挪动形式，ThingJS官网示例仅仅是沧海一粟。欢送一起探讨。
在理解摄像机追随物体挪动之前，咱们须要先理解摄像机，摄像机作为ThingJS中非常重要的一个对象，须要咱们认真理解和学习。
摄像机蕴含两个重要的地位参数：镜头地位 position 和被拍摄物体的地位 target (又叫指标点)。（具体能够看看
https://www.thingjs.com/guide...）
形象点来说，镜头就像是手机的相机，摄像头的定位决定了拍摄的角度，而被拍摄物体的地位更好了解了，物体能够是静止不动的，也能够是挪动的，所以ThingJS新推出摄像机追随物体挪动的新性能，如何一步步实现呢？
在追随物体挪动之前，咱们须要理解物体在程序语言里挪动形式，例如位移(move to)或让物体沿着不同的门路挪动(move path)等，门路有方形门路、圆形门路，网页端通过点击按钮进行切换。
镜头追随物体挪动
ThingJS中世界坐标系应用position属性，设想一下，追随物体挪动（move path）的时候，摄像头须要一个适合的拍摄地位，比方正前方或后上方，那么扭转这个坐标的position值就能够了。ThingJS默认position [0, 5, -10] 代表 摄像机地位为“挪动小车后上方”，意味着向后挪动到10m处，且向上挪动5m，造成仰视定位，这就是世界坐标系下摄影机地位的计算形式。
追随物体挪动用到的path，次要是为物体设计一条有弧度的挪动门路，由世界坐标系下的坐标点组成。所以，须要获取一个坐标点形成的数组，通过每一帧更新摄像机的地位实现沿着门路挪动，最初应用stop moving接口来终止挪动。
var app = new THING.App({ url: 'https://www.thingjs.com/static/models/simplebuilding'});// 加载场景后执行app.on('load', function () { // 通过 name 查问到场景中的车 var car = app.query('car01')[0]; // 世界坐标系下坐标点形成的数组 对于坐标的获取 可利用「工具」——>「拾取场景坐标」 // 拐角处多取一个点，用于转向插值计算时更平滑 var path = [[0, 0, 0], [2, 0, 0], [20, 0, 0], [20, 0, 2], [20, 0, 10], [18, 0, 10], [0, 0, 10], [0, 0, 8], [0, 0, 0]]; car.position = path[0]; car.movePath({ path: path, orientToPath: true, loopType: THING.LoopType.Repeat, time: 10 * 1000 }) new THING.widget.Button('摄像机追随物体', function () { // 每一帧设置摄像机地位 和 指标点 car.on('update', function () { // 摄像机地位为 挪动小车后上方 // 为了便于计算 这里用了坐标转换 将绝对于小车的地位 转换为 世界坐标 app.camera.position = car.selfToWorld([0, 5, -10]); // 摄像机指标点为 挪动小车的坐标 app.camera.target = car.position }, '自定义摄影机追随'); }); new THING.widget.Button('进行', function () { car.off('update', null, '自定义摄影机追随'); });});ThingJS实现物体挪动性能用到position和pash两个属性，采纳不同的使用办法来实现地位计算，能够尝试看看。