低代码中AxisTransformControl物体控制轴的用法示例

物体控制轴AxisTransformControl的API地址：https://support.thingjs.com/book/thingjs-api10/62b3c7203616ef90f0e033aa#AxisTransformControl%20%E7%89%A9%E4%BD%93%E6%8E%A7%E5%88%B6%E8%BD%B4

参考官方示例（可添加到控件和删除删除当前控件）：物体-->设置物体效果--> 开启编辑

示例：

1. var app = new THING.App({
   
2.     url: 'https://www.thingjs.com/static/models/storehouse',
   
3.     skyBox: 'Night'
   
4. });
   
5. 
   
6. app.on('load', function (ev) {
   
7.     // 场景加载完成后 进入园区层级 开启默认的层级控制
   
8.     app.level.change(ev.campus);
   
9. 
   
10.     var car01 = app.query('car01')[0]
    
11. 
    
12.     // 通过控制模型上的控制轴的x y z轴在场景中对模型进行移动（translate）、旋转（rotate）、缩放（scale）
    
13. 
    
14.     //例子1：通过控制模型上的控制轴的x y z轴对模型进行移动（translate）
    
15.     new THING.AxisTransformControl(car01, 'translate')  //写法1
    
16.     // new THING.AxisTransformControl(car01, 'translate', changeStart(), change(), changeEnd()) // //写法2
    
17. 
    
18.     //例子2：通过控制模型上的控制轴的x y z轴对模型进行移动（rotate）
    
19.     //new THING.AxisTransformControl(car01, 'rotate')  //写法1
    
20.     // new THING.AxisTransformControl(car01, 'rotate', changeStart(), change(), changeEnd()) // //写法2
    
21. 
    
22.     //例子3：通过控制模型上的控制轴的x y z轴对模型进行移动（scale）
    
23.     // new THING.AxisTransformControl(car01, 'scale')  //写法1
    
24.     //new THING.AxisTransformControl(car01, 'scale', changeStart(), change(), changeEnd()) // //写法2
    
25. 
    
26. 
    
27. });
    
28. function changeStart() {
    
29.     console.log("changeStart")
    
30. }
    
31. 
    
32. function change() {
    
33.     console.log("change")
    
34. }
    
35. 
    
36. function changeEnd() {
    
37.     console.log("changeEnd")
    
38. }

复制代码

例子1示例图：


例子2示例图：


例子3示例图：