后羿射日 – PixiJS开发射箭类游戏

年前为了学习 PixiJS 写了一个移动端的射箭小游戏,从开始构思,到找素材再到开发,花了七八天时间,之前只在朋友圈发过;现在公开源码,希望能对大家有所启发;

源码地址

https://github.com/sun2dan/shoot-sun

成品效果

动态效果

预览地址:https://ashita.top/html/game/shoot-sun/index.html

扫码体验

游戏设计

背景大概是后羿射日的情节,天上出现十个太阳,有9个是假的,玩家需要将假太阳全部摧毁,游戏过程中不能毁掉真的太阳,毁掉即失败;

不管真假,每个太阳射中之后,透明度会降低;假太阳会露出底下的真实面目,真太阳只能看到透明度变化;

假太阳实际是其他天体蒙上一层太阳的图片,有一些假太阳一眼就能看出来,因为下面天体太大遮不住;大部分则是完全遮住的,识别的方法只能是射中一次,透明度变化后才能判断出来;

素材和动态效果

做游戏,素材还是比较难重要的,这个游戏里的素材都是我自己找的,稍微处理了一下;如有侵权,请联系我删除,邮箱 supericesun@gmail.com

游戏效果,有两个是从官网上扒下来的:夜空中的星星效果和太阳的爆炸效果(爆炸效果用在这里实在是太完美了);

蓝色部分表示地球,因为大气层看起来是蓝色的,黑色表示太空,背景中有星星在闪烁和移动;

后续可考虑的升级方向

  1. 添加恢复功能:假太阳射中一次即可露出真面目,20秒后自动恢复,在他恢复之前再射中一次即可摧毁;
  2. 添加地表温度指示,每消灭一个太阳,地表温度/颜色可发生变化;

如果这篇文章对你有用,可以点击下面的按钮告诉我

0

发表回复