React-native-AircraftBattle,业余时间做的一个结合RN和MobX的飞机大战,以完成基本的游戏功能为目标!
实现了,1.手势拖动飞机改变飞机坐标,已达到飞行的目的。2.通过Animated动画实现飞机移动和发射子弹。3.封装组件以得到重用以及优化。
同时支持Android端与ios端,代码重用率到达100%,在两端运行的性能上几乎一样。
- ⭕️ 游戏首页
- ⭕️ 关卡选择
- ⭕️ 继续游戏(游戏保存)
- ⭕️ 背景移动
- ⭕️ 绘制道具
- ⭕️ 获得道具相对应主机的变化
- ✔️ 绘制主机(子弹,血量,得分)
- ✔️ 绘制敌机小兵
- ✔️ 绘制Boss(子弹,血量)
运行
1.clon项目到本地,在终端进入项目根目录,输入:
npm install
然后:
react-native run-ios
or:
react-native run-android
这个项目会一直维护下去,后面会补充一些关于项目优化和思路的文档,觉得不错的同学可以start一下。
项目链接:
https://github.com/1035901787/React-native-AircraftBattle