fix: 修复了冰块惯性问题和死亡效果
This commit is contained in:
1 parent
47a462be01
commit
4b3dfd635b
15 files changed
+633
-38
No files matched your search
+45
-1
@@ -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)}
|
||||
Reference in new issue
Block a user