1.超详细的飞机大战小程序源码讲解(1)
超详细的飞机大战小程序源码讲解(1)
本次讲解主要以代码的形式,需要读者有一定的编码能力,内容总共分为六个章节,简单测试网页源码其他章节链接如下: (2): 花儿:超详细的飞机大战小程序源码讲解(2) (3): 花儿:超详细的飞机大战小程序源码讲解(3) (4): 花儿:超详细的飞机大战小程序源码讲解(4) (5): 花儿:超详细的飞机大战小程序源码讲解(5) (6): 花儿:超详细的飞机大战小程序源码讲解(6)一、Javerscript基础
1.1 export default 1.2 let instance 1.3 const 1.4 箭头函数 1.5 this 抽奖html源码函数优先级二、飞机大战小程序源码获取
微信开发者工具网址:/miniprogram/dev/devtools/devtools.html 在工具页面选择下载版本,wirshark 源码分析一般选稳定版即可。 安装完成后双击打开,界面如下。点击小游戏,选择飞机大战小游戏,用模拟器跑出来如图也可以在手机上运行。三、电影 源码头代码框架图
## quickstart ## 源码目录介绍 ./js ├── base // 定义游戏开发基础类 │ ├── animatoin.js // 帧动画的简易实现 │ ├── pool.js // 对象池的简易实现 │ └── sprite.js // 游戏基本元素精灵类 ├── libs │ ├── symbol.js // ES6 Symbol简易兼容 │ └── weapp-adapter.js // 小游戏适配器 ├── npc │ └── enemy.js // 敌机类 ├── player │ ├── bullet.js // 子弹类 │ └── index.js // 玩家类 ├── runtime │ ├── background.js // 背景类 │ ├── gameinfo.js // 用于展示分数和结算界面 │ └── music.js // 全局音效管理器 ├── databus.js // 管控游戏状态 └── main.js // 游戏入口主函数 类的继承关系如下: 子类:BackGround -> 父类:Sprite 子类:Player -> 父类:Sprite 子类:Bullet -> 父类:Sprite 子类:Enemy -> 父类:Animation -> 父类:Sprite