florr.oi - ganyvze的博客

1
<!DOCTYPE html>
2
<!--floor.oi - v7.0-->
3
<html lang="zh-CN">
4
<head>
5
<meta charset="UTF-8">
6
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7
<title>floor.oi - 生态深渊</title>
8
<style>
9
* { margin:0; padding:0; box-sizing:border-box; user-select: none; }
10
body { background: #0f172a; overflow: hidden; font-family: 'Segoe UI', system-ui, sans-serif; }
11
canvas { display: block; background: #1e293b; cursor: crosshair; position: absolute; top:0; left:0; }
12
#ui-layer { position: absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; }
13
.panel { background: rgba(15, 23, 42, 0.85); border: 1px solid #334155; border-radius: 8px; padding: 10px; pointer-events: auto; backdrop-filter: blur(6px); color: #e2e8f0; font-size: 13px; }
14
#stats { position: absolute; top: 12px; left: 12px; }
15
#stats span { color: #60a5fa; font-weight: bold; }
16
#game-title { font-size: 16px; font-weight: 800; margin-bottom: 6px; letter-spacing: 1px; color: #facc15; text-shadow: 0 0 6px rgba(234, 179, 8, 0.4); }
17

18
/* 联机操作按钮组：内嵌在 stats 面板内，分隔线下方 */
19
#room-controls { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 8px; padding-top: 7px; border-top: 1px solid #334155; }
20

21
/* 新增：灵动岛状态栏 */
22
#dynamic-island { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); padding: 6px 20px; border-radius: 20px; display: none; align-items: center; gap: 15px; font-weight: bold; font-size: 14px; z-index: 38; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.4); }
23
#dynamic-island .room-code { color: #facc15; letter-spacing: 1px; }
24
#dynamic-island .player-count { color: #60a5fa; }
25

26
/* 新增：抗毒血清进度条 */
27
#serum-container { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); width: 200px; text-align: center; display: none; flex-direction: column; gap: 5px; z-index: 35; }
28
#serum-text { color: #cbd5e1; font-size: 12px; font-weight: bold; text-shadow: 0 1px 2px #000; }
29
#serum-bar-bg { width: 100%; height: 8px; background: rgba(0,0,0,0.6); border-radius: 4px; border: 1px solid #334155; overflow: hidden; }
30
#serum-bar-fill { width: 0%; height: 100%; background: linear-gradient(90deg, #22c55e, #4ade80); transition: width 0.1s linear; }
31
#cheat-review-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(220, 38, 38, 0.85); backdrop-filter: blur(8px); z-index: 2000; display: none; flex-direction: column; justify-content: center; align-items: center; color: #fff; pointer-events: auto; }
32
#cheat-review-overlay h2 { font-size: 32px; margin-bottom: 20px; letter-spacing: 2px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
33
#cheat-review-overlay p { font-size: 18px; margin-bottom: 30px; }
34
#cheat-actions { display: flex; gap: 20px; }
35
#instructions { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,0.7); color: #cbd5e1; padding: 8px 12px; border-radius: 6px; font-size: 12px; line-height: 1.4; pointer-events: none; max-width: 40%; text-align: right; }
36
#instructions b { color: #38bdf8; }
37
#inv-hint { position: absolute; bottom: 80px; left: 12px; color: #94a3b8; font-size: 12px; pointer-events: none; opacity: 0.7; line-height: 1.6; }
38
#inv-hint b { color: #38bdf8; }
39
#equip-bar { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 6px; min-width: 300px; z-index: 35; transition: transform 0.3s, bottom 0.3s, opacity 0.3s;}
40
#equip-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 0 4px; font-weight: bold; color: #e2e8f0; transition: color 0.2s; }
41
#equip-header:hover { color: #facc15; }
42
#equip-toggle { font-size: 14px; transition: transform 0.3s ease; color: #94a3b8; }
43
#equip-wrapper { overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease; max-height: 500px; opacity: 1; }
44
#equip-wrapper.collapsed { max-height: 0 !important; opacity: 0; pointer-events: none; }
45
#equip-wrapper.scrollable { overflow-y: auto; }
46
#equip-wrapper::-webkit-scrollbar { width: 5px; }
47
#equip-wrapper::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 4px; }
48
#equip-wrapper::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
49
#equip-wrapper::-webkit-scrollbar-thumb:hover { background: #64748b; }
50
#equip-grid { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; padding-top: 2px; }
51
.modal-base { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; display: none; flex-direction: column; gap: 10px; align-items: center; }
52
.modal-header { width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: 14px; margin-bottom: 4px; }
53
.close-btn { cursor: pointer; opacity: 0.6; font-size: 16px; transition: 0.2s; }
54
.close-btn:hover { opacity: 1; transform: scale(1.2); color: #ef4444; }
55
#inventory-modal { min-width: 420px; max-width: 650px; }
56
#dev-modal { min-width: 420px; min-height: 400px; padding: 20px; display: none; flex-direction: column; justify-content: space-between; border-color: #facc15; box-shadow: 0 0 25px rgba(234, 179, 8, 0.2); z-index: 55; }
57
#create-room-modal, #join-room-modal, #room-settings-modal { min-width: 350px; padding: 20px; display: none; flex-direction: column; z-index: 55; }
58
.btn-blue { background: #2563eb !important; border-color: #60a5fa !important; color: #fff !important; }
59
.btn-blue:hover { background: #1d4ed8 !important; }
60
.btn-red { background: #dc2626 !important; border-color: #f87171 !important; color: #fff !important; }
61
.btn-red:hover { background: #b91c1c !important; }
62
.dev-input-group { display: flex; justify-content: space-between; width: 100%; align-items: center; font-size: 12px; margin-bottom: 12px; color: #cbd5e1; }
63
.dev-input-group input, .dev-input-group select { background: #0f172a; border: 1px solid #475569; color: #facc15; padding: 4px 8px; border-radius: 4px; width: 80px; text-align: center; font-weight: bold; outline: none; }
64
.dev-input-group input:focus, .dev-input-group select:focus { border-color: #38bdf8; }
65
.dev-input-group.full-width input { width: 100%; text-align: left; }
66
.room-list-area { width: 100%; max-height: 150px; overflow-y: auto; background: rgba(0,0,0,0.3); border-radius: 4px; padding: 5px; margin-bottom: 10px; border: 1px solid #475569; }
67
.room-item { display: flex; justify-content: space-between; align-items: center; padding: 8px; border-bottom: 1px solid #334155; font-size: 12px; }
68
.room-item:last-child { border-bottom: none; }
69
.room-item span.code { color: #facc15; font-weight: bold; }
70
#inv-grid { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; min-height: 46px; padding: 6px; background: rgba(0,0,0,0.2); border-radius: 6px; width: 100%; }
71
#craft-panel { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; width: 100%; margin-top: 4px; }
72
.craft-btn { padding: 6px 10px; background: #1e293b; border: 1px solid #475569; color: #94a3b8; border-radius: 6px; cursor: pointer; font-size: 12px; transition: 0.2s; }
73
.craft-btn:hover:not(:disabled) { background: #334155; color: #e2e8f0; border-color: #60a5fa; }
74
.craft-btn:disabled { opacity: 0.4; cursor: not-allowed; }
75
.craft-btn span { color: #facc15; }
76
#drag-ghost { position: fixed; pointer-events: none; z-index: 1000; display: none; width: 38px; height: 38px; border-radius: 8px; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; color: #000; box-shadow: 0 4px 12px rgba(0,0,0,0.5); text-shadow: 0 0 3px #fff; }
77

78
@keyframes rainbow-bg { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
79
.mythic-bg { background: linear-gradient(124deg, #ff2400, #eab308, #22c55e, #0ea5e9, #a855f7, #ef4444) !important; background-size: 300% 300% !important; animation: rainbow-bg 2s ease infinite !important; color: #fff !important; text-shadow: 0 0 4px #000 !important; border-color: rgba(255,255,255,0.8) !important; }
80
.mythic-text { background: linear-gradient(124deg, #ff2400, #eab308, #22c55e, #0ea5e9, #a855f7, #ef4444) !important; background-size: 300% 300% !important; animation: rainbow-bg 2s ease infinite !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 900 !important; text-shadow: none !important; }
81

82
.overlay { backdrop-filter: blur(8px) saturate(120%); z-index: 40; opacity: 0; pointer-events: none; background: rgba(15, 23, 42, 0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 0.4s ease; position: absolute; top: 0; left: 0; }
83
.overlay.visible { opacity: 1; pointer-events: auto; }
84
#pause-content { display: flex; flex-direction: column; align-items: center; opacity: 0; transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s; transform: translateY(20px); }
85
#pause-content.visible { opacity: 1; transform: translateY(0); }
86
#pause-content h1 { color: #60a5fa; text-shadow: 0 0 20px rgba(59, 130, 246, 0.8); letter-spacing: 8px; margin-bottom: 20px; font-size: 56px; }
87
#pause-content p { color: #cbd5e1; letter-spacing: 2px; font-size: 20px; font-weight: bold; }
88

89
#gameOver, #multiplayerRevive { backdrop-filter: blur(10px) saturate(100%); z-index: 100; opacity: 0; pointer-events: none; background: rgba(11, 12, 16, 0.92); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 0.5s ease; position: absolute; top: 0; left: 0; }
90
#gameOver.visible, #multiplayerRevive.visible { opacity: 1; pointer-events: auto; }
91
.game-over-content { display: flex; flex-direction: column; align-items: center; opacity: 0; transform: translateY(30px); transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s; }
92
.visible .game-over-content { opacity: 1; transform: translateY(0); }
93
.game-over-content h1 { color: #ef4444; text-shadow: 0 0 25px rgba(239, 68, 68, 0.8); letter-spacing: 6px; margin-bottom: 25px; font-size: 60px; }
94
.game-over-content p { color: #cbd5e1; font-size: 20px; margin-bottom: 15px; letter-spacing: 1px; }
95
.highlight { color: #facc15; font-weight: 800; }
96
.big-btn { color: #38bdf8; border: 2px solid #38bdf8; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; background: transparent; border-radius: 8px; padding: 15px 45px; font-size: 22px; transition: all 0.3s; margin-top: 30px; font-weight: bold; }
97
.big-btn:hover { background: #38bdf8; color: #0f172a; box-shadow: 0 0 30px rgba(56, 189, 248, 0.6); transform: scale(1.05); }
98
</style>
99
</head>
100
<body>
101
<canvas id="game"></canvas>
102
<!-- 反作弊红屏遮罩 -->
103
<div id="cheat-review-overlay">
104
<h2>⚠️ 异常行为警报</h2>
105
<p id="cheat-review-text">检测到玩家异常缩放行为，房间已暂停，等待房主审核...</p>
106
<div id="cheat-actions" style="display: none;">
107
<button class="craft-btn btn-red" onclick="decideCheat('kick')">踢出作弊者并继续</button>
108
<button class="craft-btn btn-blue" onclick="decideCheat('ignore')">忽略并继续游戏</button>
109
</div>
110
</div>
111
<div class="overlay" id="pause-overlay" onclick="handleOverlayClick()">
112
<div id="pause-content">
113
<h1>已暂停</h1>
114
<p>[ 点击屏幕 或 空格键 继续 ]</p>
115
</div>
116
</div>
117

118
<div id="ui-layer">
119
<div id="stats" class="panel">
120
<div id="game-title">floor.oi - 生态深渊</div>
121
🌼 等级: <span id="lvl">1</span> | ❤️ HP: <span id="hp">100</span>/<span id="maxHp">100</span><br>
122
⭐ 经验: <span id="xp">0</span>/<span id="xpMax">20</span> | 🌸 最高阶: <span id="maxTier">普通</span><br>
123
🧭 探索深度: <span id="depth" style="color:#a78bfa;">0</span>m
124
<div id="room-controls">
125
<button class="craft-btn btn-blue" id="btn-create-room" onclick="openModal('create-room-modal')">新建房间</button>
126
<button class="craft-btn" id="btn-join-room" onclick="openModal('join-room-modal')">加入房间</button>
127
<button class="craft-btn btn-blue" id="btn-room-settings" style="display:none;" onclick="openModal('room-settings-modal')">房间设置</button>
128
<button class="craft-btn btn-red" id="btn-leave-room" style="display:none;" onclick="LAN.leaveRoom()">退出房间</button>
129
</div>
130
</div>
131

132
<!-- 灵动岛 -->
133
<div id="dynamic-island" class="panel">
134
<span class="room-code">房间: <span id="di-code">------</span></span>
135
<span class="player-count">人数: <span id="di-count">1</span>/32</span>
136
</div>
137

138
<!-- 抗毒血清UI -->
139
<div id="serum-container">
140
<div id="serum-text">长按 Q 键注射抗毒血清</div>
141
<div id="serum-bar-bg">
142
<div id="serum-bar-fill"></div>
143
</div>
144
</div>
145

146
<div id="inv-hint">按 <b>F12</b> 进入开发者模式<br>按 <b>空格</b> 暂停<br>按 <b>Z</b> 打开背包<br><b>Shift + 点击</b> 快速整理物品</div>
147
<div id="instructions">🎮 <b>左键长按</b>：提速、扩圈、发射飞刀<br>
148
🖱️ <b>右键长按</b>：聚拢防身、全面增加伤害<br>
149
🧭 <b> ` 键</b>：显示 / 隐藏中心导航<br>
150
💉 <b> Q 键长按</b>：注射抗毒血清(联机)
151
</div>
152

153
<div id="equip-bar" class="panel">
154
<div id="equip-header" onclick="toggleEquipBar()"><span>🎒 已装备</span><span id="equip-toggle">▼</span></div>
155
<div id="equip-wrapper"><div id="equip-grid"></div></div>
156
</div>
157

158
<!-- 模态框: 背包 -->
159
<div id="inventory-modal" class="panel modal-base">
160
<div class="modal-header">📦 背包 (不同类型同阶花瓣可任意混合合成)<span class="close-btn" onclick="closeModal('inventory-modal')">✕</span></div>
161
<div id="inv-grid"></div><div id="craft-panel"></div>
162
</div>
163

164
<!-- 模态框: 开发者 -->
165
<div id="dev-modal" class="panel modal-base">
166
<div class="modal-header" style="color: #facc15;">🛠️ 开发者控制台<span class="close-btn" onclick="closeModal('dev-modal')">✕</span></div>
167
<div id="dev-scroll-area" style="width:100%; max-height:300px; overflow-y:auto; padding-right:8px; margin-bottom:5px;">
168
<style>#dev-scroll-area::-webkit-scrollbar{width:6px}#dev-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px}#dev-scroll-area::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}#dev-scroll-area::-webkit-scrollbar-thumb:hover{background:#64748b}</style>
169
<div class="dev-input-group"><label>掉落倍率 (推荐 0.5 ~ 5.0):</label><input type="number" id="dev-drop" step="0.1" min="0"></div>
170
<div class="dev-input-group"><label>合成成功率倍率:</label><input type="number" id="dev-craft" step="0.1" min="0"></div>
171
<div class="dev-input-group"><label>最大装配花瓣数上限:</label><input type="number" id="dev-max-equip" step="1" min="1" max="100"></div>
172
<div class="dev-input-group"><label>移速倍率:</label><input type="number" id="dev-speed" step="0.1" min="0.1"></div>
173
<div class="dev-input-group"><label>伤害倍率:</label><input type="number" id="dev-dmg" step="0.1" min="0.1"></div>
174
<div class="dev-input-group"><label>当前血量:</label><input type="number" id="dev-hp" step="1"></div>
175
<div class="dev-input-group"><label>血量回复速度 (每秒):</label><input type="number" id="dev-regen" step="1"></div>
176
<div class="dev-input-group"><label>经验倍率:</label><input type="number" id="dev-xp" step="0.1" min="0"></div>
177
</div>
178
<button class="craft-btn" style="width:100%; border-color:#a855f7; color:#c084fc; font-weight:bold; margin-bottom:5px; font-size: 13px; letter-spacing: 1px;" onclick="clearAllEnemies()">🛡️ 清除所有敌人</button>
179
<div style="display:flex; gap:10px; width:100%;">
180
<button class="craft-btn btn-red" style="flex:1;" onclick="resetDevSettings()">恢复初始设置</button>
181
<button class="craft-btn btn-blue" style="flex:1;" onclick="applyDevSettings()">应用并保存</button>
182
</div>
183
</div>
184

185
<!-- 模态框: 创建房间 -->
186
<div id="create-room-modal" class="panel modal-base">
187
<div class="modal-header" style="color: #60a5fa;">🏠 创建联机房间<span class="close-btn" onclick="closeModal('create-room-modal')">✕</span></div>
188
<div style="width:100%; margin-top: 10px;">
189
<div class="dev-input-group">
190
<label>服务器IP后4位 (局域网):</label>
191
<div style="display:flex; align-items:center; gap:5px;">
192
<span style="color:#94a3b8">192.168.</span>
193
<input type="text" id="ipt-server-ip" placeholder="x.x" value="1.2" style="width:60px;">
194
</div>
195
</div>
196
<div class="dev-input-group">
197
<label>玩家昵称:</label>
198
<input type="text" id="ipt-cr-name" maxlength="16" placeholder="输入昵称">
199
</div>
200
<div class="dev-input-group">
201
<label>作弊处理规则:</label>
202
<select id="sel-cr-cheat">
203
<option value="0">交由房主审核 (推荐)</option>
204
<option value="1">允许作弊继续</option>
205
</select>
206
</div>
207
<div class="dev-input-group" style="justify-content: flex-start; gap: 10px;">
208
<input type="checkbox" id="chk-cr-dev" checked style="width: auto;">
209
<label for="chk-cr-dev">允许非房主玩家使用开发者模式</label>
210
</div>
211
<p style="font-size: 11px; color:#94a3b8; margin: 10px 0;">* 创建后将自动生成6位数字房间码，局域网内玩家可通过房间码加入。</p>
212
<div style="display:flex; gap:10px; width:100%;">
213
<button class="craft-btn" style="flex:1;" onclick="closeModal('create-room-modal')">取消</button>
214
<button class="craft-btn btn-blue" style="flex:1;" onclick="LAN.createRoom()">创建并进入</button>
215
</div>
216
</div>
217
</div>
218

219
<!-- 模态框: 加入房间 -->
220
<div id="join-room-modal" class="panel modal-base">
221
<div class="modal-header" style="color: #60a5fa;">🔌 加入联机房间<span class="close-btn" onclick="closeModal('join-room-modal')">✕</span></div>
222
<div style="width:100%; margin-top: 10px;">
223
<div class="dev-input-group">
224
<label>服务器IP后4位:</label>
225
<div style="display:flex; align-items:center; gap:5px;">
226
<span style="color:#94a3b8">192.168.</span>
227
<input type="text" id="ipt-join-server-ip" placeholder="x.x" value="1.2" style="width:60px;">
228
</div>
229
</div>
230
<div class="dev-input-group">
231
<label>玩家昵称:</label>
232
<input type="text" id="ipt-join-name" maxlength="16" placeholder="输入昵称">
233
</div>
234
<div class="dev-input-group">
235
<label>6位房间码:</label>
236
<input type="text" id="ipt-join-code" maxlength="6" placeholder="123456" oninput="this.value=this.value.replace(/[^0-9]/g,'')">
237
</div>
238
<div style="font-size: 12px; color:#cbd5e1; margin-bottom: 4px;">局域网已发现房间: (自动刷新)</div>
239
<div class="room-list-area" id="lan-room-list">
240
<div style="text-align:center; color:#64748b; padding:10px;">暂无可用房间</div>
241
</div>
242
<div style="display:flex; gap:10px; width:100%; margin-top:10px;">
243
<button class="craft-btn" style="flex:1;" onclick="closeModal('join-room-modal')">取消</button>
244
<button class="craft-btn btn-blue" style="flex:1;" onclick="LAN.joinRoom()">加入房间</button>
245
</div>
246
</div>
247
</div>
248

249
<!-- 模态框: 房间设置 -->
250
<div id="room-settings-modal" class="panel modal-base">
251
<div class="modal-header" style="color: #facc15;">⚙️ 房间设置 (仅房主)<span class="close-btn" onclick="closeModal('room-settings-modal')">✕</span></div>
252
<div style="width:100%; margin-top: 10px;">
253
<div class="dev-input-group">
254
<label>作弊处理规则:</label>
255
<select id="sel-rs-cheat">
256
<option value="0">交由房主审核</option>
257
<option value="1">允许作弊继续</option>
258
</select>
259
</div>
260
<div class="dev-input-group" style="justify-content: flex-start; gap: 10px;">
261
<input type="checkbox" id="chk-rs-dev" style="width: auto;">
262
<label for="chk-rs-dev">允许非房主玩家使用开发者模式</label>
263
</div>
264
<div style="display:flex; gap:10px; width:100%; margin-top:15px;">
265
<button class="craft-btn" style="flex:1;" onclick="closeModal('room-settings-modal')">取消</button>
266
<button class="craft-btn btn-blue" style="flex:1;" onclick="LAN.updateSettings()">保存修改</button>
267
</div>
268
</div>
269
</div>
270
</div>
271

272
<div id="drag-ghost"></div>
273

274
<!-- 单人死亡 -->
275
<div id="gameOver">
276
<div class="game-over-content">
277
<h1>💀 花朵凋零</h1>
278
<p>探索在第 <span id="finalPos" class="highlight">0</span> 米的深渊被终结</p>
279
<p style="font-size: 18px; color: #38bdf8; margin-bottom: 20px;">最终等级 <span id="finalLvl" style="font-weight:700; color:#fff;">1</span> | 存活 <span id="survTime" style="font-weight:700; color:#fff;">0</span>s</p>
280
<button class="big-btn" onclick="location.reload()">重新探索</button>
281
</div>
282
</div>
283

284
<!-- 联机死亡 -->
285
<div id="multiplayerRevive">
286
<div class="game-over-content">
287
<h1>💀 你已被击败</h1>
288
<p>可复活在地图中心，等级、背包将被<span class="highlight">重置</span></p>
289
<p style="font-size: 16px; color: #94a3b8; margin-bottom: 20px;">(开发者模式倍率配置保留)</p>
290
<button class="big-btn" onclick="LAN.revive()">立即复活</button>
291
</div>
292
</div>
293

294
<script>
295
// ==================== 核心单人游戏引擎与变量 ====================
296
const canvas = document.getElementById('game');
297
const ctx = canvas.getContext('2d');
298
function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }
299
window.addEventListener('resize', resize); resize();
300

301
let running = true, frame = 0, startTime = Date.now();
302
let mouseX = canvas.width/2, mouseY = canvas.height/2;
303
window.addEventListener('mousemove', e => { mouseX = e.clientX; mouseY = e.clientY; });
304

305
let shiftPressed = false, isPaused = false, isPausedBySpace = false, activeModal = null;
306
let equipCollapsed = false, showNav = false, navProgress = 0, needsUIRender = true, screenShake = 0;
307
let isLeftMouseDown = false, isRightMouseDown = false, currentRadiusOffset = 0, equipZIndexTimer = null;
308

309
let sessionDropMult = 0.85 + Math.random() * 0.3, sessionCraftMult = 0.95 + Math.random() * 0.1, maxEquipLimit = 12;
310
let sessionSpeedMult = 1.0, sessionDmgMult = 1.0, sessionXpMult = 1.0, sessionHpRegen = 1;
311

312
window.addEventListener('mousedown', e => { if (e.button===0) isLeftMouseDown=true; if (e.button===2) isRightMouseDown=true; });
313
window.addEventListener('mouseup', e => { if (e.button===0) isLeftMouseDown=false; if (e.button===2) isRightMouseDown=false; });
314
window.addEventListener('contextmenu', e => e.preventDefault());
315

316
const camera = { x: 0, y: 0 };
317
const player = { x: 0, y: 0, vx: 0, vy: 0, r: 18, baseSpeed: 3.5, hp: 100, maxHp: 100, lvl: 1, xp: 0, xpMax: 20, invincibleTimer: 0, hurtFlashTimer: 0 };
318

319
const TIERS =['common', 'unusual', 'rare', 'epic', 'legendary', 'mythic'];
320
const TIER_NAMES = { common:'普通', unusual:'不凡', rare:'稀有', epic:'史诗', legendary:'传奇', mythic:'至臻' };
321
const TIER_COLORS = { common:'#22c55e', unusual:'#eab308', rare:'#3b82f6', epic:'#a855f7', legendary:'#ef4444', mythic:'#ffffff' };
322
const TIER_STATS = {
323
common:   { dmg:3, speedBonus:1.0, regen: 180, ffDmg: 5 }, unusual:  { dmg:5, speedBonus:1.1, regen: 150, ffDmg: 8 },
324
rare:     { dmg:8, speedBonus:1.2, regen: 120, ffDmg: 12 }, epic:     { dmg:12, speedBonus:1.35, regen: 90, ffDmg: 15 },
325
legendary:{ dmg:18, speedBonus:1.5, regen: 60, ffDmg: 20 }, mythic:   { dmg:28, speedBonus:1.8, regen: 30, ffDmg: 28 }
326
};
327
const KIND_ICONS = { melee:'', explosive:'爆', missile:'射', speed:'速', guardian:'护' };
328
const BASE_CRAFT_RATES = { common:0.68, unusual:0.58, rare:0.48, epic:0.38, legendary:0.28 };
329
const CRAFT_RATES = {};
330
for (let key in BASE_CRAFT_RATES) CRAFT_RATES[key] = Math.min(1.0, BASE_CRAFT_RATES[key] * sessionCraftMult);
331

332
function getPetalColor(type, offset=0) { return type==='mythic' ? `hsl(${((frame+offset)*3)%360}, 100%, 60%)` : TIER_COLORS[type]; }
333

334
let equipped =[], inventory = [], groundPetals = [], enemies =[], particles =[], damageTexts =[], blastWaves =[];
335
const rand = (a,b)=>Math.random()*(b-a)+a; const dist = (a,b)=>Math.hypot(a.x-b.x, a.y-b.y); const collides = (a,b)=>dist(a,b)<a.r+b.r;
336
const randomKind = () => { const r=Math.random(); if(r<0.35) return 'melee'; if(r<0.55) return 'missile'; if(r<0.75) return 'explosive'; if(r<0.95) return 'speed'; return 'guardian'; };
337
const createPetal = (type, x=0, y=0, kind=randomKind())=>({ id: Date.now()+Math.random(), type: String(type), kind: kind, dmg: TIER_STATS[String(type)].dmg, r: 8, x, y, durability: 5, maxDurability: 5, isActive: true, cooldownTimer: 0, missileState: 'idle', missileTimer: 0, missileVx: 0, missileVy: 0 });
338

339
// 初始装备
340
function resetInventory() {
341
equipped = []; inventory = []; groundPetals =[];
342
for(let i=0;i<4;i++) equipped.push(createPetal('common', 0, 0, 'melee'));
343
needsUIRender = true;
344
}
345
resetInventory();
346

347
function getCurrentMaxTierIdx() { const all =[...equipped, ...inventory]; return all.length ? Math.max(...all.map(p => TIERS.indexOf(p.type))) : 0; }
348
function spawnParticles(x, y, color, count=5, speedMult=1){ for(let i=0;i<count;i++) particles.push({x, y, vx:rand(-3,3)*speedMult, vy:rand(-3,3)*speedMult, life:rand(15,40), color, r:rand(2,5)}); }
349
function spawnDamageText(x, y, text, color) { damageTexts.push({ x: x+rand(-10,10), y: y-10, text, color, life: 40, maxLife: 40, vy: -1.5 }); }
350
function getMapDepth() { return Math.floor(Math.hypot(player.x, player.y) / 100); }
351

352
function dropGroundPetal(x, y) {
353
const depth = getMapDepth(); let maxIdx = getCurrentMaxTierIdx();
354
if (depth > 20 && maxIdx < TIERS.length - 1 && Math.random() < 0.05 * sessionDropMult) maxIdx++;
355
let dropIdx = 0;
356
for (let i = maxIdx; i >= 0; i--) {
357
let dropChance = Math.min((0.35 / Math.pow(2.2, i) + (depth * 0.0015)) * sessionDropMult, 0.85);
358
if (i === 0 || Math.random() < dropChance) { dropIdx = i; break; }
359
}
360
const p = createPetal(TIERS[dropIdx], x, y); p.life = 600; groundPetals.push(p); needsUIRender = true;
361
}
362

363
// ==================== 模态框与UI管理系统 (兼容联机) ====================
364
function openModal(id) {
365
if (activeModal && activeModal !== id) closeModal(activeModal);
366
// 打开背包/开发者面板时清除空格暂停标志，关闭后不残留暂停（与单机版一致）
367
if (id === 'inventory-modal' || id === 'dev-modal') isPausedBySpace = false;
368
activeModal = id;
369
document.getElementById(id).style.display = 'flex';
370
if(id === 'dev-modal') {
371
document.getElementById('dev-drop').value = sessionDropMult.toFixed(2);
372
document.getElementById('dev-craft').value = sessionCraftMult.toFixed(2);
373
document.getElementById('dev-max-equip').value = maxEquipLimit;
374
document.getElementById('dev-speed').value = sessionSpeedMult.toFixed(2);
375
document.getElementById('dev-dmg').value = sessionDmgMult.toFixed(2);
376
document.getElementById('dev-hp').value = Math.ceil(player.hp);
377
document.getElementById('dev-regen').value = sessionHpRegen;
378
document.getElementById('dev-xp').value = sessionXpMult.toFixed(2);
379
} else if(id === 'create-room-modal' || id === 'join-room-modal') {
380
const randName = "User_" + Math.floor(Math.random()*9000 + 1000);
381
document.getElementById('ipt-cr-name').value = randName;
382
document.getElementById('ipt-join-name').value = randName;
383
} else if(id === 'room-settings-modal') {
384
document.getElementById('sel-rs-cheat').value = LAN.roomConfig.cheatRule;
385
document.getElementById('chk-rs-dev').checked = LAN.roomConfig.devModeAllowed;
386
}
387
needsUIRender = true; updatePauseState();
388
}
389
function closeModal(id) { document.getElementById(id).style.display = 'none'; activeModal = null; updatePauseState(); }
390
function toggleEquipBar() {
391
equipCollapsed = !equipCollapsed;
392
const wrapper = document.getElementById('equip-wrapper'), toggleBtn = document.getElementById('equip-toggle');
393
if (equipCollapsed) { wrapper.classList.add('collapsed'); toggleBtn.textContent = '▲'; }
394
else { wrapper.classList.remove('collapsed'); toggleBtn.textContent = '▼'; needsUIRender = true; }
395
}
396
function togglePause() { if (!activeModal) { isPausedBySpace = !isPausedBySpace; updatePauseState(); } }
397
function updatePauseState() {
398
isPaused = activeModal !== null || isPausedBySpace || LAN.isRoomPaused;
399
const overlay = document.getElementById('pause-overlay'), content = document.getElementById('pause-content'), equipBar = document.getElementById('equip-bar');
400
if (equipZIndexTimer) { clearTimeout(equipZIndexTimer); equipZIndexTimer = null; }
401
if (isPaused && !LAN.isRoomPaused) { // 红屏时不由这里控
402
overlay.classList.add('visible');
403
equipBar.style.zIndex = activeModal==='inventory-modal' ? '45' : '35';
404
if (isPausedBySpace && !activeModal) content.classList.add('visible'); else content.classList.remove('visible');
405
} else {
406
overlay.classList.remove('visible'); content.classList.remove('visible');
407
equipZIndexTimer = setTimeout(() => { if (!isPaused) equipBar.style.zIndex = '35'; equipZIndexTimer = null; }, 400);
408
}
409
}
410
function handleOverlayClick() { if (activeModal) closeModal(activeModal); else if (isPausedBySpace) togglePause(); }
411

412
// 键盘事件 (结合联机与单机)
413
window.addEventListener('keydown', e => {
414
if (!running) return;
415
if(e.key === 'Shift') shiftPressed = true;
416
if(e.key.toLowerCase() === 'z' && !e.repeat) {
417
if(activeModal==='inventory-modal') closeModal('inventory-modal'); else openModal('inventory-modal');
418
}
419
if(e.key === 'F12' && !e.repeat) {
420
e.preventDefault();
421
if(LAN.isMultiplayer && !LAN.isHost && !LAN.roomConfig.devModeAllowed) {
422
spawnDamageText(player.x, player.y, "房主已禁用非房主开发者模式", "#ef4444"); return;
423
}
424
if(activeModal==='dev-modal') closeModal('dev-modal'); else openModal('dev-modal');
425
}
426
if ((e.key === ' ' || e.code === 'Space') && !e.repeat) {
427
if (activeModal) {
428
// 任何模态框（含创建/加入房间）：先失焦输入框，再强制关闭
429
if (document.activeElement && typeof document.activeElement.blur === 'function') document.activeElement.blur();
430
closeModal(activeModal);
431
} else if (!document.activeElement.tagName.match(/INPUT|SELECT/)) {
432
togglePause();
433
}
434
}
435
if (e.key === '`' || e.code === 'Backquote') showNav = !showNav;
436
if (e.key.toLowerCase() === 'q' && LAN.isMultiplayer && LAN.bleedStacks > 0) LAN.startSerum();
437
});
438
window.addEventListener('keyup', e => {
439
if(e.key === 'Shift') shiftPressed = false;
440
if(e.key.toLowerCase() === 'q') LAN.stopSerum();
441
});
442

443
// ==================== 联机核心系统 (NetworkManager & Logic) ====================
444
const LAN = {
445
isMultiplayer: false, isHost: false, roomCode: '', clientId: '',
446
players: {},
447
playerPetalsState: {}, // 存储玩家花瓣的动态状态
448
roomConfig: { cheatRule: 0, devModeAllowed: true },
449
isRoomPaused: false, bleedStacks: 0, isInjecting: false, serumProgress: 0, bleedStartTime: 0, lastBleedTick: 0,
450
serverUrl: '',
451
pollTimer: null, beaconTimer: null, targetCheatId: '',
452

453
init() {
454
this.clientId = 'CLI_' + Math.floor(Math.random()*1000000);
455
setInterval(() => this.antiCheatCheck(), 2000);
456
// 【新增】自动扫描局域网房间
457
setInterval(() => this.scanRooms(), 2000);
458
},
459
// 更新玩家花瓣的动态状态
460
updatePetalsState(dt) {
461
for (const playerId in this.playerPetalsState) {
462
const state = this.playerPetalsState[playerId];
463
const petals = state.petals;
464
for (let i = 0; i < petals.length; i++) {
465
const petalState = petals[i];
466
// 平滑调整速度到目标值
467
const speedDiff = petalState.targetSpeed - petalState.currentSpeed;
468
petalState.currentSpeed += speedDiff * 0.1; // 平滑系数
469
// 更新角度
470
petalState.angle += petalState.currentSpeed * dt;
471
// 归一化角度
472
petalState.angle = petalState.angle % (Math.PI * 2);
473
if (petalState.angle < 0) petalState.angle += Math.PI * 2;
474
}
475
}
476
},
477
// 平滑插值其他玩家的显示位置
478
  updatePlayerInterpolation(dt) {
479
    for (const playerId in this.playerPetalsState) {
480
      const state = this.playerPetalsState[playerId];
481
      if (!this.players[playerId]) continue;
482
      const dx = state.targetX - state.displayX;
483
      const dy = state.targetY - state.displayY;
484
      const dist = Math.hypot(dx, dy);
485
      if (dist < 0.5) {
486
        state.displayX = state.targetX;
487
        state.displayY = state.targetY;
488
      } else {
489
        let lerpFactor;
490
        if (dist < 5) {
491
          lerpFactor = 0.12;
492
        } else if (dist < 30) {
493
          lerpFactor = 0.18;
494
        } else if (dist < 100) {
495
          lerpFactor = 0.28;
496
        } else if (dist < 300) {
497
          lerpFactor = 0.40;
498
        } else {
499
          lerpFactor = 0.55;
500
        }
501
        lerpFactor = 1 - Math.pow(1 - lerpFactor, dt);
502
        state.displayX += dx * lerpFactor;
503
        state.displayY += dy * lerpFactor;
504
      }
505
      state.x = state.displayX;
506
      state.y = state.displayY;
507
      this.players[playerId].x = state.displayX;
508
      this.players[playerId].y = state.displayY;
509
    }
510
  },
511

512
  // 计算花瓣的世界坐标
513
  getPetalWorldPosition(playerId, petalIndex) {
514
const state = this.playerPetalsState[playerId];
515
if (!state || !state.petals[petalIndex]) return null;
516
const petalState = state.petals[petalIndex];
517
return {
518
x: state.x + Math.cos(petalState.angle) * petalState.radius,
519
y: state.y + Math.sin(petalState.angle) * petalState.radius,
520
angle: petalState.angle
521
};
522
},
523

524
getBaseUrl(prefix) {
525
let ipPart = prefix.trim() || "1.2";
526
return `http://192.168.${ipPart}:28082`;
527
},
528

529
async _fetch(endpoint, bodyObj, prefixIp) {
530
try {
531
const url = this.getBaseUrl(prefixIp) + endpoint;
532
const res = await fetch(url, { method: 'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify(bodyObj) });
533
return await res.json();
534
} catch(e) { console.error(e); return {success: false, message: "网络请求失败，请确保服务端已运行"}; }
535
},
536

537
// 【新增】扫描房间替代UDP广播（解决浏览器无法接收UDP的限制）
538
async scanRooms() {
539
if (this.isMultiplayer || document.getElementById('join-room-modal').style.display !== 'flex') return;
540
const ip = document.getElementById('ipt-join-server-ip').value || '1.2';
541
try {
542
const res = await fetch(`http://192.168.${ip}:28082/api/room/list`);
543
const data = await res.json();
544
const listArea = document.getElementById('lan-room-list');
545
if (data.rooms.length === 0) {
546
listArea.innerHTML = '<div style="text-align:center; color:#64748b; padding:10px;">暂无可用房间</div>';
547
return;
548
}
549
listArea.innerHTML = '';
550
data.rooms.forEach(r => {
551
listArea.innerHTML += `
552
<div class="room-item">
553
    <span><span class="code">${r.code}</span> - ${r.name} (${r.count}/32)</span>
554
    <button class="craft-btn btn-blue" onclick="document.getElementById('ipt-join-code').value='${r.code}'">选择</button>
555
</div>`;
556
});
557
} catch(e) {}
558
},
559

560
async createRoom() {
561
const ip = document.getElementById('ipt-server-ip').value;
562
const name = document.getElementById('ipt-cr-name').value.trim() || 'Player';
563
const rule = document.getElementById('sel-cr-cheat').value;
564
const devAllowed = document.getElementById('chk-cr-dev').checked;
565

566
const res = await this._fetch('/api/room/create', { client_id: this.clientId, name, cheat_rule: rule, dev_mode_allowed: devAllowed }, ip);
567
if(res.success) {
568
this.serverUrl = this.getBaseUrl(ip);
569
this.roomCode = res.code; this.isHost = true; this.isMultiplayer = true;
570
this.roomConfig = { cheatRule: parseInt(rule), devModeAllowed: devAllowed };
571
this.enterMultiplayerMode();
572
closeModal('create-room-modal');
573
} else alert(res.message);
574
},
575

576
async joinRoom() {
577
const ip = document.getElementById('ipt-join-server-ip').value;
578
const name = document.getElementById('ipt-join-name').value.trim() || 'Player';
579
const code = document.getElementById('ipt-join-code').value.trim();
580
if(code.length !== 6) return alert("请输入6位房间码");
581

582
const res = await this._fetch('/api/room/join', { client_id: this.clientId, name, code }, ip);
583
if(res.success) {
584
this.serverUrl = this.getBaseUrl(ip);
585
this.roomCode = code; this.isHost = false; this.isMultiplayer = true;
586
this.enterMultiplayerMode();
587
closeModal('join-room-modal');
588
} else alert(res.message);
589
},
590

591
leaveRoom() {
592
// 注：由于服务端无显式leave端点，利用5秒心跳超时自动清理退出玩家
593
this.playerPetalsState = {}; // 清理花瓣状态
594
this.resetToSingle();
595
},
596

597
resetToSingle() {
598
this.isMultiplayer = false; this.isHost = false; this.roomCode = ''; this.players = {};
599
this.clearBleed(); this.stopSerum(); this.isRoomPaused = false;
600
clearInterval(this.pollTimer);
601
document.getElementById('cheat-review-overlay').style.display = 'none';
602
document.getElementById('dynamic-island').style.display = 'none';
603
document.getElementById('btn-create-room').style.display = 'inline-block';
604
document.getElementById('btn-join-room').style.display = 'inline-block';
605
document.getElementById('btn-room-settings').style.display = 'none';
606
document.getElementById('btn-leave-room').style.display = 'none';
607
resetInventory(); player.hp = player.maxHp; player.lvl = 1; player.xp = 0; enemies =[]; needsUIRender = true;
608
},
609

610
enterMultiplayerMode() {
611
resetInventory();
612
document.getElementById('btn-create-room').style.display = 'none';
613
document.getElementById('btn-join-room').style.display = 'none';
614
document.getElementById('btn-leave-room').style.display = 'inline-block';
615
if(this.isHost) document.getElementById('btn-room-settings').style.display = 'inline-block';
616

617
document.getElementById('dynamic-island').style.display = 'flex';
618
document.getElementById('di-code').innerText = this.roomCode;
619

620
// 【修改】真实接入状态同步：每100ms与服务端握手同步坐标
621
this.pollTimer = setInterval(() => this.syncState(), 100);
622
player.x = rand(-100, 100); player.y = rand(-100, 100);
623
},
624

625
// 【新增】真实的状态同步函数
626
async syncState() {
627
if(this.isRoomPaused) return;
628
try {
629
// 发送花瓣数据（安全检查）
630
const petalsData = (equipped || []).map(p => ({
631
type: String(p.type || 'common'),
632
kind: String(p.kind || 'melee'),
633
x: Number(p.x || 0),
634
y: Number(p.y || 0),
635
isActive: Boolean(p.isActive)
636
}));
637
const state = {
638
client_id: this.clientId, room_code: this.roomCode,
639
x: player.x, y: player.y,
640
hp: player.hp, isBleeding: this.bleedStacks > 0,
641
petals: petalsData
642
};
643
// 调试日志
644
if (window._debug) {
645
console.log('发送状态:', state);
646
}
647
const res = await fetch(this.serverUrl + '/api/state', {
648
method: 'POST',
649
body: JSON.stringify(state),
650
signal: AbortController ? new AbortController().signal : undefined
651
});
652
const data = await res.json();
653
// 调试日志
654
if (window._debug) {
655
console.log('接收数据:', data);
656
}
657
if(data.success) {
658
this.players = {};
659
const currentTime = Date.now();
660
for (const id in data.players) {
661
const p = data.players[id];
662
if (id === this.clientId) {
663
const serverHp = Number(p.hp || player.hp);
664
if (serverHp < player.hp) {
665
player.hp = serverHp; player.hurtFlashTimer = 5;
666
}
667
if (Boolean(p.isBleeding) && this.bleedStacks === 0) {
668
this.addBleed(1);
669
}
670
needsUIRender = true;
671
continue;
672
}
673
this.players[id] = {
674
x: Number(p.x || 0),
675
y: Number(p.y || 0),
676
hp: Number(p.hp || 100),
677
isBleeding: Boolean(p.isBleeding),
678
name: String(p.name || 'Unknown'),
679
petals: (p.petals || []).map(petal => ({
680
type: String(petal.type || 'common'),
681
kind: String(petal.kind || 'melee'),
682
isActive: Boolean(petal.isActive)
683
})).slice(0, 100)
684
};
685
// 初始化或更新花瓣动态状态
686
      if (!this.playerPetalsState[id]) {
687
        this.playerPetalsState[id] = {
688
          petals: [],
689
          lastUpdateTime: currentTime,
690
          baseRotationSpeed: 0.035, // 默认旋转速度
691
          displayX: Number(p.x || 0),
692
          displayY: Number(p.y || 0),
693
          targetX: Number(p.x || 0),
694
          targetY: Number(p.y || 0)
695
        };
696
      }
697
      const state = this.playerPetalsState[id];
698
      const prevTargetX = state.targetX;
699
      const prevTargetY = state.targetY;
700
      state.targetX = this.players[id].x;
701
      state.targetY = this.players[id].y;
702
      if (state.displayX === undefined) {
703
        state.displayX = state.targetX;
704
        state.displayY = state.targetY;
705
      }
706
      const timeDelta = (currentTime - state.lastUpdateTime) / 1000;
707
      if (timeDelta > 0 && timeDelta < 1) {
708
        state.velocityX = (state.targetX - prevTargetX) / timeDelta;
709
        state.velocityY = (state.targetY - prevTargetY) / timeDelta;
710
      }
711
      state.x = state.targetX;
712
      state.y = state.targetY;
713
      state.lastUpdateTime = currentTime;
714
// 同步花瓣数量
715
const targetPetalsCount = this.players[id].petals.length;
716
if (state.petals.length !== targetPetalsCount) {
717
// 重建花瓣状态数组
718
state.petals = [];
719
for (let i = 0; i < targetPetalsCount; i++) {
720
const baseAngle = (Math.PI * 2 / Math.max(1, targetPetalsCount)) * i;
721
state.petals.push({
722
angle: baseAngle,
723
currentSpeed: state.baseRotationSpeed,
724
targetSpeed: state.baseRotationSpeed,
725
radius: 45 + (targetPetalsCount * 1.5) // 基础半径
726
});
727
}
728
}
729
}
730
document.getElementById('di-count').innerText = Object.keys(this.players).length + 1;
731
} else {
732
alert("房间已断开连接！");
733
this.leaveRoom();
734
}
735
} catch(e) {
736
console.warn("Sync state error:", e);
737
}
738
},
739

740
startSerum() { if(!this.isInjecting && this.bleedStacks > 0) { this.isInjecting = true; this.serumProgress = 0; document.getElementById('serum-container').style.display='flex'; } },
741
stopSerum() { this.isInjecting = false; this.serumProgress = 0; document.getElementById('serum-container').style.display='none'; document.getElementById('serum-bar-fill').style.width = '0%'; document.getElementById('serum-text').innerText = "长按 Q 键注射抗毒血清"; },
742
updateSerum() {
743
if(!this.isInjecting) return;
744
this.serumProgress += 1000/60;
745
let pct = Math.min((this.serumProgress / 3000) * 100, 100);
746
document.getElementById('serum-bar-fill').style.width = pct + '%';
747
document.getElementById('serum-text').innerText = `注射中 ${Math.floor(pct)}% · 移速降低20%`;
748
spawnParticles(player.x, player.y, '#22c55e', 1, 0.5);
749
if(this.serumProgress >= 3000) {
750
this.clearBleed(); this.stopSerum();
751
spawnDamageText(player.x, player.y - 20, "流血已解除", "#22c55e");
752
}
753
},
754
addBleed(stacks) {
755
if (!this.isMultiplayer) return;
756
if (this.bleedStacks === 0) this.bleedStartTime = Date.now();
757
this.bleedStacks += stacks;
758
},
759
clearBleed() {
760
this.bleedStacks = 0; this.bleedStartTime = 0; this.lastBleedTick = 0;
761
},
762
applyBleed() {
763
if(this.bleedStacks <= 0) return;
764
var now = Date.now();
765
var elapsed = (now - this.bleedStartTime) / 1000;
766
var dmgPerSec = 1 + Math.floor(elapsed / 5);
767
var interval = Math.max(1, Math.floor(60 / dmgPerSec));
768
if (frame - this.lastBleedTick >= interval) {
769
this.lastBleedTick = frame;
770
player.hp -= 1; player.hurtFlashTimer = 5;
771
spawnDamageText(player.x, player.y, "-1 \u6d41\u8840", "#dc2626");
772
spawnParticles(player.x, player.y, '#991b1b', 1, 0.3);
773
if(player.hp <= 0) gameOver(true);
774
needsUIRender = true;
775
}
776
},
777
sendDamageToServer(targetClientId, damage, isBleedAttack, duration) {
778
if(!this.isMultiplayer || !this.serverUrl) return;
779
var payload = {
780
client_id: this.clientId,
781
room_code: this.roomCode,
782
target_id: targetClientId,
783
damage: damage,
784
is_bleed_attack: !!isBleedAttack,
785
duration: duration || 0
786
};
787
fetch(this.serverUrl + '/api/damage', {
788
method: 'POST',
789
headers: {'Content-Type':'application/json'},
790
body: JSON.stringify(payload)
791
}).catch(function(){});
792
},
793

794
initialRatio: window.devicePixelRatio,
795
antiCheatCheck() {
796
if(!this.isMultiplayer || this.isRoomPaused) return;
797
let diffRatio = Math.abs(window.devicePixelRatio - this.initialRatio);
798
if (diffRatio > 0.1) {
799
// 目前作弊仅在本地输出拦截，可在此请求 /api/cheat/report
800
console.warn("作弊检测: 发现异常页面缩放");
801
this.initialRatio = window.devicePixelRatio;
802
}
803
},
804

805
revive() {
806
document.getElementById('multiplayerRevive').classList.remove('visible');
807
player.x = 0; player.y = 0; player.hp = player.maxHp = 100; player.lvl = 1; player.xp = 0;
808
this.clearBleed(); this.stopSerum(); resetInventory();
809
for(let id in this.players) { if(dist(player, this.players[id]) < 40) player.x += rand(50, 100); }
810
isPaused = false; running = true; loop();
811
}
812
};
813
LAN.init();
814

815
function decideCheat(action) { // 房主点击
816
fetch(LAN.serverUrl + '/api/cheat/decide', { method:'POST', body:JSON.stringify({owner_id:LAN.clientId, code:LAN.roomCode, target_id:LAN.targetCheatId, action})}).catch(()=>{});
817
document.getElementById('cheat-review-overlay').style.display = 'none'; LAN.isRoomPaused = false;
818
}
819

820
// ==================== UI 渲染与通用逻辑 ====================
821
function renderUINow() {
822
document.getElementById('lvl').textContent = player.lvl;
823
document.getElementById('hp').textContent = Math.ceil(player.hp);
824
document.getElementById('maxHp').textContent = player.maxHp;
825
document.getElementById('xp').textContent = player.xp;
826
document.getElementById('xpMax').textContent = player.xpMax;
827
const maxTierSpan = document.getElementById('maxTier');
828
maxTierSpan.textContent = TIER_NAMES[TIERS[getCurrentMaxTierIdx()]];
829
if(TIERS[getCurrentMaxTierIdx()] === 'mythic') maxTierSpan.classList.add('mythic-text'); else maxTierSpan.classList.remove('mythic-text');
830
document.getElementById('depth').textContent = getMapDepth();
831

832
const eqGrid = document.getElementById('equip-grid'); eqGrid.innerHTML = '';
833
const eqFrag = document.createDocumentFragment();
834
equipped.forEach(p => {
835
const s = document.createElement('div'); const col = TIER_COLORS[p.type];
836
s.style.cssText = `background:${col}; border:2px solid rgba(255,255,255,0.3); border-radius:8px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; color:#000; position:relative; opacity:${p.isActive?1:0.3}; box-shadow:0 2px 6px rgba(0,0,0,0.3); cursor:pointer;`;
837
if(p.type === 'mythic') s.classList.add('mythic-bg');
838
let iconHtml = KIND_ICONS[p.kind] ? `<div style="position:absolute; top:2px; right:3px; color:#fff; font-size:10px; font-weight:bold; text-shadow:0 0 2px #000; pointer-events:none;">${KIND_ICONS[p.kind]}</div>` : '';
839
s.innerHTML = `${p.dmg}${iconHtml}<div style="position:absolute; bottom:0; left:0; width:100%; height:3px; background:${p.durability>2?'#22c55e':'#ef4444'}; transition:height 0.15s; border-radius: 0 0 6px 6px;"></div>`;
840
s.title = `品质: ${TIER_NAMES[p.type]}\n耐久: ${p.durability}/${p.maxDurability}`;
841
s.onmousedown = (e) => { if(shiftPressed) quickSwap(p, 'equip'); else startDrag(e, p, 'equip'); };
842
eqFrag.appendChild(s);
843
}); eqGrid.appendChild(eqFrag);
844
// 装备栏超过68个时锁定高度并启用滚动
845
const eqWrapper = document.getElementById('equip-wrapper');
846
if (!equipCollapsed) {
847
  if (equipped.length > 68) {
848
    const items = eqGrid.children;
849
    if (items.length >= 68) {
850
      const item = items[67];
851
      const gridTop = eqGrid.getBoundingClientRect().top;
852
      const itemBottom = item.getBoundingClientRect().bottom;
853
      const lockedH = Math.round(itemBottom - gridTop) + 4;
854
      eqWrapper.style.maxHeight = lockedH + 'px';
855
      eqWrapper.classList.add('scrollable');
856
    }
857
  } else {
858
    eqWrapper.style.maxHeight = '500px';
859
    eqWrapper.classList.remove('scrollable');
860
  }
861
}
862

863
if(activeModal === 'inventory-modal') {
864
const invGrid = document.getElementById('inv-grid'); invGrid.innerHTML = '';
865
const counts = {}; inventory.forEach(p => counts[p.type+'|'+p.kind] = (counts[p.type+'|'+p.kind]||0)+1);
866
const KIND_ORDER = { melee:0, explosive:1, missile:2, speed:3, guardian:4 };
867
Object.keys(counts).sort((a,b)=>{ const [ta,ka]=a.split('|'), [tb,kb]=b.split('|'); const td=TIERS.indexOf(ta)-TIERS.indexOf(tb); return td!==0?td:(KIND_ORDER[ka]||0)-(KIND_ORDER[kb]||0); }).forEach(key => {
868
const [tier, kind] = key.split('|'); const count = counts[key];
869
const el = document.createElement('div'); const col = TIER_COLORS[tier];
870
el.style.cssText = `background:${col}; border:2px solid rgba(255,255,255,0.3); border-radius:8px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; color:#000; position:relative; cursor:grab;`;
871
if(tier === 'mythic') el.classList.add('mythic-bg');
872
let iconHtml = KIND_ICONS[kind] ? `<div style="position:absolute; top:2px; right:3px; color:#fff; font-size:10px; font-weight:bold; text-shadow:0 0 2px #000; pointer-events:none;">${KIND_ICONS[kind]}</div>` : '';
873
el.innerHTML = `<span>${TIER_STATS[tier].dmg}</span>${iconHtml}<span style="position:absolute;bottom:2px;left:3px;background:rgba(0,0,0,0.65);color:#fff;border-radius:4px;padding:0 4px;font-size:11px;font-weight:600;pointer-events:none;">x${count}</span>`;
874
el.onmousedown = (e) => { if(shiftPressed) quickSwapByKey(key, 'inv'); else startDragByKey(e, key); };
875
invGrid.appendChild(el);
876
});
877
const panel = document.getElementById('craft-panel'); panel.innerHTML = '';
878
TIERS.slice(0, -1).forEach(t => {
879
const count = inventory.filter(p=>p.type===t).length;
880
const btn = document.createElement('button'); btn.className = 'craft-btn'; btn.disabled = count < 5;
881
btn.innerHTML = `5 ${TIER_NAMES[t]} → ${TIER_NAMES[TIERS[TIERS.indexOf(t)+1]]} (<span>${Math.floor(CRAFT_RATES[t]*100)}%</span>)`;
882
btn.onclick = () => craft(t); panel.appendChild(btn);
883
});
884
}
885
}
886

887
// 拖拽与装备
888
function quickSwap(p, src) { const sArr=src==='equip'?equipped:inventory, dArr=src==='equip'?inventory:equipped; const i=sArr.indexOf(p); if(i>-1 && (src==='equip' || dArr.length<maxEquipLimit)) { sArr.splice(i,1); dArr.push(p); needsUIRender=true; } }
889
function quickSwapByKey(k, src) { if(src==='inv' && equipped.length<maxEquipLimit) { const [t, kd]=k.split('|'), i=inventory.findIndex(p=>p.type===t&&p.kind===kd); if(i>-1) { equipped.push(inventory.splice(i,1)[0]); needsUIRender=true; } } }
890
let dragData = null, ghost = document.getElementById('drag-ghost');
891
function startDragByKey(e, k) { e.preventDefault(); const [t, kd]=k.split('|'), i=inventory.findIndex(p=>p.type===t&&p.kind===kd); if(i===-1) return; dragData = { petal: inventory.splice(i,1)[0], source: 'inv', originalIndex: i }; setupDragGhost(e, dragData.petal); }
892
function startDrag(e, p, src) { e.preventDefault(); dragData = { petal: p, source: src }; const arr = src==='equip'?equipped:inventory, idx=arr.indexOf(p); if(idx>-1) { dragData.originalIndex = idx; arr.splice(idx,1); } setupDragGhost(e, p); }
893
function setupDragGhost(e, p) { ghost.className = p.type==='mythic'?'mythic-bg':''; ghost.style.background = p.type==='mythic'?'':TIER_COLORS[p.type]; ghost.innerHTML = `${p.dmg}`; ghost.style.display='flex'; ghost.style.left=e.clientX-19+'px'; ghost.style.top=e.clientY-19+'px'; window.addEventListener('mousemove', onDrag); window.addEventListener('mouseup', endDrag); needsUIRender=true; }
894
function onDrag(e) { ghost.style.left=e.clientX-19+'px'; ghost.style.top=e.clientY-19+'px'; }
895
function endDrag(e) { ghost.style.display='none'; window.removeEventListener('mousemove', onDrag); window.removeEventListener('mouseup', endDrag); if(!dragData) return; const target=document.elementFromPoint(e.clientX, e.clientY); let droppedInEquip=false; const eqSlots=document.getElementById('equip-grid').children, eqW=document.getElementById('equip-wrapper'); for(let s of eqSlots) if(s.contains(target)||s===target) droppedInEquip=true; if(eqW && (eqW.contains(target)||eqW===target)) droppedInEquip=true; if(droppedInEquip && equipped.length<maxEquipLimit) { if(dragData.source==='equip' && dragData.originalIndex!=null) equipped.splice(Math.min(dragData.originalIndex, equipped.length), 0, dragData.petal); else equipped.push(dragData.petal); } else { if(dragData.source==='inv' && dragData.originalIndex!=null) inventory.splice(Math.min(dragData.originalIndex, inventory.length), 0, dragData.petal); else inventory.push(dragData.petal); } dragData=null; needsUIRender=true; }
896
function craft(t) { const i=TIERS.indexOf(t); if(i>=TIERS.length-1) return; const count=inventory.filter(p=>p.type===t).length; if(count<5) return; let rm=0; for(let j=inventory.length-1; j>=0&&rm<5; j--) if(inventory[j].type===t) { inventory.splice(j,1); rm++; } if(Math.random()<CRAFT_RATES[t]) inventory.push(createPetal(TIERS[i+1])); else for(let k=0;k<Math.floor(rand(1,5));k++) inventory.push(createPetal(t)); needsUIRender=true; }
897

898
// 开发者模式
899
function clearAllEnemies() { enemies.forEach(e => spawnParticles(e.x, e.y, e.color, 10, 1.5)); enemies =[]; needsUIRender = true; }
900
function applyDevSettings() { sessionDropMult = parseFloat(document.getElementById('dev-drop').value)||0; sessionCraftMult = parseFloat(document.getElementById('dev-craft').value)||0; maxEquipLimit = Math.max(1, parseInt(document.getElementById('dev-max-equip').value)||12); sessionSpeedMult = parseFloat(document.getElementById('dev-speed').value)||1.0; sessionDmgMult = parseFloat(document.getElementById('dev-dmg').value)||1.0; const newHp = parseFloat(document.getElementById('dev-hp').value); if(!isNaN(newHp) && newHp>=0) player.hp=newHp; sessionHpRegen = parseFloat(document.getElementById('dev-regen').value)||1; sessionXpMult = parseFloat(document.getElementById('dev-xp').value)||1.0; while(equipped.length>maxEquipLimit) inventory.push(equipped.pop()); for(let k in BASE_CRAFT_RATES) CRAFT_RATES[k] = Math.min(1.0, BASE_CRAFT_RATES[k]*sessionCraftMult); needsUIRender=true; closeModal('dev-modal'); }
901
function resetDevSettings() { document.getElementById('dev-drop').value=1.0; document.getElementById('dev-craft').value=1.0; document.getElementById('dev-max-equip').value=12; document.getElementById('dev-speed').value=1.0; document.getElementById('dev-dmg').value=1.0; document.getElementById('dev-hp').value=player.maxHp; document.getElementById('dev-regen').value=1; document.getElementById('dev-xp').value=1.0; applyDevSettings(); }
902

903
// 怪物生成
904
function spawnEnemy() {
905
if(LAN.isMultiplayer && !LAN.isHost) return; // 联机非房主不刷怪
906
const angle = Math.random()*Math.PI*2, maxDim = Math.max(canvas.width, canvas.height), sd = rand(maxDim*0.6, maxDim*1.25), depth = getMapDepth(), lvlMult = player.lvl + (depth*0.5);
907
const hp = Math.floor(10 + lvlMult*2 + Math.pow(lvlMult, 1.6)*0.3);
908
let type = 'basic', color = '#ef4444', roll = Math.random();
909
if (depth>5 && roll>0.7) { type='bomber'; color='#f97316'; } else if (depth>2 && roll>0.4) { type='dasher'; color='#eab308'; }
910
let finalSpeed = Math.min((type==='dasher'?1.2:(type==='bomber'?1.4:1.6)) + 2.5*(1-Math.exp(-lvlMult*0.02)), player.baseSpeed*0.85);
911
enemies.push({ id: Math.random(), x: player.x+Math.cos(angle)*sd, y: player.y+Math.sin(angle)*sd, r: type==='bomber'?18:14, hp, maxHp:hp, speed: finalSpeed, type, color, hitFlash:0, aggro:false, wander:Math.random()*Math.PI*2, dashTimer: rand(60,180), state:'normal' });
912
}
913

914
// ==================== 核心游戏循环 ====================
915
let lastFrameTime = Date.now();
916
function loop() {
917
if(!running) return; requestAnimationFrame(loop);
918

919
const now = Date.now();
920
const dt = Math.min((now - lastFrameTime) / 16.67, 3); // 时间增量，避免大跳跃
921
lastFrameTime = now;
922

923
if (needsUIRender) { renderUINow(); needsUIRender = false; }
924

925
const dx = mouseX - canvas.width/2, dy = mouseY - canvas.height/2, mDist = Math.hypot(dx, dy);
926

927
if (!isPaused && !LAN.isRoomPaused) {
928
frame++;
929

930
// 更新队友花瓣状态（本地轨道计算）
931
    if(LAN.isMultiplayer) {
932
      LAN.updatePetalsState(dt);
933
      LAN.updatePlayerInterpolation(dt);
934
    }
935

936
// 血清与流血
937
if(LAN.isMultiplayer) {
938
LAN.updateSerum(); LAN.applyBleed();
939
if(LAN.isInjecting) player.baseSpeed *= 0.8; // 减速惩罚 (下方重算时覆盖)
940
}
941

942
// 回血
943
if (frame % 60 === 0 && sessionHpRegen !== 0 && LAN.bleedStacks === 0) {
944
if (sessionHpRegen > 0 && player.hp < player.maxHp) { player.hp = Math.min(player.maxHp, player.hp + sessionHpRegen); needsUIRender = true; }
945
else if (sessionHpRegen < 0) { player.hp += sessionHpRegen; needsUIRender = true; if(player.hp<=0) gameOver(); }
946
}
947

948
// 导航进度与爆炸波
949
if (showNav) navProgress += (1 - navProgress) * 0.1; else navProgress += (0 - navProgress) * 0.15;
950
for(let i=blastWaves.length-1; i>=0; i--) { let b=blastWaves[i]; b.radius+=(b.maxRadius-b.radius)*0.15; b.alpha-=0.03; if(b.alpha<=0 || b.radius>=b.maxRadius-2) blastWaves.splice(i,1); }
951

952
// 玩家移动与状态
953
let speedMultiSum = equipped.reduce((s,p)=>s+TIER_STATS[p.type].speedBonus,0), avgSpeedBonus = equipped.length ? speedMultiSum/equipped.length : 1;
954
const rot = 0.035 * avgSpeedBonus;
955
let speedPetalBoost = 0; equipped.forEach(p=>{ if(p.kind==='speed') speedPetalBoost += p.isActive?0.05:0.15; });
956
let targetRadiusOffset = 0, currentSpeedCap = 3.5 * avgSpeedBonus * (1 + speedPetalBoost) * sessionSpeedMult;
957
if(LAN.isInjecting) currentSpeedCap *= 0.8; // 联机注射减速
958

959
let dmgMult = 1.0 * sessionDmgMult;
960
if (isLeftMouseDown) { currentSpeedCap*=1.25; targetRadiusOffset=25; } else if (isRightMouseDown) { targetRadiusOffset=-15; dmgMult*=1.3; }
961
currentRadiusOffset += (targetRadiusOffset - currentRadiusOffset) * 0.15;
962
let pRadius = Math.max(25, 45 + Math.min(equipped.length * 1.5, 40) + currentRadiusOffset);
963

964
if(mDist > 15) { const a = Math.atan2(dy, dx); const accel = currentSpeedCap * 0.15; player.vx+=Math.cos(a)*accel; player.vy+=Math.sin(a)*accel; }
965
player.vx*=0.87; player.vy*=0.87;
966
if(Math.hypot(player.vx,player.vy)>currentSpeedCap) { const s = currentSpeedCap/Math.hypot(player.vx,player.vy); player.vx*=s; player.vy*=s; }
967
player.x+=player.vx; player.y+=player.vy;
968

969
// 玩家碰撞互斥 (联机)
970
if(LAN.isMultiplayer) {
971
Object.values(LAN.players).forEach(other => {
972
let pd = dist(player, other), pr = player.r + 18; // 假定其他玩家r=18
973
if(pd < pr && pd > 0) {
974
let ov = pr-pd, nx = (other.x-player.x)/pd, ny = (other.y-player.y)/pd;
975
player.x -= nx*ov*0.5; player.y -= ny*ov*0.5;
976
}
977
});
978
}
979

980
camera.x += (player.x - canvas.width/2 - camera.x) * 0.2; camera.y += (player.y - canvas.height/2 - camera.y) * 0.2;
981
if (frame % 30 === 0) needsUIRender = true;
982
if(frame%20===0 && enemies.length < 35+player.lvl*1.5 && (!LAN.isMultiplayer || LAN.isHost)) spawnEnemy();
983

984
player.invincibleTimer=Math.max(0, player.invincibleTimer-1); player.hurtFlashTimer=Math.max(0, player.hurtFlashTimer-1);
985

986
// 花瓣轨道计算
987
equipped.forEach((p,i)=>{
988
if (!p.isActive && p.kind !== 'missile') { p.cooldownTimer--; if (p.cooldownTimer <= 0) { p.isActive=true; p.durability=p.maxDurability; needsUIRender=true; } }
989
else if (!p.isActive && p.kind === 'missile' && p.missileState === 'idle') { p.cooldownTimer--; if (p.cooldownTimer <= 0) { p.isActive=true; p.durability=p.maxDurability; needsUIRender=true; } }
990

991
const base=(Math.PI*2/Math.max(1, equipped.length))*i, angle = base+frame*rot, orbitX = player.x+Math.cos(angle)*pRadius, orbitY = player.y+Math.sin(angle)*pRadius;
992

993
if (p.kind === 'missile') {
994
if (p.missileState === 'idle') { p.x = orbitX; p.y = orbitY; if (isLeftMouseDown && p.isActive) { p.missileState = 'flying'; p.missileTimer = 45; const shootAngle = Math.atan2(orbitY-player.y, orbitX-player.x); p.missileVx = Math.cos(shootAngle)*14; p.missileVy = Math.sin(shootAngle)*14; } }
995
else if (p.missileState === 'flying') { p.x += p.missileVx; p.y += p.missileVy; p.missileTimer--; if (p.missileTimer <= 0 || !p.isActive) p.missileState = 'returning'; }
996
else if (p.missileState === 'returning') { const d = Math.hypot(orbitX-p.x, orbitY-p.y); if (d < 25) { p.missileState='idle'; p.x=orbitX; p.y=orbitY; p.isActive=false; p.cooldownTimer=60; needsUIRender=true; } else { p.x += ((orbitX-p.x)/d)*20; p.y += ((orbitY-p.y)/d)*20; } }
997
} else { p.x = orbitX; p.y = orbitY; }
998
});
999

1000
// 物品拾取
1001
for(let i=groundPetals.length-1;i>=0;i--){
1002
const p=groundPetals[i]; p.life--; const d=dist(player,p);
1003
if(d < 120){ p.attract = Math.min(1.0, (p.attract || 0.04) + 0.04); p.x += (player.x - p.x) * p.attract; p.y += (player.y - p.y) * p.attract; }
1004
if(d<25 || p.life<=0){ if(p.life>0) { inventory.push(p); spawnDamageText(p.x, p.y, "+物品", "#38bdf8"); } groundPetals.splice(i,1); needsUIRender=true; }
1005
}
1006

1007
// 怪物逻辑与碰撞
1008
for(let i=0; i<enemies.length; i++) {
1009
for(let j=i+1; j<enemies.length; j++) { const d = dist(enemies[i], enemies[j]), md=enemies[i].r+enemies[j].r; if(d<md && d>0) { const ov=md-d, nx=(enemies[j].x-enemies[i].x)/d, ny=(enemies[j].y-enemies[i].y)/d; enemies[i].x-=nx*ov*0.5; enemies[i].y-=ny*ov*0.5; enemies[j].x+=nx*ov*0.5; enemies[j].y+=ny*ov*0.5; } }
1010
const ep = enemies[i], dP = dist(ep, player), minP = ep.r + player.r;
1011
if(dP < minP && dP > 0) { const ov=minP-dP, nx=(player.x-ep.x)/dP, ny=(player.y-ep.y)/dP; ep.x-=nx*ov*0.5; ep.y-=ny*ov*0.5; player.x+=nx*ov*0.5; player.y+=ny*ov*0.5; }
1012
}
1013

1014
for(let i=enemies.length-1;i>=0;i--){
1015
const e=enemies[i];
1016
if (e.hp <= 0) { player.xp += (2+Math.floor(player.lvl/4))*sessionXpMult; if (Math.random()<0.5) dropGroundPetal(e.x, e.y); spawnParticles(e.x, e.y, e.color, 10, 1.5); enemies.splice(i, 1); if(player.xp >= player.xpMax) { player.lvl++; player.xp=0; player.xpMax=Math.floor(player.xpMax*1.35); player.maxHp+=15; spawnDamageText(player.x, player.y - 30, "LEVEL UP!", "#facc15"); screenShake = 10; } needsUIRender=true; continue; }
1017
const edx=player.x-e.x, edy=player.y-e.y, edist=Math.hypot(edx,edy)||1;
1018

1019
if(!LAN.isMultiplayer || LAN.isHost) {
1020
if(!e.aggro && edist<=Math.max(canvas.width,canvas.height)*0.5) e.aggro=true;
1021
if(e.aggro){ let spd=e.speed; if (e.type==='dasher') { e.dashTimer--; if (e.dashTimer<=0) { e.state='dashing'; e.dashTimer=rand(80,150); } if (e.state==='dashing' && e.dashTimer>130) { spd*=3.5; spawnParticles(e.x,e.y,'#eab308',1); } else e.state='normal'; } e.x+=(edx/edist)*spd; e.y+=(edy/edist)*spd; }
1022
else { const wa=e.wander+Math.sin(frame*0.05+i*0.1)*0.5; e.x+=Math.cos(wa)*e.speed*0.12; e.y+=Math.sin(wa)*e.speed*0.12; }
1023
if(edist>Math.max(canvas.width,canvas.height)*2.0){ enemies.splice(i,1); continue; }
1024
}
1025

1026
e.hitFlash=Math.max(0,e.hitFlash-1);
1027
let died = false;
1028

1029
// 花瓣打怪
1030
for(let p of equipped){
1031
if(p.isActive && collides(p,e)){
1032
let actualDmg = p.dmg * dmgMult;
1033
if (p.kind === 'missile' && p.missileState === 'flying') actualDmg = 999999;
1034
if (p.kind === 'explosive') actualDmg *= 2.5;
1035
e.hp -= actualDmg; e.hitFlash = 5; p.durability -= 1;
1036
spawnDamageText(e.x, e.y, Math.floor(actualDmg>10000?e.maxHp:actualDmg), e.hp<=0?'#facc15':'#fff'); spawnParticles(e.x, e.y, getPetalColor(p.type), 3);
1037
if (p.kind === 'explosive') { blastWaves.push({x:e.x,y:e.y,radius:10,maxRadius:90,color:'#f97316',alpha:0.7,type:'normal'}); spawnParticles(e.x,e.y,'#f97316',20,4); enemies.forEach(o=>{if(o!==e && dist(e,o)<90){ o.hp-=actualDmg*1.5; o.hitFlash=5; spawnDamageText(o.x,o.y,Math.floor(actualDmg*1.5),'#f97316'); }}); p.durability = 0; }
1038
if(p.durability <= 0) { p.isActive = false; p.cooldownTimer = TIER_STATS[p.type].regen; }
1039
if(e.hp <= 0) { died = true; break; }
1040
}
1041
}
1042

1043
// 联机友伤 (花瓣打人) - 仅对玩家生效，不影响怪物
1044
if(LAN.isMultiplayer) {
1045
if(!LAN._ffCooldown) LAN._ffCooldown = {};
1046
var ffNow = Date.now();
1047
var playerIds = Object.keys(LAN.players);
1048
for (var pi = 0; pi < playerIds.length; pi++) {
1049
var playerId = playerIds[pi];
1050
var other = LAN.players[playerId];
1051
if(other.hp !== undefined && other.hp <= 0) continue;
1052
for(var pi2 = 0; pi2 < equipped.length; pi2++) {
1053
var p = equipped[pi2];
1054
if(p.isActive && dist(p, other) < p.r + 18) {
1055
var cdKey = p.id + '|' + playerId;
1056
if (LAN._ffCooldown[cdKey] && (now - LAN._ffCooldown[cdKey]) < 300) continue;
1057
LAN._ffCooldown[cdKey] = now;
1058

1059
var ffDmg = TIER_STATS[p.type].ffDmg;
1060
var isMissileFlying = p.kind === 'missile' && p.missileState === 'flying';
1061
var isSlashActive = isLeftMouseDown;
1062
var isBleedHit = isMissileFlying && isSlashActive;
1063

1064
other.hp -= ffDmg;
1065
LAN.sendDamageToServer(playerId, ffDmg, isBleedHit, 5);
1066

1067
if(isBleedHit) {
1068
LAN.addBleed(1);
1069
spawnDamageText(other.x, other.y, '-' + ffDmg + ' \u6d41\u8840', '#991b1b');
1070
} else {
1071
spawnDamageText(other.x, other.y, '-' + ffDmg, '#ff6600');
1072
}
1073

1074
p.durability -= 1;
1075
if(p.durability <= 0) { p.isActive = false; p.cooldownTimer = TIER_STATS[p.type].regen; }
1076
spawnParticles(other.x, other.y, getPetalColor(p.type), 3);
1077
}
1078
}
1079
}
1080
}
1081

1082
if(died) {
1083
player.xp += (2+Math.floor(player.lvl/4))*sessionXpMult;
1084
if (Math.random()<0.5) dropGroundPetal(e.x, e.y);
1085
spawnParticles(e.x, e.y, e.color, 10, 1.5);
1086
enemies.splice(i, 1);
1087
if(player.xp >= player.xpMax) { player.lvl++; player.xp=0; player.xpMax=Math.floor(player.xpMax*1.35); player.maxHp+=15; spawnDamageText(player.x, player.y-30, "LEVEL UP!", "#facc15"); screenShake=10; }
1088
needsUIRender=true; continue;
1089
}
1090

1091
// 怪物打人
1092
if(player.invincibleTimer <= 0 && collides(player,e)){
1093
let dmgTaken = 8;
1094
if (e.type === 'bomber') { dmgTaken=25; spawnParticles(e.x,e.y,'#f97316',30,4); screenShake=15; e.hp=0; }
1095
else { e.hp-=2; e.hitFlash=4; e.x-=(edx/edist)*25; e.y-=(edy/edist)*25; screenShake=5; }
1096

1097
if (player.hp - dmgTaken <= 0) {
1098
let gIdx = equipped.findIndex(pt => pt.kind==='guardian' && pt.isActive);
1099
if (gIdx !== -1) { equipped.splice(gIdx,1); dmgTaken=0; player.hp=player.maxHp; player.invincibleTimer=120; spawnDamageText(player.x,player.y,"守护触发!", "#facc15"); equipped.forEach(pt=>{pt.isActive=false; pt.cooldownTimer=Math.max(60,TIER_STATS[pt.type].regen); pt.durability=0; if(pt.kind==='missile')pt.missileState='idle';}); blastWaves.push({x:player.x,y:player.y,radius:10,maxRadius:200,color:'#facc15',alpha:0.8,type:'guardian'}); enemies.forEach(o=>{if(dist(player,o)<200){ o.hp-=500; o.hitFlash=10; spawnDamageText(o.x,o.y,"500",'#ffffff'); }}); needsUIRender=true; continue; }
1100
}
1101
player.hp -= dmgTaken;
1102
if (dmgTaken > 0) { player.invincibleTimer = 35; player.hurtFlashTimer = 8; spawnDamageText(player.x, player.y, `-${dmgTaken}`, '#ef4444'); }
1103
if(player.hp <= 0) gameOver(false); needsUIRender = true;
1104
}
1105
}
1106
for(let i=particles.length-1;i>=0;i--){ const p=particles[i]; p.x+=p.vx; p.y+=p.vy; p.life--; p.vx*=0.9; p.vy*=0.9; if(p.life<=0) particles.splice(i,1); }
1107
for(let i=damageTexts.length-1;i>=0;i--){ const dt = damageTexts[i]; dt.y += dt.vy; dt.life--; if(dt.life<=0) damageTexts.splice(i,1); }
1108
}
1109
draw(mDist);
1110
}
1111

1112
function gameOver(isBleedKill = false) {
1113
running = false;
1114
if(LAN.isMultiplayer) {
1115
document.getElementById('multiplayerRevive').classList.add('visible');
1116
} else {
1117
document.getElementById('gameOver').classList.add('visible');
1118
document.getElementById('finalLvl').textContent = player.lvl;
1119
document.getElementById('survTime').textContent = Math.floor((Date.now()-startTime)/1000);
1120
document.getElementById('finalPos').textContent = getMapDepth();
1121
}
1122
}
1123

1124
// ==================== 绘制系统 ====================
1125
function draw(mouseDist) {
1126
ctx.clearRect(0,0,canvas.width,canvas.height); ctx.save();
1127
if (screenShake > 0 && !isPaused && !LAN.isRoomPaused) { ctx.translate(rand(-screenShake, screenShake), rand(-screenShake, screenShake)); screenShake *= 0.85; if (screenShake < 0.5) screenShake = 0; }
1128

1129
const gs=60, offX=-(camera.x%gs), offY=-(camera.y%gs);
1130
ctx.strokeStyle='#334155'; ctx.lineWidth=1; ctx.globalAlpha=0.25;
1131
for(let x=offX-gs;x<canvas.width+gs;x+=gs){ ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,canvas.height); ctx.stroke(); }
1132
for(let y=offY-gs;y<canvas.height+gs;y+=gs){ ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(canvas.width,y); ctx.stroke(); }
1133
ctx.globalAlpha=1;
1134

1135
if (mouseDist > 20 && !isPaused && !LAN.isRoomPaused) {
1136
const angle = Math.atan2(mouseY - canvas.height/2, mouseX - canvas.width/2);
1137
const startX = canvas.width/2 + Math.cos(angle)*22, startY = canvas.height/2 + Math.sin(angle)*22, len = mouseDist - 22;
1138
ctx.save(); ctx.translate(startX, startY); ctx.rotate(angle); ctx.strokeStyle = 'rgba(200, 215, 240, 0.25)'; ctx.lineWidth = 2.5; ctx.lineCap = 'round';
1139
ctx.beginPath(); ctx.moveTo(0, 0); ctx.lineTo(len, 0); ctx.moveTo(len, 0); ctx.lineTo(len-9, -5); ctx.moveTo(len, 0); ctx.lineTo(len-9, 5); ctx.stroke(); ctx.restore();
1140
}
1141

1142
ctx.translate(-camera.x,-camera.y);
1143

1144
if (navProgress > 0.01) {
1145
ctx.save(); ctx.strokeStyle = `rgba(167, 139, 250, ${0.6 * navProgress})`; ctx.lineWidth = 2; ctx.setLineDash([10, 10]); ctx.lineDashOffset = -frame * 2;
1146
ctx.beginPath(); ctx.moveTo(player.x, player.y); ctx.lineTo(player.x+(0-player.x)*navProgress, player.y+(0-player.y)*navProgress); ctx.stroke();
1147
ctx.globalAlpha = navProgress; ctx.strokeStyle = '#a78bfa'; ctx.setLineDash([]); ctx.lineWidth = 2;
1148
ctx.beginPath(); ctx.moveTo(-15, 0); ctx.lineTo(15, 0); ctx.moveTo(0, -15); ctx.lineTo(0, 15); ctx.stroke();
1149
ctx.beginPath(); ctx.arc(0, 0, 8, 0, Math.PI*2); ctx.stroke();
1150
ctx.translate(player.x+(0-player.x)*navProgress*0.5, player.y+(0-player.y)*navProgress*0.5);
1151
let navAngle = Math.atan2(-player.y, -player.x); if (navAngle > Math.PI/2 || navAngle < -Math.PI/2) navAngle += Math.PI; ctx.rotate(navAngle);
1152
ctx.fillStyle = `rgba(167, 139, 250, ${navProgress})`; ctx.font = 'bold 16px system-ui'; ctx.textAlign = 'center'; ctx.textBaseline = 'bottom'; ctx.shadowColor = 'rgba(0,0,0,0.8)'; ctx.shadowBlur = 4; ctx.fillText(`${getMapDepth()}m`, 0, -6); ctx.restore();
1153
}
1154

1155
blastWaves.forEach(b => { ctx.save(); ctx.globalAlpha = Math.max(0, b.alpha); ctx.beginPath(); ctx.arc(b.x, b.y, b.radius, 0, Math.PI*2); if(b.type === 'guardian') { ctx.fillStyle = b.color; ctx.fill(); } else { ctx.lineWidth = 4 + (b.alpha * 5); ctx.strokeStyle = b.color; ctx.fillStyle = 'rgba(249, 115, 22, 0.15)'; ctx.fill(); ctx.stroke(); } ctx.restore(); });
1156

1157
groundPetals.forEach(p=>{ ctx.globalAlpha = p.life<100 ? p.life/100 : 0.8; const col = getPetalColor(p.type, p.x+p.y); ctx.shadowBlur=10; ctx.shadowColor=col; ctx.fillStyle=col; ctx.beginPath(); ctx.ellipse(p.x,p.y,8,5, Math.atan2(p.y-player.y,p.x-player.x),0,Math.PI*2); ctx.fill(); ctx.shadowBlur=0; ctx.strokeStyle='#fff'; ctx.lineWidth=1.5; ctx.stroke(); });
1158
ctx.globalAlpha=1;
1159

1160
enemies.forEach(e=>{
1161
ctx.fillStyle = e.aggro ? (e.hitFlash>0?'#fff': e.color) : '#64748b'; ctx.beginPath(); ctx.arc(e.x,e.y,e.r,0,Math.PI*2); ctx.fill();
1162
if (e.type === 'bomber' && e.aggro) { ctx.fillStyle = '#fff'; ctx.beginPath(); ctx.arc(e.x,e.y,e.r*0.5,0,Math.PI*2); ctx.fill(); }
1163
ctx.fillStyle='#0f172a'; ctx.fillRect(e.x-12,e.y-e.r-8,24,4); ctx.fillStyle='#22c55e'; ctx.fillRect(e.x-12,e.y-e.r-8,24*Math.max(0,e.hp/e.maxHp),4);
1164
});
1165
// 渲染联机玩家
1166
if(LAN.isMultiplayer) {
1167
for (const playerId in LAN.players) {
1168
const other = LAN.players[playerId];
1169
if(other.hp !== undefined && other.hp <= 0) continue;
1170
const petalsState = LAN.playerPetalsState[playerId];
1171
// 画他人的花瓣
1172
if (petalsState && petalsState.petals.length > 0) {
1173
petalsState.petals.forEach((petalState, i) => {
1174
const petalData = other.petals[i];
1175
if (!petalData) return;
1176
// 计算世界坐标
1177
const pos = LAN.getPetalWorldPosition(playerId, i);
1178
if (!pos) return;
1179
if(!petalData.isActive) {
1180
// 非活动花瓣显示
1181
ctx.globalAlpha=0.25;
1182
ctx.strokeStyle='#64748b';
1183
ctx.lineWidth=2;
1184
ctx.setLineDash([4,4]);
1185
ctx.beginPath();
1186
ctx.ellipse(pos.x, pos.y, 10, 6, pos.angle, 0, Math.PI*2);
1187
ctx.stroke();
1188
ctx.setLineDash([]);
1189
ctx.globalAlpha=1;
1190
} else {
1191
// 活动花瓣显示
1192
const grad = ctx.createRadialGradient(pos.x, pos.y, 0, pos.x, pos.y, 10);
1193
grad.addColorStop(0, '#ffffff');
1194
grad.addColorStop(1, getPetalColor(petalData.type || 'common', i * 20));
1195
ctx.fillStyle = grad;
1196
ctx.globalAlpha = 0.8;
1197
ctx.beginPath();
1198
ctx.ellipse(pos.x, pos.y, 10, 6, pos.angle, 0, Math.PI*2);
1199
ctx.fill();
1200
ctx.strokeStyle='#fff';
1201
ctx.lineWidth=1.5;
1202
ctx.stroke();
1203
ctx.globalAlpha=1;
1204
}
1205
});
1206
}
1207
ctx.globalAlpha=1;
1208
ctx.fillStyle = other.isBleeding ? '#dc2626' : '#a855f7';
1209
ctx.beginPath(); ctx.arc(other.x, other.y, 18, 0, Math.PI*2); ctx.fill();
1210
ctx.strokeStyle='#fff'; ctx.lineWidth=2; ctx.stroke();
1211
ctx.fillStyle = '#fff'; ctx.font = '10px sans-serif'; ctx.textAlign='center'; ctx.fillText(other.name, other.x, other.y - 25);
1212
}
1213
}
1214
equipped.forEach((p, i)=>{
1215
if(!p.isActive && p.kind !== 'missile') { ctx.globalAlpha=0.25; ctx.strokeStyle='#64748b'; ctx.lineWidth=2; ctx.setLineDash([4,4]); ctx.beginPath(); ctx.ellipse(p.x,p.y,10,6,Math.atan2(p.y-player.y,p.x-player.x),0,Math.PI*2); ctx.stroke(); ctx.setLineDash([]); ctx.globalAlpha=1; return; }
1216
if(!p.isActive && p.kind === 'missile' && p.missileState === 'idle') { ctx.globalAlpha=0.25; ctx.strokeStyle='#64748b'; ctx.lineWidth=2; ctx.setLineDash([4,4]); ctx.beginPath(); ctx.ellipse(p.x,p.y,10,6,Math.atan2(p.y-player.y,p.x-player.x),0,Math.PI*2); ctx.stroke(); ctx.setLineDash([]); ctx.globalAlpha = 1; return; }
1217

1218
const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, 10);
1219
grad.addColorStop(0, '#ffffff');
1220
grad.addColorStop(1, getPetalColor(p.type, i * 20));
1221
ctx.fillStyle = grad;
1222
ctx.globalAlpha = 0.6 + (p.durability/p.maxDurability)*0.4;
1223
ctx.beginPath(); ctx.ellipse(p.x,p.y,10,6,Math.atan2(p.y-player.y,p.x-player.x),0,Math.PI*2); ctx.fill();
1224
ctx.strokeStyle='#fff'; ctx.lineWidth=1.5; ctx.stroke(); ctx.globalAlpha = 1;
1225
});
1226
// 绘制玩家本体（与 florr.html 一致：蓝色外圈 + 黄色/绿色花蕊）
1227
ctx.save(); ctx.translate(player.x, player.y);
1228
if (player.hurtFlashTimer > 0) { ctx.fillStyle = '#ef4444'; ctx.shadowBlur = 15; ctx.shadowColor = '#ef4444'; }
1229
else { ctx.fillStyle = '#38bdf8'; ctx.shadowBlur = 10; ctx.shadowColor = '#38bdf8'; }
1230
ctx.beginPath(); ctx.arc(0, 0, player.r, 0, Math.PI*2); ctx.fill(); ctx.shadowBlur = 0;
1231
// 无敌时描边闪烁，否则用标准蓝色描边
1232
ctx.strokeStyle = player.invincibleTimer > 0 ? `rgba(255,255,255,${0.4 + Math.sin(frame * 0.2) * 0.3})` : '#0ea5e9';
1233
ctx.lineWidth = 3; ctx.stroke();
1234
// 中心花蕊：注射血清时变绿，否则标准黄色
1235
ctx.fillStyle = LAN.isInjecting ? '#4ade80' : '#fef08a';
1236
ctx.beginPath(); ctx.arc(0, 0, 7, 0, Math.PI*2); ctx.fill();
1237
if(LAN.bleedStacks > 0) {
1238
ctx.strokeStyle = 'rgba(220, 38, 38, 0.7)';
1239
ctx.lineWidth = 3;
1240
ctx.beginPath(); ctx.arc(0, 0, player.r + 4, 0, Math.PI*2); ctx.setLineDash([6, 4]); ctx.lineDashOffset = -frame * 2; ctx.stroke(); ctx.setLineDash([]);
1241
var bleedDripCount = Math.min(LAN.bleedStacks, 5);
1242
for(var bd = 0; bd < bleedDripCount; bd++) {
1243
var dripAngle = (frame * 0.05 + bd * Math.PI * 2 / bleedDripCount) % (Math.PI * 2);
1244
var dripDist = player.r + 8 + Math.sin(frame * 0.1 + bd) * 6;
1245
ctx.fillStyle = '#991b1b';
1246
ctx.globalAlpha = 0.5 + Math.sin(frame * 0.15 + bd) * 0.3;
1247
ctx.beginPath(); ctx.arc(Math.cos(dripAngle) * dripDist, Math.sin(dripAngle) * dripDist, 3, 0, Math.PI*2); ctx.fill();
1248
}
1249
ctx.globalAlpha = 1;
1250
}
1251
ctx.restore();
1252
// 渲染死亡粒子
1253
particles.forEach(p=>{ ctx.globalAlpha=p.life/35; ctx.fillStyle=p.color; ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); ctx.fill(); });
1254
ctx.globalAlpha=1;
1255
// 渲染伤害/拾取浮字（+物品、伤害数字、LEVEL UP等）
1256
ctx.font = "bold 16px system-ui";
1257
ctx.textAlign = "center";
1258
ctx.textBaseline = "alphabetic";
1259
damageTexts.forEach(dt => {
1260
ctx.globalAlpha = dt.life / dt.maxLife;
1261
ctx.fillStyle = dt.color;
1262
ctx.shadowColor = "rgba(0,0,0,0.8)";
1263
ctx.shadowBlur = 4;
1264
ctx.fillText(dt.text, dt.x, dt.y);
1265
});
1266
ctx.shadowBlur = 0; ctx.globalAlpha = 1;
1267
ctx.restore(); // 恢复 translate(-camera.x, -camera.y) 之前的状态
1268
}
1269
// ==================== 游戏启动与全局初始化 ====================
1270
// 确保页面加载后立即进入主循环
1271
window.onload = () => {
1272
// 自动扫描房间列表的简易定时器（针对联机版）
1273
if (typeof LAN !== 'undefined') {
1274
setInterval(() => {
1275
// 这里可以添加局域网房间自动扫描逻辑
1276
// 目前通过 UI 手动刷新或后端 Beacon 推送更新 lan-room-list 元素
1277
}, 3000);
1278
}
1279
// 执行第一次 UI 渲染
1280
renderUINow();
1281
// 启动引擎
1282
loop();
1283
};
1284
// 辅助：处理窗口失焦自动暂停
1285
window.addEventListener('blur', () => {
1286
if (!LAN.isMultiplayer && running && !isPaused) {
1287
isPausedBySpace = true;
1288
updatePauseState();
1289
}
1290
});
1291
</script>
1292
</body>
1293
</html>