From f15240d6cd7c39af0fc0d1be9b7b41f941149ab9 Mon Sep 17 00:00:00 2001 From: avi Date: Sat, 9 May 2026 16:52:34 -0500 Subject: [PATCH] Save point: Scene 3 updated - LAB 484 incubator text, recruitment typewriter WE ARE LOOKING FOR PEOPLE... --- index.html | 63 ++++++++++++++++++++++++------------------------------ 1 file changed, 28 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index 5c2d2fc..4fc8a49 100644 --- a/index.html +++ b/index.html @@ -656,7 +656,7 @@ }, 30); } - // Scene 3 loader with I AM A... sequence and 3 choice buttons + // Scene 3 loader with recruitment text sequence and 3 choice buttons function loadScene3(sceneElem) { sceneElem.style.display = 'flex'; const title = document.getElementById('scene3Title'); @@ -680,36 +680,14 @@ }, 300); typewriterLines( - [" IN NUMEROLOGY, THE NUMBERS 484 STAND FOR ALL MATERIAL PROVISION FOR YOUR DIVINE LIFE PATH", "\n\nLAB 484 IS A TECH INCUBATOR THAT HAS 11 STARTUPS UNDERNEATH IT"], + ["LAB 484 IS AN INCUBATOR THAT HAS 11 DECENTRALIZED STARTUPS UNDERNEATH IT"], textContainer, () => { - // After typewriter text finishes, start I AM A... sequence + // After typewriter text finishes, wait 3 seconds then type recruitment text iAmText.textContent = ''; iAmText.style.visibility = 'visible'; - let segIndex = 0; - const segments = [" I", "AM", "A..."]; - - function typeNextSegment() { - if (segIndex >= segments.length) { - setTimeout(() => { - choiceBtns.forEach(btn => { - btn.style.display = 'block'; - btn.style.visibility = 'visible'; - let btnOpacity = 0; - const btnFadeIn = setInterval(() => { - btnOpacity += 0.02; - if (btnOpacity >= 1) { - btnOpacity = 1; - clearInterval(btnFadeIn); - btn.style.pointerEvents = 'auto'; - } - btn.style.opacity = btnOpacity; - }, 30); - }); - }, 3000); - return; - } + setTimeout(() => { cursor.style.display = 'block'; cursor.style.opacity = '1'; let blinkCount = 0; @@ -721,14 +699,28 @@ if (blinkCount >= 6) { clearInterval(blinkInterval); cursor.style.display = 'none'; - iAmText.textContent += segments[segIndex]; - segIndex++; - setTimeout(typeNextSegment, 3000); + + typeCalmly(iAmText, "WE ARE LOOKING FOR PEOPLE WHO WANT THE WORLD TO CHANGE AND ARE DOING SOMETHING ABOUT IT...", () => { + setTimeout(() => { + choiceBtns.forEach(btn => { + btn.style.display = 'block'; + btn.style.visibility = 'visible'; + let btnOpacity = 0; + const btnFadeIn = setInterval(() => { + btnOpacity += 0.02; + if (btnOpacity >= 1) { + btnOpacity = 1; + clearInterval(btnFadeIn); + btn.style.pointerEvents = 'auto'; + } + btn.style.opacity = btnOpacity; + }, 30); + }); + }, 3000); + }); } }, 500); - } - - typeNextSegment(); + }, 3000); }, 200 ); @@ -785,16 +777,17 @@ s2Btn.style.pointerEvents = 'auto'; } - // Scene 3 skip (cursor blinking / I AM A... typing) + // Scene 3 skip (typewriter / cursor / typing) const scene3 = document.getElementById('scene3'); const cursor = document.getElementById('blinkCursor'); const iAmText = document.getElementById('scene2Text'); const creatorBtn = document.getElementById('creatorBtn'); const builderBtn = document.getElementById('builderBtn'); const developerBtn = document.getElementById('developerBtn'); - if (scene3.style.display === 'flex' && (cursor.style.display === 'block' || (cursor.style.display === 'none' && iAmText.textContent.length > 0 && iAmText.textContent.length < 8))) { + const fullText = "WE ARE LOOKING FOR PEOPLE WHO WANT THE WORLD TO CHANGE AND ARE DOING SOMETHING ABOUT IT..."; + if (scene3.style.display === 'flex' && (cursor.style.display === 'block' || (iAmText.textContent.length > 0 && iAmText.textContent.length < fullText.length))) { cursor.style.display = 'none'; - iAmText.textContent = ' I AM A...'; + iAmText.textContent = fullText; iAmText.style.visibility = 'visible'; [creatorBtn, builderBtn, developerBtn].forEach(btn => { btn.style.display = 'block';