模型类 | 前端三维库你不知道的事（三）

来源于👉【知屋安砖】

模型类属性及操作

获取模型类实例

接口说明

获取模型类实例

返回参数说明

名称	描述	类型	示例
model	model的实例	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	模型的key	array	[‘10001’]

使用示例

var keys = model.getHighlight();

设置模型高亮

接口说明

获取模型高亮

传入参数说明

名称	描述	类型	必填	示例
Keys	模型的key	array	是	[‘10001’]

使用示例

model.setHighlight(['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.x	x轴上的离散系数，默认的值是1	number	否	{x: 1}
modelConfig.x	y轴上的离散系数，默认的值是1	number	否	{y: 1}
modelConfig.x	z轴上的离散系数，默认的值是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	回调函数	function	是	function(event) {}

使用示例

model.on('startLoad', function(event) {});

监听模型加载进度变化

接口说明

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

传入参数说明

名称	描述	类型	必填	示例
eventType	事件类型	string	是	‘loadProgress’
callback	回调函数	function	是	function(event) {}

使用示例

model.on('loadProgress', function(event) {});

监听模型加载完毕

接口说明

监听模型加载完毕

传入参数说明

名称	描述	类型	必填	示例
eventType	事件类型	string	是	‘load’
callback	回调函数	function	是	function(event) {}

使用示例

model.on('load', function(event) {});

相关示例
修改背景颜色

监听模型加载空场景

接口说明

监听模型加载空场景事件

传入参数说明

名称	描述	类型	必填	示例
eventType	事件类型	string	是	‘emptyScene’
callback	回调函数	function	是	function(event) {}

使用示例

model.on('emptyScene', function(event) {});

监听模型加载无效场景

接口说明

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

传入参数说明

名称	描述	类型	必填	示例
eventType	事件类型	string	是	‘sceneInvalid’
callback	回调函数	function	是	function(event) {}

使用示例

model.on('sceneInvalid', function(event) {});

相关阅读

• 小红砖 | 前端三维库你不知道的事（一）
• 视图类 | 前端三维库你不知道的事（二）
• 构件类 | 前端三维库你不知道的事（四）
• 相机类 | 前端三维库你不知道的事（五）
• 标签类 | 前端三维库你不知道的事（六）
• 系统类 | 前端三维库你不知道的事（七）
• 调用类 | 前端三维库你不知道的事（八）
• 小红砖API2.0强势上线