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
All checks were successful
Dynamic Branch Deploy / build-and-deploy (push) Successful in 1m49s
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user