fix: 修复了冰块惯性问题和死亡效果

This commit is contained in:
cancerai committed 2026-10-22 19:43:01 +08:00
1 parent 47a462be01
commit 4b3dfd635b
15 files changed
+633 -38

No files matched your search

+45 -1
View File
@@ -5,7 +5,7 @@
--gold:#ffc63a; --green:#3ddc84; --blue:#4aa8ff; --purple:#a86bff;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
html,body{height:100%;overscroll-behavior:none}
body{
background:
radial-gradient(circle at 50% 20%, #1a1a28 0%, #08080d 70%);
@@ -178,3 +178,47 @@ canvas#ed-canvas{
.palette{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--line);padding-bottom:6px}
.editor-side{width:100%;border-left:none;border-top:1px solid var(--line);padding-top:8px}
}
/* ---------- 移动端虚拟手柄(参考 IWBT Creator 触屏布局) ---------- */
/* 桌面端兜底:只要 <html> 没有 .touch 类(即未检测到移动端/触屏),无论如何都不显示按钮 */
html:not(.touch) #touch{display:none !important}
#touch{
position:absolute;inset:0;z-index:25;
display:flex;justify-content:space-between;align-items:flex-end;
padding:12px 12px max(14px, env(safe-area-inset-bottom));
pointer-events:none; /* 仅按钮可点,中间区域穿透到画布 */
touch-action:none;
}
#touch.hidden{display:none}
.tc-left,.tc-right{display:flex;gap:14px;align-items:flex-end;pointer-events:none}
.tc-right{flex-direction:column;align-items:flex-end}
.tc-top{display:flex;gap:10px;margin-bottom:10px}
.tc-mid{display:flex;gap:12px;align-items:flex-end;margin-bottom:10px}
.tc-btn{
pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;
background:rgba(18,18,28,.52);border:2px solid rgba(255,255,255,.28);
color:#fff;font-family:inherit;display:flex;align-items:center;justify-content:center;
flex-direction:column;line-height:1;backdrop-filter:blur(2px);
box-shadow:0 2px 8px rgba(0,0,0,.35);
transition:transform .05s, background .1s, filter .1s;
}
.tc-btn span{font-size:1.5em}
.tc-btn .lbl{font-size:.6em;letter-spacing:1px;opacity:.85;margin-top:2px}
.tc-btn.on,.tc-btn:active{transform:scale(.93);background:rgba(224,48,80,.6);border-color:#ff5c7a}
.tc-move{width:62px;height:62px;border-radius:14px}
.tc-item{width:54px;height:54px;border-radius:50%}
.tc-sm{width:42px;height:42px;border-radius:11px;font-size:1em}
.tc-jump{
width:94px;height:94px;border-radius:50%;margin-top:4px;
background:radial-gradient(circle at 35% 30%, #ff7088, #c01a3a);
border:3px solid #ffd0da;box-shadow:0 6px 18px rgba(192,26,58,.5);
font-size:1.9em;font-weight:bold;color:#fff;
}
.tc-jump.on,.tc-jump:active{transform:scale(.92);filter:brightness(1.12)}
/* 未持枪时射击键置灰 */
#tc-gun.off{opacity:.4;filter:grayscale(1);background:rgba(18,18,28,.4)}