做了一个在线多人平台跳跃页游

[luluxia]

链接：喵喵竞赛

以前很喜欢玩一款叫做 wtfgame 猫猫竞赛的游戏，于是今年趁着没事干，自己捣鼓模仿原作的玩法做了个新游戏。

游戏核心机制为每隔 3~5 秒，地图会震动一次，此时玩家需要下蹲，否则将被传送至起点。目前有 50 多张地图，会在房间内随机轮换，分为两种类型，竞速图与积分图。

游戏采用了一款小众 JS 游戏引擎 Kaboom.js 开发，算是比较容易上手的引擎，不过坑也挺多的，运行效率似乎也不高，目前游戏在一些低端设备上运行会挺卡的，帧数和碰撞判定挂钩，帧数低了就会在游戏中穿墙。

至于多人部分的后端，则是基于 Midway + Socket.IO 。

欢迎各位试玩并分享建议😘！

[beiyu]

很棒，UI 特别好看。

[mopengfei]

好玩，good

[cairnechen]

用 up 跳跃太蠢了，操作起来很不舒服

[luluxia]

@cairnechen 除了方向键，也可以使用 WASD 操作，未来会考虑加自定义按键

[zhangkui]

666 ，手残党不友好，还有页码在闪烁，不知道是不是引擎的问题

[cairnechen]

@luluxia 我的意思其实是跳跃需要一个单独按键 比如空格 Alt 之类的，方向键只是调整往哪走往哪跳

[SomeBodsy]

good

[luluxia]

@zhangkui 页面底部是有个帧率和延迟，不太理解页码闪烁具体是什么现象，不过游戏目前在 iOS 上确实会有些问题来着

[coderJie]

增加个跳跃键会好点

[selfAccomplish]

欸嘿嘿真好玩

[sqlNice]

玩了五分钟已经血压升高了

[ARslince]

太好玩了

[kaleido]

好玩 hhh ，要是摸鱼玩就停不下来了🤣

[mitx]

空格跳跃的操作会更方便点，不然所有操作都在一个手。新玩家最好给个按键说明。有些地图需要两个人操作开门的时候，只剩下一个人在外面那只能等了。

[Isaac230330]

很赞，很有意思

[luluxia]

@mitx 游戏主界面的公告里是有按键说明的，空格的话是已经有攻击的作用了，感觉以后增加一个自定义按键的功能应该可以满足不同玩家的操作需求。

[blankmiss]

打不开 什么地区的服务器

[EZVIK]

好玩！

[Chiqing]

为什么会不断唤起 IDM 下载 wall.csv

[wqnmlgbzml]

试玩了一下，还不错哈！

[churchill]

卧槽，血压上来了

[luluxia]

@Chiqing #19 wall.csv 是每张地图的碰撞信息来着，居然会唤起 IDM 吗，不知道能不能解决…

[nyakoy]

@luluxia #16 空格跳跃+1 ，攻击可以换到 z 或者 ctrl

[caocong]

有点意思，每次被趴回窝能不能做个小动画或提示，操作自己的猫能做个高亮区别一下么，猫多了看不清自己在哪，没看见按键提示，有个大跨度的一关需要扔其他猫，没见到按哪个键的提示

[flamiNNgo]

UI 很好看

[luluxia]

@caocong #24
趴回窝的提示的话顶部那个“前进 小心咯 趴下”就是，原版是没有这个提示的，只能自己凭感觉倒数。
自己的猫不明显确实是个问题，我后续想想怎么标识比较明显。
按键操作在主界面的公告里，确实不算很明显，之后我想想怎么给新玩家提示一下。

[jonsmith]

哈哈，有意思

[Norths]

好看好玩！

[liuweiqing]

太难了

[jonahtan]

不错，摸鱼的好工具

[ys1992]

有点东西

[zdxddt]

哈哈， 每次都被传送回去了，震动一次都没躲过过

[mitx]

@luluxia 嗯嗯 游戏很不错 以后可以考虑加个开个好友房的功能

[924412409]

好玩 手心出汗了都

[Adyun]

有点东西 简单的快乐

[yangzzz]

哈哈，摸鱼好去处

[SAAAAAAME]

画风可爱

[sdjl]

感觉不错，希望用音乐来提醒玩家地震即将到来。 另外，最好有一个新手教程，必须学会在地震到来时趴下才能进入游戏。

问一下这种多人之间的即时通信怎么写？ 用什么库？ 对服务器要求高不高？

[orlando]

希望能加一个玩法说明

[luluxia]

@sdjl #38 我服务端通信用的是 Midway 这个 Node.js 框架，框架集成了 Socket.IO 这个库，是基于 WebSocket 的，前段时间也发现过另一个基于 WebRTC 的库 https://github.com/geckosio/geckos.io 似乎也还行，至于服务器方面我实际上也不太清楚，人数越多要求理论上应该也更高吧。

除了自己写即时通讯，现在也有一些类似 https://liveblocks.io/ 和 https://joinplayroom.com/ 的平台，可以直接集成。

[yangxiaopeipei]

只有提示 画面要是有警报提示更友好

[sunsun]

好玩好玩

[Immortal]

游戏很好玩 完成度也很不错
想问下 为啥引擎会选择这个

[caocong]

@luluxia 趴回窝的提示我指的是回城动画那种，现在直接闪现回去，主要原因也是找不到自己的猫，另外进房间后没有退出房间的按钮，只能刷新页面

[luluxia]

@Immortal #43 选用这款引擎是因为它比较小巧而且简单，学习难度对于前端来说很低，而且可以很方便的和其他框架结合，比如说游戏中的 UI 其实我都是用 vue 写的

