-
9 前端渲染地图
前端渲染地图 上一章的答案 美化前端页面 开始游戏 优化地图数据 前端渲染游戏 发送移动指令 前端渲染地图 联机逻辑开发进度：■■■■■■■■■□□□ 本章结束开发进度：■■■■■■■■■■■□ 上一章的答案 index.html ： ... <script> var app = new Vue (... -
2 单机游戏架构
单机游戏架构 项目代码 开发环境 引入Composer 建立项目结构 完善各类代码 Map类 Player类 Game类 单机游戏架构 游戏逻辑开发进度：□□□□□□□□□□□□ 本章结束开发进度：■■■■□□□□□□□□ 项目代码 Github地址：github.com/Zhao-666/Hi… 在Github 上代码... -
3 完善游戏功能
完善游戏功能 上一章的答案 尝试打印地图 加入玩家坐标 增加地图判断 完善游戏功能 游戏逻辑开发进度：■■■■□□□□□□□□ 本章结束开发进度：■■■■■■■■□□□□ 上一章的答案 createPlayer 方法其实就是创建一个Player 对象，然后指定坐标，放入$players 数组中，但是怎么区分寻找者 和躲藏者 呢？我们可... -
1 课前准备
课前准备 技术预备 小册目标 学习方法 课前准备 技术预备 Swoole 虽然是PHP 的一个扩展，但是由于要求使用者必须具备一定的Linux/Unix 环境编程基础以及一定的PHP 开发经验，如果你对CentOS 、Laravel 或者RESTful API 这些名词都不太熟悉的话，可能本篇小册就不适合你 。 部分没有学习过Swoole ... -
4 游戏结束判断
游戏结束判断 上一章的答案 游戏结束判断 游戏结束判断 游戏逻辑开发进度：■■■■■■■■□□□□ 本章结束开发进度：■■■■■■■■■■■■ 上一章的答案 在我们的$mapData 数组中，0 就是墙，1 就是路，canMoveToDirection() 方法主要就是获取方向，计算得出目标坐标，检测一下目标坐标能不能走，所以当数组中是0... -
17 游戏时间限制
游戏时间限制 Homework 游戏时间限制 不知道童鞋们有没有发现目前游戏有一个天大的Bug：在目前的游戏机制下，我们的躲藏者 永远都是赢不了的，只有被追着跑的份，这样做出来的游戏平衡性太差了。 这一章我们将要为躲藏者讨回一个公道，增加每局的游戏时间限制，让躲藏者也有赢的机会。 既然要做时间限制，那就需要用到定时器 功能了，Swoole 框架... -
16 邀请玩家对战
邀请玩家对战 玩家发起挑战 对手处理挑战 Homework 邀请玩家对战 这一章我们来新增一个对战类游戏很常见的功能：邀请其他玩家进行开房对战。 整个功能其实不太复杂，我们先来看一下流程图： 玩家A发起挑战，玩家B会有两种处理方式，分别是接受挑战和拒绝挑战，接受的时候就按正常游戏逻辑来创建房间，拒绝的时候则通知玩家A对手已拒绝。 我们... -
11 优化游戏控制
优化游戏控制 Homework 优化游戏控制 如果童鞋们已经完成了前十章，现在的游戏界面应该就是点击页面上的小控制器来控制玩家移动。 在手机上这样操作可能还很正常，但是在PC页面上点击就不够灵活了。 我们可以通过JavaScript 监听键盘点击事件来实现这个功能。 做题时间 通过监听document 对象的onkeydown 事件... -
20 Vue入门篇
Vue入门篇 HelloWorld 条件与循环 v-if v-for 小结 Vue入门篇 在本小册中，前端并不是课程的重点，所以只使用了一些简单的Vue 技术，入门篇旨在让后端童鞋能够快速地了解前端开发，以及Vue 的一些基本技术。 最常用的学习套路就是编写一个HelloWorld 页面，我们就按照这个套路来学习Vue 框架。 Vue... -
15 玩家退出提示
玩家退出提示 玩家退出提示 目前游戏开始之后，对于玩家退出是没有做任何处理的，也就导致了当我方玩家退出之后，对手玩家还在地图里瞎转悠，游戏体验不太好，本章我们就来解决这个问题。 解决方法其实也很简单，当WebSocket 连接断开时会触发Swoole 的onClose() 方法，我们只需要在这里新增一些逻辑，通知一下对手就能比较简单的解决这个问...