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

回复

本帖最后由 18979425409 于 2023-7-28 16:05 编辑

物体控制轴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

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

示例：

var app = new THING.App({
url: 'https://www.thingjs.com/static/models/storehouse',
skyBox: 'Night'
});
app.on('load', function (ev) {
// 场景加载完成后进入园区层级开启默认的层级控制
app.level.change(ev.campus);
var car01 = app.query('car01')[0]
// 通过控制模型上的控制轴的x y z轴在场景中对模型进行移动（translate）、旋转（rotate）、缩放（scale）
//例子1：通过控制模型上的控制轴的x y z轴对模型进行移动（translate）
new THING.AxisTransformControl(car01, 'translate') //写法1
// new THING.AxisTransformControl(car01, 'translate', changeStart(), change(), changeEnd()) // //写法2
//例子2：通过控制模型上的控制轴的x y z轴对模型进行移动（rotate）
//new THING.AxisTransformControl(car01, 'rotate') //写法1
// new THING.AxisTransformControl(car01, 'rotate', changeStart(), change(), changeEnd()) // //写法2
//例子3：通过控制模型上的控制轴的x y z轴对模型进行移动（scale）
// new THING.AxisTransformControl(car01, 'scale') //写法1
//new THING.AxisTransformControl(car01, 'scale', changeStart(), change(), changeEnd()) // //写法2
});
function changeStart() {
console.log("changeStart")
}
function change() {
console.log("change")
}
function changeEnd() {
console.log("changeEnd")
}

复制代码

例子1示例图：

例子2示例图：

例子3示例图：

[分享] 低代码中AxisTransformControl物体控制轴的用法示例