小红砖 | 前端三维库之构件类(二)

原创
小红砖  前端三维库之构件类二

构件类属性、操作


获取构件类实例

接口说明

获取模型类实例。


返回参数说明
名称描述类型示例
componentcomponent的实例object

使用示例
var component = app.component;


设置构件可见

接口说明

设置构件可见。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传值,则设置全部构件可见。array['10001']

使用示例
component.show();


设置构件不可见

接口说明

设置构件不可见。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传值,则设置全部构件不可见。array['10001']

使用示例
component.hide();

相关示例

点击进入示例库 构件隐藏


获取高亮构件的key

接口说明

获取高亮构件的key。


返回参数说明
名称描述类型示例
keys构件的key。array['10001']

使用示例
var = component.getHighlight();

相关示例

点击进入示例库 聚焦并高亮


设置构件高亮

接口说明

设置构件高亮。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.setHighlight(['10001']);

相关示例

点击进入示例库 聚焦并高亮


添加构件到高亮列表

接口说明

添加构件到高亮列表。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.addHighlight(['10001']);


除高亮列表中的构件

接口说明

删除高亮列表中的构件。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传参,则删除全部构件的高亮。array['10001']

使用示例
component.removeHighlight();

相关示例

点击进入示例库 构件透明


将构件设置为透明

接口说明

将构件设置为透明。


传入参数说明
名称描述类型必填示例
componentConfig入参。若不传参,则透明全部构件object{}
componentConfig.keys构件的key。array{keys: ['10001']}
componentConfig.transparency透明度。0-不透明,1-透明。number{transparency: 1}

使用示例
component.transparency();

相关示例

点击进入示例库 构件透明


将指定构件之外的其他构件设置为透明

接口说明

将指定构件之外的其他构件设置为透明。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.inverseTransparency(['10001']);

相关示例

点击进入示例库 反选透明



消构件的透明状态

接口说明

取消构件的透明状态。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传参,则取消全部构件的透明状态。array['10001']

使用示例
component.removeTransparency(['10001']);



设置构件的颜色

接口说明

设置构件的颜色。


传入参数说明
名称描述类型必填示例
componentConfig入参object{}
componentConfig.keys构件的key。array{keys: ['10001']}
componentConfig.color构件的颜色。string{color: '#f2f2f2'}
componentConfig.opacity模型的不透明度。默认的值是1,输入值的范围值0-1。number{opacity: 1}

使用示例
component.color({keys: ['10001'], color: '#f2f2f2', opacity: 1});

相关示例

点击进入示例库 办公区构件颜色


取消构件的变色

接口说明

取消构件的变色。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传参,则取消全部构件的变色。array['10001']

使用示例
component.removeColor(['10001']);


将构件设置为线框模式

接口说明

将构件设置为线框模式。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.wireframe(['10001']);

相关示例

点击进入示例库 构件线框



取消构件的线框模式

接口说明

取消构件的线框模式。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.removeWireframe(['10001']);



将构件隔离

接口说明

将构件隔离。


传入参数说明
名称描述类型必填示例
componentConfig入参。object{}
componentConfig.keys构件的key。array{keys: ['10001']}
componentConfig.visible构件是否可见。0-隐藏,1-略微可见。默认值是1。number{visible: 0}

使用示例
component.isolation({keys: ['10001'], visible: 0});

相关示例

点击进入示例库 构件隔离



取消构件隔离

接口说明

取消构件隔离。


传入参数说明
名称描述类型必填示例
keys构件的key。若不传参,则取消全部构件的隔离。array['10001']

使用示例
component.removeIsolation(['10001']);



设置构件是否可选中

接口说明

设置构件是否可选中。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']
status是否可选中。true-是,false-f否。booleantrue

使用示例
component.selectable(['10001']);


清空不可选中的构件列表

接口说明

清空不可选中的构件列表。


使用示例
component.removeUnselectable();


筛选指定类型构件的id

接口说明

筛选指定类型构件的id。


传入参数说明
名称描述类型必填示例
componentIds构件的id。array['10001', '10002']
modelKey模型的keystring'1000001'
type筛选的类型string'门'

返回参数说明
名称描述类型示例
ids构件的idarray['10001']

使用示例
component.filterIdByType(['10001', '10002'], '1000001', '门');


筛选指定类型构件的key

接口说明

筛选指定类型构件的key。


传入参数说明
名称描述类型必填示例
componentKeys构件的key。array['10001', '10002']
modelKey模型的keystring'1000001'
type筛选的类型string'门'

返回参数说明
名称描述类型示例
keys构件的keyarray['10001']

使用示例
component.filterKeyByType(['10001', '10002'], '1000001', '门');

相关示例

点击进入示例库 分类隐藏


使用id查询构件的属性

