关于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场景开发组件！