From dc94bb4ea12c38319df2a8fd998d645cf142f36d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Untersch=C3=BCtz?= Date: Wed, 22 Apr 2026 23:17:42 +0200 Subject: [PATCH] update visuals and asset interactions: adjust asset spawn rate, refine asset animation positioning, and improve `presi-assets-track` layout styling --- cmd/client/web/game.js | 6 ++++-- cmd/client/web/style.css | 8 ++++---- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/cmd/client/web/game.js b/cmd/client/web/game.js index 1e86def..239d078 100644 --- a/cmd/client/web/game.js +++ b/cmd/client/web/game.js @@ -954,7 +954,7 @@ function startPresentationLogic() { presiQuoteInterval = setInterval(showNextPresiQuote, 8000); // Asset Spawning - presiAssetInterval = setInterval(spawnPresiAsset, 2500); + presiAssetInterval = setInterval(spawnPresiAsset, 1500); } function showNextPresiQuote() { @@ -1024,7 +1024,9 @@ async function spawnPresiAsset() { const duration = 15 + Math.random() * 10; el.style.animation = `assetSlide ${duration}s linear forwards`; - el.style.bottom = `${10 + Math.random() * 30}px`; + + // Random Y position across the whole screen + el.style.top = `${10 + Math.random() * 80}%`; setTimeout(() => el.remove(), duration * 1000); } diff --git a/cmd/client/web/style.css b/cmd/client/web/style.css index 8669272..259f01d 100644 --- a/cmd/client/web/style.css +++ b/cmd/client/web/style.css @@ -287,17 +287,17 @@ input[type=range]{width:100%;max-width:300px} .presi-assets-track { position: absolute; - bottom: 0; + top: 0; + left: 0; width: 100%; - height: 200px; + height: 100%; pointer-events: none; - z-index: 2; + z-index: 1; /* Behind quotes (5/100) and scanlines (10) */ overflow: hidden; } .presi-asset { position: absolute; - bottom: 30px; display: flex; flex-direction: column; align-items: center;