React-native-AircraftBattle 飞机大战游戏

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值