? ? ? 最近在做个飞行射击游戏当练手，顺便熟悉一下ccc3.0的开发流程，大多数飞行射击游戏都有激光炮这种子弹，但看了一些教程，实现效果都是与屏幕方向平行，没有弧度的激光，实现后发现效果没达到自己预期，于是看到了下图这种激光效果（我称为激光鞭），觉得很酷炫，想要着手实现。
? ? ? ? 前期调研了一些资料，本来计划使用Graphic组件+shader实现，但因为没有shader基础，放弃了，后来经过cocos论坛的大神指导，尝试使用Line组件来实现这个效果。
? ? ? ? 肯定有效果更好的实现方式，还望大佬能够继续指点。
一、Line组件的设置
????????
?
?新建一个空Node，添加一个Line组件。
?参数说明：
Texture:Line组件的贴图，传一个横向的激光贴图即可。
WorldSpace:后续Line组件每个拐点的坐标是否基于世界坐标，因为我其他类型子弹的坐标都是基于世界坐标计算的，所以这个部分也给勾上了。
Positions:拐点的数量，拐点越多，最终激光编的效果会越平滑，我先设置为5个，看一下大致效果。
Widh:激光鞭的宽度
Tile:贴图平铺设置，我设置为:1,1，设置成不同值会有什么效果，自行尝试即可。
Offset:偏移量，没明白啥意思，先放着不管了
color：默认的白色即可。
然后会看到以下效果：
看来基本有雏形了，应该可以大致模拟我们想要的效果了。
二、Camera设置
? ? ? ? ?之所以需要设置Camera，是因为：1、我做的是2D游戏。2、一个相机无法同时渲染显示Line组件和Canvas等2D组件（即便在Line组件上加上UIMeshRenderer也没用）。
? ? ? ? 所以需要单独使用一个Camera单独照这个Line组件，首先在Layer的Edit中增加一个Layer：Laser_Bullet，之后把Line组件的Layer设置为：Laser_Bullet。
? ? ? ? 之后开始设置Camera的参数：
?部分参数说明：
Priority:渲染优先级，我把两个camera的优先级都设置为0，如果激光鞭的camera的优先级比画布的优先级数字小的话，可能会被后渲染的画布给覆盖掉。
Visibility：把之前添加的Laser_Bullet给勾上就可以了，因为我们只需要他显示激光鞭。
Projection:选择正交
OrthoHeight：480和另一个Camera保持一致
? ? ? ? 看一下效果，可以显示出来了：
?三、通过代码动态设置Line组件
? ? ? ? ? 接下来需要实现如果通过代码设置Line组件的拐点坐标，先声明一个Vec3类型的数组，把各个拐点坐标设置一下：
pos: Vec3[] = new Array<Vec3>();
a: Vec3 = new Vec3(200, 50, 0);
b: Vec3 = new Vec3(200, 100, 0);
c: Vec3 = new Vec3(200, 150, 0);
d: Vec3 = new Vec3(200, 200, 0);
e: Vec3 = new Vec3(200, 250, 0);
f: Vec3 = new Vec3(200, 300, 0);? ? ? ? 在start()中将坐标数组初始化，并复制给Line组件：
this.pos.push(this.a);
this.pos.push(this.b);
this.pos.push(this.c);
this.pos.push(this.d);
this.pos.push(this.e);
this.pos.push(this.f);
this.laserLine = this.node.getComponent(Line)!;
this.laserLine.positions = this.pos as never;? ? ? ? ?在update()中，尝试让它动起来：
update() {
this.a = new Vec3(this.a.x + 0.00, this.a.y, 0);
this.b = new Vec3(this.b.x + 0.00, this.b.y, 0);
this.c = new Vec3(this.c.x + 0.15, this.c.y, 0);
this.d = new Vec3(this.d.x + 0.18, this.d.y, 0);
this.e = new Vec3(this.e.x + 0.21, this.e.y, 0);
this.f = new Vec3(this.f.x + 0.24, this.f.y, 0);
this.pos = new Array<Vec3>();
this.pos.push(this.a);
this.pos.push(this.b);
this.pos.push(this.c);
this.pos.push(this.d);
this.pos.push(this.e);
this.pos.push(this.f);
this.laserLine.positions = this.pos as never;
}? ? ? ? 看看效果：
? ? ? ? ?效果好像还行，接下来就可以实现激光鞭的运行逻辑和碰撞逻辑了。