V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
luluxia
V2EX  ›  分享创造

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

  luluxia · 160 天前 · 12837 次点击
这是一个创建于 160 天前的主题,其中的信息可能已经有所发展或是发生改变。

链接:喵喵竞赛

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

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

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

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

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

159 条回复    2024-01-05 09:43:20 +08:00
1  2  
beiyu
    1
beiyu  
   160 天前
很棒,UI 特别好看。
mopengfei
    2
mopengfei  
   160 天前
好玩,good
cairnechen
    3
cairnechen  
   160 天前   ❤️ 4
用 up 跳跃太蠢了,操作起来很不舒服
luluxia
    4
luluxia  
OP
   160 天前
@cairnechen 除了方向键,也可以使用 WASD 操作,未来会考虑加自定义按键
zhangkui
    5
zhangkui  
   160 天前
666 ,手残党不友好,还有页码在闪烁,不知道是不是引擎的问题
cairnechen
    6
cairnechen  
   160 天前   ❤️ 1
@luluxia 我的意思其实是跳跃需要一个单独按键 比如空格 Alt 之类的,方向键只是调整往哪走往哪跳
SomeBodsy
    7
SomeBodsy  
   160 天前
good
luluxia
    8
luluxia  
OP
   160 天前
@zhangkui 页面底部是有个帧率和延迟,不太理解页码闪烁具体是什么现象,不过游戏目前在 iOS 上确实会有些问题来着
coderJie
    9
coderJie  
   160 天前
增加个跳跃键会好点
selfAccomplish
    10
selfAccomplish  
   160 天前
欸嘿嘿真好玩
sqlNice
    11
sqlNice  
   160 天前
玩了五分钟已经血压升高了
ARslince
    12
ARslince  
   160 天前
太好玩了
kaleido
    13
kaleido  
   160 天前
好玩 hhh ,要是摸鱼玩就停不下来了🤣
mitx
    14
mitx  
   160 天前
空格跳跃的操作会更方便点,不然所有操作都在一个手。新玩家最好给个按键说明。有些地图需要两个人操作开门的时候,只剩下一个人在外面那只能等了。
Isaac230330
    15
Isaac230330  
   160 天前
很赞,很有意思
luluxia
    16
luluxia  
OP
   160 天前
@mitx 游戏主界面的公告里是有按键说明的,空格的话是已经有攻击的作用了,感觉以后增加一个自定义按键的功能应该可以满足不同玩家的操作需求。
blankmiss
    17
blankmiss  
   160 天前
打不开 什么地区的服务器
EZVIK
    18
EZVIK  
   160 天前
好玩!
Chiqing
    19
Chiqing  
   160 天前
为什么会不断唤起 IDM 下载 wall.csv
ywx620
    20
ywx620  
   160 天前
试玩了一下,还不错哈!
churchill
    21
churchill  
   160 天前
卧槽,血压上来了
luluxia
    22
luluxia  
OP
   160 天前
@Chiqing #19 wall.csv 是每张地图的碰撞信息来着,居然会唤起 IDM 吗,不知道能不能解决…
nyakoy
    23
nyakoy  
   160 天前
@luluxia #16 空格跳跃+1 ,攻击可以换到 z 或者 ctrl
caocong
    24
caocong  
   160 天前
有点意思,每次被趴回窝能不能做个小动画或提示,操作自己的猫能做个高亮区别一下么,猫多了看不清自己在哪,没看见按键提示,有个大跨度的一关需要扔其他猫,没见到按哪个键的提示
flamiNNgo
    25
flamiNNgo  
   160 天前
UI 很好看
luluxia
    26
luluxia  
OP
   160 天前
@caocong #24
趴回窝的提示的话顶部那个“前进 小心咯 趴下”就是,原版是没有这个提示的,只能自己凭感觉倒数。
自己的猫不明显确实是个问题,我后续想想怎么标识比较明显。
按键操作在主界面的公告里,确实不算很明显,之后我想想怎么给新玩家提示一下。
jonsmith
    27
jonsmith  
   160 天前
哈哈,有意思
Norths
    28
Norths  
   160 天前
好看好玩!
liuweiqing
    29
liuweiqing  
   160 天前
太难了
jonahtan
    30
jonahtan  
   160 天前
不错,摸鱼的好工具
ys1992
    31
ys1992  
   160 天前
有点东西
zdxddt
    32
zdxddt  
   160 天前
哈哈, 每次都被传送回去了,震动一次都没躲过过
mitx
    33
mitx  
   160 天前
@luluxia 嗯嗯 游戏很不错 以后可以考虑加个开个好友房的功能
924412409
    34
924412409  
   160 天前
好玩 手心出汗了都
Adyun
    35
Adyun  
   160 天前
有点东西 简单的快乐
yangzzz
    36
