分享如何使用Creator3.x制作战争迷雾

战争迷雾在游戏中有广泛应用,比较经典应用是的是RTS游戏如《红警》,《星际争霸》,《魔兽争霸》,迷雾只在己方单位的视野内散开,其它地方因被迷雾笼罩而看不清这些地图区域的内容。当然不止用在RTS游戏,其他游戏如Moba游戏《LOL》,《王者荣耀》等也有战争迷雾的使用。还有一些农场游戏也会用到迷雾。

我用Creator开发了一个方便使用战争迷雾的插件,原理就是创建一张纹理(大小256 * 256),默认像素是纯黑色,把这张纹理赋值给一个sprite作为迷雾遮罩,这个sprite迷雾遮罩放置在地图的最顶端,这样地图内容就被盖住完全看不见了。如果地图哪些区域需要看得见,就修改该区域的纹理像素透明的为可见,这样就完成了战争迷雾的制作。

不用多说,直接上案例

案例1:半遮罩迷雾地图,有迷雾的地方地图的是半可见的。
体验地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/frameworkdemo/demo3/web-desktop/index.html
效果图

案例2:全遮罩迷雾地图,有迷雾的地方地图的是完全不可见的。
体验地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/frameworkdemo/demo5/web-desktop/index.html

案例3:探照灯迷雾地图,迷雾只会在玩家出现的地方散开,走过之后的区域会恢复迷雾。
体验地址
https://easymapeditor-1258223435.cos.ap-guangzhou.myqcloud.com/frameworkdemo/demo6/web-desktop/index.html

战争迷雾插件的特点
1、迷雾散开区域,以圆或椭圆为单位,大小可自定义。(其他类型如方形,可以在代码里扩展)
2、迷雾区域和散开区域有渐变效果,显得更真实
2、和Moba游戏一样,游戏地图和导航小地图都支持战争迷雾
3、性能做了优化,能保持60帧/秒

开发者如果有探索类地图相关的游戏的开发,这个插件会用的上。
目前只支持Creator3.x。因为Creator2.x找不到修改纹理像素值的接口,暂时无法实现战争迷雾。

插件已经放在Cocos商店里,需要的朋友可以从商店获取
地址:
https://store.cocos.com/app/detail/4391

因为战争迷雾插件是放到我商店里的游戏地图框架内里的出售的,配套地图框架可以看这里。大型RPG或SLG游戏解决方案,有相关需求的开发者进,有新版“在线地图编辑器”

如果只想了解战争迷雾的制作,也可以联系本作者:
QQ:583051842
微信: code2tang

2赞

大佬,那个路线是怎么画的?

用在线地图编辑器:这个贴子里有介绍使用

1赞

mark!