接口说明

使用id查询构件的属性。


传入参数说明
名称描述类型必填示例
id构件的id。string'10001'
modelKey模型的keystring'1000001'
callback回调函数,用来接收查询结果。functionfunction(result) {}

使用示例
component.getAttributeById('10001', '1000001', function(result) {});


使用key查询构件的属性

接口说明

使用key查询构件的属性。


传入参数说明
名称描述类型必填示例
key构件的key。string'10001'
modelKey模型的keystring'1000001'
callback回调函数,用来接收查询结果。functionfunction(result) {}

使用示例
component.getAttributeByKey('10001', '1000001', function(result) {});



将构件离散

接口说明

将构件离散。


传入参数说明
名称描述类型必填示例
componentConfig入参object{}
componentConfig.keys构件的keystring['10001']
componentConfig.xx轴上的离散系数。默认是1。number2
componentConfig.yy轴上的离散系数。默认是1。number2
componentConfig.zz轴上的离散系数。默认是1。number2

使用示例
component.explosion({ keys: ['10001'], x: 2, y: 2, z: 2 });


取消构件离散

接口说明

取消构件离散。


传入参数说明
名称描述类型必填示例
keys构件的key。array['10001']

使用示例
component.removeExplosion(['10001']);


设置构件的位置

接口说明

设置构件的位置


传入参数说明
名称描述类型必填示例
key构件的key。string'10001'
构件的位置构件的位置array[100, 200, 100]

使用示例
component.position('10001', [100, 200, 100]);


开启平移构件

接口说明

开启平移构件


传入参数说明
名称描述类型必填示例
key构件的key。string'10001'

使用示例
component.translate('10001');



开启缩放构件

接口说明

开启缩放构件


传入参数说明
名称描述类型必填示例
key构件的key。string'10001'

使用示例
component.scale('10001');



开启旋转构件

接口说明

开启旋转构件


传入参数说明
名称描述类型必填示例
key构件的key。string'10001'

使用示例
component.rotate('10001');


重置构件变换

接口说明

重置构件变换


传入参数说明
名称描述类型必填示例
status重置构件变换的同时是否关闭构件变换操作。true-是,false-否。booleantrue

使用示例
component.removeTransform(true);


获取构件的本地矩阵

接口说明

获取构件的本地矩阵


传入参数说明
名称描述类型必填示例
key构件的keystring'10001'

返回参数说明
名称描述类型示例
matrix构件的本地矩阵object{element: [1, 0, 1,0, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]}

使用示例
component.getLocalMatrix('10001');



调整构件控制器的大小

接口说明

调整构件控制器的大小


传入参数说明
名称描述类型必填示例
status调整大小的状态。true-调大,false-调小。booleantrue

使用示例
component.transformControlSize(true);



切换变换空间

接口说明

切换变换空间


传入参数说明
名称描述类型必填示例
status设置变换空间的的状态。true-设置变换空间为局部的,false-设置变换空间为世界的。booleantrue

使用示例
component.switchTransformSpace(true);



切换轴的变换

接口说明

切换轴的变换


传入参数说明
名称描述类型必填示例
axis轴。可选值:'x'|'y'|'z'string'x'
status轴的状态。true-显示,false-隐藏booleantrue

使用示例
component.switchTransformAxis('x', true);


切换是否能发生构件变换

接口说明

切换是否能发生构件变换


传入参数说明
名称描述类型必填示例
status是否可以发生构件变换。true-是,false-否booleantrue

使用示例
component.switchEnableTransform(true);



获取构件的包围盒

接口说明

获取构件的包围盒


传入参数说明
名称描述类型必填示例
keys构件的keyarray['10001']

使用示例
component.getBox(['10001']);

相关示例

点击进入示例库 添加三维球状标签



获取全部构件的 key

接口说明

获取全部构件的 key


使用示例
var keys = component.getKeys();

相关示例

点击进入示例库 住房类示例 - 隐藏


开启构件剖切

接口说明

开启构件剖切


传入参数说明
名称描述类型必填示例
keys构件的keyarray['10001']

使用示例
component.openCutting(['10001']);

相关示例

点击进入示例库 模型剖切


关闭构件剖切

接口说明

关闭构件剖切


使用示例
component.closeCutting();

相关示例

点击进入示例库 模型剖切

相关文章

小红砖 | 前端三维库你不知道的那些事儿(一)

小红砖 | 前端三维库之视图类(二)

小红砖 | 前端三维库之模型类(二)

小红砖 | 前端三维库之相机类(二)

小红砖 | 前端三维库之标签类(二)

小红砖 | 前端三维库之系统类(二)

小红砖 | 前端三维库你不知道的那些事儿(三)

赞赏
0 点赞
评论
举报

评论区

不超过500字