INKWAVE 是一个运行在浏览器里的开源 4v4 涂地射击游戏,玩法灵感来自 Splatoon:玩家用武器把地面涂成己方颜色,涂地面积更多的一方获胜。它完全基于 Three.js 实时渲染,打开网页即可开打,无需下载安装客户端,手机浏览器同样可以游玩。项目采用 MIT 协议开源,仓库是原作者项目的 fork,代码结构清晰,角色动画、武器模型、贴图、道具、音效与音乐全部由代码程序化生成,除两款字体外不依赖任何外部素材。
对于想研究浏览器端多人游戏、粒子系统、角色控制与音画同步的开发者来说,它是一个完成度很高的参考范本,也适合直接拿来改造成自己的玩法。在线体验地址为 inkwave-aah.pages.dev,源码托管在 GitHub。
痛点是什么
想在浏览器里玩到有深度的多人射击游戏并不容易:多数网页小游戏画面简陋、玩法单一,缺少真正的对战机制;而商业射击游戏往往要下载几十 GB 的客户端,对设备配置和网络环境要求高,临时想和朋友开一局很难快速凑齐。对开发者而言,想学习浏览器端实时多人同步、墨水类流体表现和程序化动画,也很难找到机制完整、代码可读的开源样本,多数示例只停留在单机演示层面。
主要功能特点
INKWAVE 把涂地规则、武器搭配与在线房间做进了同一个网页,核心体验围绕墨水展开,操作门槛低但策略空间不小。
4v4 涂地与区域控制
提供涂地战与区域控制两种模式,还可与三档难度的机器人对战练手。
鱿鱼形态与墨水物理
潜入己方墨水可快速游动、补充墨量、攀爬涂过的墙面,并借水洼完成海豚跳。
十二种武器自由搭配
十二把主武器各具手感,可与十五种副武器、十九种大招任意组合。
好友房间与掉线接管
创建房间分享五位房间码即可联机,空位由机器人补足,掉线也有机器人接管。
为什么值得关注
它把实时渲染、程序化动画、音效生成与多人对战机制结合得相当完整,既是能直接玩的游戏,也是可拆解学习的开源工程。
全部资源程序化生成
角色、武器、贴图、音效与音乐均由代码生成,几乎没有外部素材依赖。
可读地图与联机架构
按住 Tab 可升起倾斜移轴视角查看实时战局,联机中继结构简单清晰。
MIT 协议便于二次开发
仓库结构清楚,适合直接 fork 改造玩法或作为网页游戏学习样本。
又一个牛逼的浏览器开源游戏来了,直接能玩的 Splatoon 风涂地射击。
支持在线对战,手机也能玩。仓库是原作者项目的 fork,MIT 协议。
这个 INKWAVE 是纯 Three.js 实现的 4v4 墨水大战,墨水游泳爬墙、12 种武器自由搭配,角色动画、音效、音乐全用代码生成,浏览器打开就能打,爽感很足,适合想做网页游戏的朋友直接上手 remix。
总结评价:这是一个把 Three.js 实时渲染、程序化动画、音效生成和多人对战机制结合得非常完整的范本级开源项目。代码里对墨水物理、武器平衡、地图交互的处理都很扎实,对于学习浏览器端多人游戏、粒子系统、角色控制和音画同步有很高参考价值,仓库结构清晰,适合拿来改自己的玩法。
体验地址和开源代码在评论区👇 https://github.com/amiaoapp/inkwave