ZB-Server/EscapeFromTeacher
Private
Public Access
1
0
Fork 0
Code Activity

update visuals and asset interactions: adjust asset spawn rate, refine asset animation positioning, and improve presi-assets-track layout styling
All checks were successful
Dynamic Branch Deploy / build-and-deploy (push) Successful in 1m49s

Browse Source
This commit is contained in:
Sebastian Unterschütz
2026-04-22 23:17:42 +02:00
parent 22643996c3
commit dc94bb4ea1
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
cmd/client/web/game.js
View File

@@ -954,7 +954,7 @@ function startPresentationLogic() {
presiQuoteInterval = setInterval(showNextPresiQuote, 8000); presiQuoteInterval = setInterval(showNextPresiQuote, 8000);
// Asset Spawning // Asset Spawning
presiAssetInterval = setInterval(spawnPresiAsset, 2500); presiAssetInterval = setInterval(spawnPresiAsset, 1500);
} }
function showNextPresiQuote() { function showNextPresiQuote() {
@@ -1024,7 +1024,9 @@ async function spawnPresiAsset() {
const duration = 15 + Math.random() * 10; const duration = 15 + Math.random() * 10;
el.style.animation = `assetSlide ${duration}s linear forwards`; 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); setTimeout(() => el.remove(), duration * 1000);
} }

8
cmd/client/web/style.css
View File

@@ -287,17 +287,17 @@ input[type=range]{width:100%;max-width:300px}
.presi-assets-track { .presi-assets-track {
position: absolute; position: absolute;
bottom: 0; top: 0;
left: 0;
width: 100%; width: 100%;
height: 200px; height: 100%;
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 1; /* Behind quotes (5/100) and scanlines (10) */
overflow: hidden; overflow: hidden;
} }
.presi-asset { .presi-asset {
position: absolute; position: absolute;
bottom: 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;