Skip to content
Jaye-520Public

About

斩妖幸存者 · 水墨修仙幸存者类肉鸽 | 纯前端零依赖零素材 Canvas 网页游戏,双击即玩

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

22 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗡️ 斩妖幸存者 · 水墨修仙

一款纯前端、零依赖、零素材的网页割草肉鸽游戏——水墨修仙世界观的"渐强曲线"生存战。

怎么玩

双击 index.html 即可开玩(或 python server.py 后访问 http://localhost:27514/)。

  • 🎯 你的小墨仙(玉青墨灵修士,顶髻扎朱砂发带、背着小葫芦)会自动出招,你只负责在结界(2400×1500 有界地图,别翻墙)里走位躲妖
  • 💎 击杀妖兽掉落灵石,走出拾取光环(脚下虚线圈)主动去捡——摄灵诀强化因此价值连城
  • ⚡ 斩妖积攒道行,充满后按 空格(手机点右下「奥义」钮)亲手释放泼墨千里——三重墨浪荡开全场
  • 📈 每次顿悟三选一功法,法术卡显示硬数字变化(如「伤害 14→18 · 数量 1→2」),界面下方有当前配装一览
  • 🏮 绝学进化:把一门法术练到满级、再把它的配套秘宝也练满,金色「顿悟·绝学」卡就会出现——六条流派线等你成线
  • 🎁 精英与妖王会掉锦囊,开出二选一法宝:太极图消弹幕、镇魂铃震慑、山河扇催奥义、照妖镜指方位、无字天书搏命、乾坤袋聚宝
  • 🖌️ 你斩下的每一只妖都会在宣纸上留墨——死亡或胜利时镜头拉远,这一局就是一幅你亲手画的水墨
  • ⏱️ 撑到 14 分钟、降伏最终妖王「万载墨魔」即飞升胜利
  • 📱 手机浏览器同样可玩:按住屏幕任意处拖动 = 虚拟摇杆

操作

设备 操作
电脑 WASD / 方向键移动,空格放奥义,Esc / P 暂停,数字键 1/2/3 快速选卡
手机 按住屏幕拖动移动,充满道行后点右下「奥义」大钮,点按所有按钮

渐强曲线(前期温和,后期封神)

前 1 分钟只有墨滴妖;每种新妖登场都有一次性提示,教会你一种新技能:

时间 新威胁 应对
0:30 玉兔精 风筝走位
1:35 幻泥妖 范围伤害(死后裂成两只小泥丸!)
2:00 幻蝶妖 蛇形走位干扰瞄准
3:00 灵箭手 躲慢速妖箭
4:00 妖王「年兽王」 第一次考试
4:30 白玉傀儡 集火
6:30 赤炎椒妖 看前摇躲冲锋
7:30 自爆雷妖 保持间距(爆炸会连锁!)
9:00 精英词缀(巨型/迅捷) 刷料与挑战
9:00 / 14:00 霜雪妖后 / 万载墨魔 决战

法术(各 5 级,升级肉眼可见)

  • 墨泉术:锁定最近敌人射出墨珠,3 级起溅起墨圈
  • 飞剑护体:飞剑绕身旋转,斩飞靠近的妖
  • 柳叶飞刀:自动锁定最近敌人,扇形穿透齐射
  • 风火流星:在妖堆里连续弹跳(撞妖反弹),持续输出
  • 罡气荡魔:高伤环形清场,4 级起荡两圈
  • 五雷法:随机落雷 + 溅射,5 级闪电弹跳

绝学(法术满级 + 配套秘宝满级 → 顿悟进化)

法术 配套秘宝 绝学 质变
墨泉术 凝神香 万墨归宗 高频三连大墨珠,墨圈翻倍
飞剑护体 疾风靴 剑心通明 八剑护体,周期荡出剑罡
柳叶飞刀 摄灵诀 飞花摘叶 无限穿透,漫天飞刃
风火流星 金元宝 燎原业火 四颗巨焰,熄灭时余烬爆
罡气荡魔 回春丹 太清罡气 三重罡气,荡魔回血
五雷法 神力符 九天神雷 六雷两跳,雷狱减速

被动(都有实感)

疾风靴(移速)、回春丹(血量 + 每秒回血跳字)、摄灵诀(拾取光环变大)、凝神香(出招可见变快)、神力符(伤害跳字变大变红)、金元宝(经验 + 道具掉率)。

技术

  • 原生 JavaScript + Canvas 2D + DOM UI,file:// 直接可玩
  • Q版水墨画法:妖兽身体经预烘焙(浓淡墨 + 洇墨毛边烘成离屏精灵),运行时贴图 + 缩放做 Q 弹
  • 宣纸舞台:纸纹斑驳与山水点缀全部程序生成,水墨七分靠留白
  • 音效与 BGM 由 Web Audio 实时合成(宫调五声 BGM、玉磬/天雷音色;调度器掉队对齐 + 同名音效限流,切后台回来不会"音爆")
  • 空间哈希网格碰撞 + 数组池化,200+ 妖稳 60 帧
  • 所有数值集中在 js/data.js(登场表/法术/被动/词缀/掉率),改完刷新即生效
  • localStorage 保存历史最佳

文件结构

index.html      入口 + UI 层
server.py       本地开发服务器(禁缓存,改码即生效)
css/style.css   水墨界面样式(宣纸卡/朱砂印/楷体)
js/utils.js     数学/随机工具
js/audio.js     音效与 BGM 合成器
js/data.js      全部数值配置表
js/entities.js  实体类与水墨绘制(含墨团预烘焙)
js/weapons.js   法术行为与图标
js/ui.js        菜单/升级卡/摇杆/HUD
js/game.js      主循环/波次导演/碰撞/状态机

About

斩妖幸存者 · 水墨修仙幸存者类肉鸽 | 纯前端零依赖零素材 Canvas 网页游戏,双击即玩

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages