The HUD lifts off the crowd, and the frame is dark at both ends
A drop shadow under the scoreboard, the game/sets panel, the BLOOD panel and every rack tile — and the same numbers in CSS on the quit chip, because half the overlay lifting off the backdrop while the other half sits flat on it is worse than neither. Canvas shadow offsets are device pixels and are not scaled by the transform, so hudShadow multiplies by RES; without that a 3px shadow is three quarters of a logical pixel on a 4x phone. And the top of the frame now fades out of black the way the bottom already fades into it (TUNE.standTop) — Oliver: "the bottom of the screen falls off into a black tone.. please make the top come out of a black tone". The stand comes up out of the dark instead of being cut off at the top edge, which also gives the scoreboard something to sit on. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
d0c9ea4f0d
commit
b34a9159a7
4 files changed
+57
-4
No files matched your search
+5
-2
@@ -99,7 +99,10 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
#quit button { width: calc(var(--hud, 8px) * 4); height: calc(var(--hud, 8px) * 4);
|
||||
border-radius: 3px; display: grid; place-items: center;
|
||||
background: rgba(8,26,18,0.82); border: 1px solid rgba(63,149,96,0.35);
|
||||
box-shadow: inset 0 1px 0 rgba(242,234,214,0.10), 0 1px 2px rgba(0,0,0,0.45);
|
||||
/* the same drop shadow the canvas HUD carries (render.hudShadow): the chip sits on
|
||||
the crowd like the scoreboard does, and half the overlay lifting off the
|
||||
backdrop while the other half does not is worse than neither. */
|
||||
box-shadow: inset 0 1px 0 rgba(242,234,214,0.10), 3px 3px 3px rgba(0,0,0,0.68);
|
||||
/* a plain X, not ✕: Silkscreen has no U+2715, so the dingbat fell back to the
|
||||
system font and drew a smooth glyph inside a pixel HUD */
|
||||
color: var(--cream); font: 700 14px Silkscreen, monospace; line-height: 1;
|
||||
@@ -661,6 +664,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="module" src="src/main.js?v=301"></script>
|
||||
<script type="module" src="src/main.js?v=302"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user