CocosCreator之8421迷雾

一、介绍

8421迷雾是通过16块不同的迷雾图块组合成迷雾散开效果的方法。8421这4个数字的任意组合的和都不与其他组合的和相等的特点来索引每个格子的4个顶点不同状态下要显示的图片。

下面是16个格子的图片：

下面是测试结果：

每个数字代表当前格子使用的图片id

源码：https://github.com/NickMonkeys/DenseFog

 

二、映射方式

1.每个格子根据是否被主角经过分为激活和未激活两种状态

2.当格子激活时，设置其临接的4个顶点点亮

3.每个格子当4个脚分别对于4个数字；左下：8；右下：4；右上：2；左上：1。

4.当某个顶点被点亮后，其临接的4个格子的角被照亮（数字被激活）

5.此时在计算每个格子被照亮数字的和（8、4、2、1四个数字任意组合的和，不可能等于另外一种组合的和）作为格子的值

6.每个格子的值就可以代表这个格子的唯一状态，并映射上面16个图片中的指定图片

7.例如：0号格子映射全黑图片；15号格子映射全透明格子；9号格子对于左下角透明的格子