关于javascript:ThingJS技术实现UV动画场景开发组件唾手可得

模型顶点对应的 UV 对应纹理像素一直随工夫变动。然而无奈达到让物体“变形”的成果，只能是模仿反复的背景。ThingJS 技术实现 UV 动画，场景开发组件唾手可得！
UV 是什么？通过扭转纹理坐标，实现动态效果的纹理动画。在 3D 场景中，一些动静水面、流动的岩浆、跳动的火焰等等，都是通过操作 UV 做的动画。在 CampusBuilder 能够依据性能项的曲线属性设置动画成果，批改流动速度、线宽大小、贴图位移、贴图反复等款式。
下载 CamBuilder 编辑器，收费注册账号，在右侧菜单栏找到“性能”一项。

在 CampusBuilder 中，抉择性能项下的曲线，手动增加一条曲线，线宽和锚点能够手动设置，一个锚点可生成一个新的片段。

抉择一张贴图，刷到曲线中，生成背景画面。

点击曲线属性，抉择开启流动动画，利用流动速度的正负设置正反方向，数字越大代表速度越快。CamBuilder 能够无缝对接 ThingJS 在线平台，开启曲线 UV 动画示例代码如下：

var app = new THING.App({ 
    // 场景地址
    "url": "https://www.thingjs.com/static/models/guan"
});

app.on('load', function () {app.query('.RouteLine')[0].scrollUV = true;
    app.query('.RouteLine')[0].scrollSpeed = -100;
})

什么是锚点呢？片断是由锚点组成的，只有批改锚点能力扭转片断状态。留神锚点一旦被删除，片段也会同时隐没。在 CamBuilder 内，点击左键能够设置新锚点，可能因操作起因产生重叠锚点景象，尽管不影响流动动画，然而会不足晦涩度，如上图示。

ThingJS 有最受前端工程师欢送的 3D 场景开发组件！