核心算法来自这篇帖子,建议先看看原帖:
【Cocos2d-x教程(20)-闪电效果】http://blog.csdn.net/u012945598/article/details/18862091
看懂的大佬可以直接走了~ 下面将原算法改写成cocos creator可用的代码。
首先新建个节点用来绘制闪电。该节点添加组件:渲染组件-Graphics。
Graphics组件可以用来绘制线段,但同时只能绘制一种宽度、颜色、类型的线段;当然可以在代码里动态设置来绘制不同参数的线段。不过,可以在外面直接设好LineWidth(线宽度)和StrokeColor(线颜色),这些会直接应用到闪电上。
接着往该节点上添加自己的脚本。当然脚本添加在其他节点上也行,修改一下获取组件的方式。代码如下:
onLoad() {
this.draw = this.node.getComponent(cc.Graphics); // 获取本节点的Graphics组件
this.curDetail = 30; // 这个参数影响闪电每一段的长度,值越小,闪电越细腻
}