Home

Fighting-memes

概览

Fighting-memes（表情包大战 ），是一个以表情包为基础，融入了战斗系统的h5小游戏

---

模式介绍

基础打斗模式

类似一般的格斗游戏，把表情包作为玩家操控的角色，可以根据玩家按下不同的按键，切换成不同的形态（表情包），以及打出不同的技能、组合技还有必杀技，具体分为以下几种模式：

• 本机1v1模式：在同一台主机上进行对战的模式
• 联机大乱斗模式：多人联机，自成一队与其他玩家战斗
• 联机组队模式：多人联机，组队对战
• 人机模式：与电脑对抗

斗图模式

待定。。。

---

开发进度安排

时间	任务	完成情况
2018.2.01~2018.2.01	格斗基础场景搭建	done
2018.2.02~2018.2.03	角色（表情包）移动、跳跃以及与场景的互动	done
2018.2.04~2018.2.04	单机版（1v1模式）完成	cancel
2018.2.05~2018.2.08	联机版开发	done
Undetermined	斗图模式开发
Undetermined	表情包贴图(或表情包重画？？)，界面优化
Undetermined	人机开发

---

其他

代码规范

• ts-lint

学习链接

• Socket.io
• Express
• TypeScript

项目说明

安装及使用

• npm install
• npm run build 编译
• npm run watch 编译热更新
• npm run server-start 开启服务器

结构

• src/ 所有.ts文件放于此(main.ts为入口文件)
• dist/ 编译后的bundle.js在此文件（该文件夹在编译后会出现）
• resource/ 图片等资源文件放于此
• index.html display
• app.js server