ThingJS新推出曲線UV動畫，3D開發基礎給你打好了！

UV動畫是一種常用的渲染技巧，經常用來描述水的流動、霓虹燈的閃爍等，ThingJS在CamBuilder裡進行曲線貼圖設定，對接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新推出曲線UV動畫，3D開發基礎給你打好了！