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

原创
小红砖  前端三维库之模型类二

模型类属性、操作


获取模型类实例

接口说明

获取模型类实例。


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

使用示例
var model = app.model;


添加模型

接口说明

添加模型


传入参数说明
名称描述类型必填示例
modelKey模型的key。array['10001']
devcode开发密钥。string'devcode'

使用示例
model.add(['10001'], 'devcode');

相关示例

点击进入示例库 模拟室内灯光


设置模型可见

接口说明

设置模型可见


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

使用示例
model.show();


设置模型不可见


接口说明

设置模型不可见


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

使用示例
model.hide();


获取高亮模型的key

接口说明

获取高亮模型的key。


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

使用示例
var keys = model.getHighlight();



设置模型高亮

接口说明

设置模型高亮。


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

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


相关示例


点击进入示例库 设置高亮


添加模型到高亮列表

接口说明

添加模型到高亮列表。


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

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


删除高亮列表中的模型

接口说明

删除高亮列表中的模型。


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

使用示例
model.removeHighlight();


将模型设置为透明

接口说明

将模型设置为透明。


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

使用示例
model.transparency();


相关示例


点击进入示例库 构件透明


模型反选透明

接口说明

将指定模型之外的其他模型设置为透明。


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

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


相关示例


点击进入相关示例 反选透明


取消模型的透明状态

接口说明

取消模型的透明状态。


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

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


设置模型的颜色

接口说明

设置模型的颜色。


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

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


相关示例


点击进入相关示例库 设置模型颜色


取消模型的变色

接口说明

取消模型的变色。


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

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


隔离模型

接口说明

隔离模型。


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

使用示例
model.isolation(['10001']);


相关示例


点击进入相关示例库 隔离构件


取消模型隔离

接口说明

取消模型隔离。


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

使用示例
model.removeIsolation();



离散模型

接口说明

离散模型。


传入参数说明
名称描述类型必填示例
modelConfig入参object{}
modelConfig.keys模型的key。array{keys: ['10001']}
modelConfig.xx轴上的离散系数,默认的值是1。number{x: 1}
modelConfig.xy轴上的离散系数,默认的值是1。number{y: 1}
modelConfig.xz轴上的离散系数,默认的值是1。number{z: 1}

使用示例
model.explosion({keys: ['16325014'], x: 10, y: 10, z: 10});



取消模型离散

接口说明

取消模型离散。


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

使用示例
model.removeExplosion(['16325014']);



监听模型开始加载

接口说明

监听模型开始加载事件。


传入参数说明
名称描述类型必填示例
eventType事件类型string'startLoad'
callback回调函数functionfunction(event) {}

使用示例
model.on('startLoad', function(event) {});



监听模型加载进度变化

接口说明

监听模型加载进度变化事件。


传入参数说明
名称描述类型必填示例
eventType事件类型string'loadProgress'
callback回调函数functionfunction(event) {}

使用示例
model.on('loadProgress', function(event) {});



监听模型加载完毕

接口说明

监听模型加载完毕事件。


传入参数说明
名称描述类型必填示例
eventType事件类型string'load'
callback回调函数functionfunction(event) {}

使用示例
model.on('load', function(event) {});

相关示例

点击进入示例库 修改背景颜色



监听模型加载空场景

接口说明

监听模型加载空场景事件。


传入参数说明
名称描述类型必填示例
eventType事件类型string'emptyScene'
callback回调函数functionfunction(event) {}

使用示例
model.on('emptyScene', function(event) {});


监听模型加载无效场景

接口说明

监听模型加载无效场景事件。


传入参数说明
名称描述类型必填示例
eventType事件类型string'sceneInvalid'
callback回调函数functionfunction(event) {}

使用示例
model.on('sceneInvalid', function(event) {});


相关文章

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

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

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

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

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

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

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

赞赏
1 点赞
评论
举报

评论区

不超过500字