yangzzz  
   160 天前
哈哈,摸鱼好去处
SAAAAAAME
    37
SAAAAAAME  
   160 天前
画风可爱
sdjl
    38
sdjl  
   160 天前
感觉不错,希望用音乐来提醒玩家地震即将到来。 另外,最好有一个新手教程,必须学会在地震到来时趴下才能进入游戏。

问一下这种多人之间的即时通信怎么写? 用什么库? 对服务器要求高不高?
orlando
    39
orlando  
   160 天前
希望能加一个玩法说明
luluxia
    40
luluxia  
OP
   160 天前
@sdjl #38 我服务端通信用的是 Midway 这个 Node.js 框架,框架集成了 Socket.IO 这个库,是基于 WebSocket 的,前段时间也发现过另一个基于 WebRTC 的库 https://github.com/geckosio/geckos.io 似乎也还行,至于服务器方面我实际上也不太清楚,人数越多要求理论上应该也更高吧。

除了自己写即时通讯,现在也有一些类似 https://liveblocks.io/https://joinplayroom.com/ 的平台,可以直接集成。
yangxiaopeipei
    41
yangxiaopeipei  
   160 天前
只有提示 画面要是有警报提示更友好
sunsun
    42
sunsun  
   160 天前
好玩好玩
Immortal
    43
Immortal  
   160 天前
游戏很好玩 完成度也很不错
想问下 为啥引擎会选择这个
caocong
    44
caocong  
   160 天前
@luluxia 趴回窝的提示我指的是回城动画那种,现在直接闪现回去,主要原因也是找不到自己的猫,另外进房间后没有退出房间的按钮,只能刷新页面
luluxia
    45
luluxia  
OP
   160 天前   ❤️ 2
@Immortal #43 选用这款引擎是因为它比较小巧而且简单,学习难度对于前端来说很低,而且可以很方便的和其他框架结合,比如说游戏中的 UI 其实我都是用 vue 写的
Immortal
    46
Immortal  
   160 天前
@luluxia 谢谢回复 很有帮助
luluxia
    47
luluxia  
OP
   160 天前
@caocong #44 我考虑考虑,但感觉加个动画可能会有点影响自己的节奏,退出房间的话可以在游戏内按 ESC 键选择返回主界面,不过这个功能也是最近才加上的,之前确实只能刷新页面
cxumol
    48
cxumol  
   160 天前 via Android
boom 拟声词,爆炸。kaboom 卡爆
huiyadanli
    49
huiyadanli  
   160 天前
好玩
pnongrata
    50
pnongrata  
   160 天前
FPS 玩多了习惯性 WASD +空格
空格不能跳我很难受!!!
LiuJiang
    51
LiuJiang  
   160 天前
做的超级棒,动作,体验,容错,nice
Lintao0o0
    52
Lintao0o0  
   160 天前 via Android
哇,想学,怎么做的?
SunHrHTE
    53
SunHrHTE  
   160 天前
非常有意思,不过 我在 m1pro 使用 chrome ,默认的画面下帧数也不流畅
From313
    54
From313  
   160 天前
md 真好玩儿!!!
luluxia
    55
luluxia  
OP
   160 天前
@SunHrHTE #53 在苹果下感觉运行确实有点问题,不过我没苹果设备也不好调试
zthxxx
    56
zthxxx  
   160 天前
kaboom.js 版本都 v3000 了
charslee013
    57
charslee013  
   160 天前
报一个 bug ,在第二关的场景中间有个巨大的弹跳版,猫猫在被弹跳起来之后

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

还有一个名称的问题,玩家可以取很长的名称,导致名称的横幅挡住了一部分的画面体验上不太好
zjp
    58
zjp  
   160 天前
firefox 浏览器
Uncaught TypeError: navigator.getGamepads is not a function
taxze
    59
taxze  
   160 天前
有意思~上瘾了!!
seeyourface
    60
seeyourface  
   160 天前
好可爱的画风
codyfeng
    61
codyfeng  
   160 天前 via Android
赞,做的不错,优化一下手机操控就好了
luluxia
    62
luluxia  
OP
   160 天前
@zjp #58 这个应该是引擎调用游戏手柄之类的报错,不过我目前还没适配过手柄
luluxia
    63
luluxia  
OP
   160 天前
@charslee013 #57 我限制的名称长度应该是十个字符,感觉还好吧。至于被震两次这个我好像没遇到过,关卡是随机的,你说的第二关具体是哪关我得知道左上角标的地图名称才行。
luluxia
    64
luluxia  
OP
   160 天前
@codyfeng #61 手机操控确实不如电脑方便,我也没太想到怎么设计比较好
luluxia
    65
luluxia  
OP
   160 天前
