# MeshRenderer组件
MeshRenderer组件用于渲染Mesh (opens new window)对象。
import { BoxGeometry, Mesh, MeshStandardMaterial } from 'three';
import { MeshRenderer, QueryMask } from '@tx3d/core';
// 创建实体
const entity = engine.createEntity();
// 创建Mesh对象
const mesh = new Mesh(
new BoxGeometry( 4.0, 4.0, 4.0 ),
new MeshStandardMaterial( { color: '#ff09d9', roughness: 0.0, metalness: 0.0 } )
);
// 添加MeshRenderer组件
entity.addComponent( MeshRenderer, {
queryMask: QueryMask.Model, // 设置查询遮罩值,默认值为0即不可查询
mesh: mesh
} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
提示
MeshRenderer组件初始化参数,详见MeshRendererParameters。
# 属性
🌏 mesh设置mesh对象,只写。
import { Mesh, MeshStandardMaterial, SphereGeometry } from 'three';
// 创建Mesh对象
const mesh = new Mesh(
new SphereGeometry( 4.0, 64, 64 ),
new MeshStandardMaterial( { color: '#ffde03', roughness: 0.5, metalness: 0.75 } )
);
// 更新MeshRenderer组件的Mesh对象
meshRenderer.mesh = mesh;
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
注意
在更新MeshRenderer组件Mesh对象或移除MeshRenderer组件时,引擎会自动释放当前引用的Mesh对象的所有渲染资源(几何数据、材质、纹理)。