年前为了学习 PixiJS 写了一个移动端的射箭小游戏,从开始构思,到找素材再到开发,花了七八天时间,之前只在朋友圈发过;现在公开源码,希望能对大家有所启发;
源码地址
https://github.com/sun2dan/shoot-sun
成品效果
预览地址:https://ashita.top/html/game/shoot-sun/index.html
游戏设计
背景大概是后羿射日的情节,天上出现十个太阳,有9个是假的,玩家需要将假太阳全部摧毁,游戏过程中不能毁掉真的太阳,毁掉即失败;
不管真假,每个太阳射中之后,透明度会降低;假太阳会露出底下的真实面目,真太阳只能看到透明度变化;
假太阳实际是其他天体蒙上一层太阳的图片,有一些假太阳一眼就能看出来,因为下面天体太大遮不住;大部分则是完全遮住的,识别的方法只能是射中一次,透明度变化后才能判断出来;
素材和动态效果
做游戏,素材还是比较难重要的,这个游戏里的素材都是我自己找的,稍微处理了一下;如有侵权,请联系我删除,邮箱 supericesun@gmail.com;
游戏效果,有两个是从官网上扒下来的:夜空中的星星效果和太阳的爆炸效果(爆炸效果用在这里实在是太完美了);
蓝色部分表示地球,因为大气层看起来是蓝色的,黑色表示太空,背景中有星星在闪烁和移动;
后续可考虑的升级方向
- 添加恢复功能:假太阳射中一次即可露出真面目,20秒后自动恢复,在他恢复之前再射中一次即可摧毁;
- 添加地表温度指示,每消灭一个太阳,地表温度/颜色可发生变化;