@zthxxx #56 我刚发现这个的时候还是 v2000 版本,那会其实已经用它写过几个 demo 了,现在的 v3000 虽然小毛病还是不少,不过用起来也已经还可以了。
tutustream
    66
tutustream  
   160 天前
中午试了,好玩

希望能 Z 键或者空格键跳跃
nealHuang
    67
nealHuang  
   160 天前
进度条一直 loading ,进不去
Gray2016
    68
Gray2016  
   160 天前
大佬,做了多久?
lsiufD
    69
lsiufD  
   160 天前
进去后是这样的,还不能退出房间
lsiufD
    70
lsiufD  
   160 天前
@lsiufD [Imgur]( )
magewu1223ll
    71
magewu1223ll  
   160 天前
一直卡在 loading 页
hymxm
    72
hymxm  
   160 天前
服务器顶不顶得住哦 这会打开好卡
CYZG
    73
CYZG  
   160 天前
上午摸鱼玩了一会,还挺好玩的
Panameragt
    74
Panameragt  
   160 天前
卡 loading
cyberCat
    75
cyberCat  
   160 天前
以前玩过这个游戏,特别喜欢进旗帜后发言嘲讽,原来叫 wtfgame 猫猫竞赛,好怀念
nealHuang
    76
nealHuang  
   160 天前
好玩,不过好卡
blank0ken
    77
blank0ken  
   160 天前
卡 loading 页,进不去
trio
    78
trio  
   160 天前
挺好玩的
zhaidoudou123
    79
zhaidoudou123  
   160 天前
卧槽,确实好玩
f6x
    80
f6x  
   160 天前
好玩. 9.9 分
Millerr
    81
Millerr  
   160 天前
太好玩了。
Golor
    82
Golor  
   160 天前
血压+1
fan296311175
    83
fan296311175  
   160 天前
挺好玩的!后期继续改进的话,可以加一些机制,比如二段跳、快速下坠、滑铲等等
PlanV
    84
PlanV  
   160 天前
不能暗黑风格,不符合摸鱼的标准啊,这么亮的界面,一眼就知道在摸鱼
HungryOrangeCat
    85
HungryOrangeCat  
   160 天前
博主你您好,我们是一家云服务提供商,如果您有需要,我们可以给您赞助云服务器
BTW,有时候会卡出地图呀,这个小 bug 看看有什么办法修复不
PlanV
    86
PlanV  
   160 天前
@fan296311175 再来点抓钩、跳板、传送门之类的,2D APEX 英雄
Yizhiteamo
    87
Yizhiteamo  
   160 天前
蛮有意思的
lockerhyz
    88
lockerhyz  
   160 天前
很好玩啊!甚至找到了童年玩小霸王的感觉
luluxia
    89
luluxia  
OP
   160 天前
@HungryOrangeCat #85 可以哇,有联系方式详聊一下看看吗,帧数过低的情况下可能会卡出地图,这个其实算是引擎本身的问题,我现在也没啥好办法能修复,帧数正常的情况下应该不会
yelan
    90
yelan  
   160 天前
开源不老哥!激起了大学做游戏时候的兴趣!
TArysiyehua
    91
TArysiyehua  
   160 天前
不知道怎么玩,我进到房间里,一个个黄黄的背景,每几秒中我的名字就掉下来。。。就没了,什么小心点,趴下,压根不知道怎么操作
luluxia
    92
luluxia  
OP
   160 天前
@TArysiyehua #91 现在确实少了点新手引导,可以先看看公告里的游戏介绍和操作指南
TArysiyehua
    93
TArysiyehua  
   160 天前
就是楼上那个人发的图,什么都没有
luluxia
    94
luluxia  
OP
   160 天前
@yelan #90 等稳定了或许会开源一部分吧,不过代码其实也是挺乱的
suzuko33
    95
suzuko33  
   160 天前
完了 玩上癮了
TArysiyehua
    96
TArysiyehua  
   160 天前
@luluxia 你说的公告啥的我都没有。。。
luluxia
    97
luluxia  
OP
   160 天前
@TArysiyehua #93 什么都没有应该是卡了,没加载完游戏素材,现在人多了服务器带宽不太顶得住了,也许会出现这种情况吧
HungryOrangeCat
    98
HungryOrangeCat  
   160 天前
@luluxia BASE64:UVE6MzQxMTkyMDQzNAo=
NoManPlay
    99
NoManPlay  
   160 天前
捉虫,移动端 safari 操作快了有时候会触发放大的功能,但是没有办法缩放回去,就会导致无法继续正常游玩
yelan
    100
yelan  
   160 天前
@luluxia 等你消息老哥!
1  2  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2745 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 34ms · UTC 12:33 · PVG 20:33 · LAX 05:33 · JFK 08:33
Developed with CodeLauncher
♥ Do have faith in what you're doing.