# Shield组件
使用Shield组件可以为实体添加能量罩效果。
import { Shield } from '@tx3d/core';
// 创建实体
const entity = engine.createEntity();
// 添加Shield组件
const shield = entity.addComponent( Shield, {
radius: 5.0,
edgeStrength: 1.25,
speed: 0.0,
map: 'assets/textures/Grid.png'
} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
提示
Shield组件初始化参数,详见ShieldParameters。
# 属性
🌏 uvRepeat uv重复次数
// 获取uv重复次数
const uvRepeat = shield.uvRepeat;
// 设置uv重复次数
shield.uvRepeat = [ 16, 9 ];
1
2
3
4
5
2
3
4
5
🌏 speed 波动速度
// 获取波动速度
const speed = shield.speed;
// 设置波动速度
shield.speed = 3.0;
1
2
3
4
5
2
3
4
5
🌏 power 菲涅尔强度
// 获取菲涅尔强度
const power = shield.power;
// 设置菲涅尔强度
shield.power = 1.25;
1
2
3
4
5
2
3
4
5
🌏 opacity 透明度
// 获取透明度
const opacity = shield.opacity;
// 设置透明度
shield.opacity = 0.75;
1
2
3
4
5
2
3
4
5
🌏 color 颜色
// 获取颜色
const color = shield.color;
// 设置颜色
shield.color = '#ff00e5';
1
2
3
4
5
2
3
4
5