[Immortal]

@luluxia 谢谢回复 很有帮助

[luluxia]

@caocong #44 我考虑考虑，但感觉加个动画可能会有点影响自己的节奏，退出房间的话可以在游戏内按 ESC 键选择返回主界面，不过这个功能也是最近才加上的，之前确实只能刷新页面

[cxumol]

boom 拟声词，爆炸。kaboom 卡爆

[huiyadanli]

好玩

[pnongrata]

FPS 玩多了习惯性 WASD +空格
空格不能跳我很难受！！！

[LiuJiang]

做的超级棒，动作，体验，容错，nice

[Lintao0o0]

哇，想学，怎么做的？

[SunHrHTE]

非常有意思，不过 我在 m1pro 使用 chrome ，默认的画面下帧数也不流畅

[From313]

md 真好玩儿！！！

[luluxia]

@SunHrHTE #53 在苹果下感觉运行确实有点问题，不过我没苹果设备也不好调试

[zthxxx]

kaboom.js 版本都 v3000 了

[charslee013]

报一个 bug ，在第二关的场景中间有个巨大的弹跳版，猫猫在被弹跳起来之后

如果在空中遇到震动判定，只会将猫猫的 x 轴移到到起点，但是 y 轴没有移动，导致猫猫还在空中被震第二次

还有一个名称的问题，玩家可以取很长的名称，导致名称的横幅挡住了一部分的画面体验上不太好

[zjp]

firefox 浏览器
Uncaught TypeError: navigator.getGamepads is not a function

[taxze]

有意思~上瘾了！！

[seeyourface]

好可爱的画风

[codyfeng]

赞，做的不错，优化一下手机操控就好了

[luluxia]

@zjp #58 这个应该是引擎调用游戏手柄之类的报错，不过我目前还没适配过手柄

[luluxia]

@charslee013 #57 我限制的名称长度应该是十个字符，感觉还好吧。至于被震两次这个我好像没遇到过，关卡是随机的，你说的第二关具体是哪关我得知道左上角标的地图名称才行。

[luluxia]

@codyfeng #61 手机操控确实不如电脑方便，我也没太想到怎么设计比较好

[luluxia]

@zthxxx #56 我刚发现这个的时候还是 v2000 版本，那会其实已经用它写过几个 demo 了，现在的 v3000 虽然小毛病还是不少，不过用起来也已经还可以了。

[tutustream]

中午试了，好玩

希望能 Z 键或者空格键跳跃

[nealHuang]

进度条一直 loading ，进不去

[Gray2016]

大佬，做了多久？

[lsiufD]

进去后是这样的，还不能退出房间

[lsiufD]

@lsiufD [Imgur]( )

[magewu1223ll]

一直卡在 loading 页

[hymxm]

服务器顶不顶得住哦 这会打开好卡

[CYZG]

上午摸鱼玩了一会，还挺好玩的

[Panameragt]

卡 loading

[cyberCat]

以前玩过这个游戏，特别喜欢进旗帜后发言嘲讽，原来叫 wtfgame 猫猫竞赛，好怀念

[nealHuang]

好玩，不过好卡

[blank0ken]

卡 loading 页，进不去

[trio]

挺好玩的

[zhaidoudou123]

卧槽，确实好玩

[f6x]

好玩. 9.9 分

[Millerr]

太好玩了。

[Golor]

血压+1

[fan296311175]

挺好玩的！后期继续改进的话，可以加一些机制，比如二段跳、快速下坠、滑铲等等

[PlanV]

不能暗黑风格，不符合摸鱼的标准啊，这么亮的界面，一眼就知道在摸鱼

[HungryOrangeCat]

博主你您好，我们是一家云服务提供商，如果您有需要，我们可以给您赞助云服务器
BTW,有时候会卡出地图呀，这个小 bug 看看有什么办法修复不

[PlanV]

@fan296311175 再来点抓钩、跳板、传送门之类的，2D APEX 英雄

[Yizhiteamo]

蛮有意思的

[lockerhyz]

很好玩啊！甚至找到了童年玩小霸王的感觉

[luluxia]

@HungryOrangeCat #85 可以哇，有联系方式详聊一下看看吗，帧数过低的情况下可能会卡出地图，这个其实算是引擎本身的问题，我现在也没啥好办法能修复，帧数正常的情况下应该不会

[yelan]

开源不老哥！激起了大学做游戏时候的兴趣！

[TArysiyehua]

不知道怎么玩，我进到房间里，一个个黄黄的背景，每几秒中我的名字就掉下来。。。就没了，什么小心点，趴下，压根不知道怎么操作

[luluxia]

@TArysiyehua #91 现在确实少了点新手引导，可以先看看公告里的游戏介绍和操作指南

[TArysiyehua]

就是楼上那个人发的图，什么都没有

[luluxia]

@yelan #90 等稳定了或许会开源一部分吧，不过代码其实也是挺乱的

[suzuko33]

完了 玩上癮了

[TArysiyehua]

@luluxia 你说的公告啥的我都没有。。。

[luluxia]

@TArysiyehua #93 什么都没有应该是卡了，没加载完游戏素材，现在人多了服务器带宽不太顶得住了，也许会出现这种情况吧

[HungryOrangeCat]

@luluxia BASE64:UVE6MzQxMTkyMDQzNAo=

[NoManPlay]

捉虫，移动端 safari 操作快了有时候会触发放大的功能，但是没有办法缩放回去，就会导致无法继续正常游玩

[yelan]

@luluxia 等你消息老哥！