avi/SignalElsewhereGame
1
0
Fork 0
forked from avi/signalelsewhere
Code Pull Requests Activity

Save point: Scene 3 updated - LAB 484 incubator text, recruitment typewriter WE ARE LOOKING FOR PEOPLE...

Browse Source
This commit is contained in:
avi
2026-05-09 16:52:34 -05:00
parent f7a7eeb1b2
commit f15240d6cd
1 changed files with 28 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
index.html
View File

@@ -656,7 +656,7 @@
}, 30); }, 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) { function loadScene3(sceneElem) {
sceneElem.style.display = 'flex'; sceneElem.style.display = 'flex';
const title = document.getElementById('scene3Title'); const title = document.getElementById('scene3Title');
@@ -680,36 +680,14 @@
}, 300); }, 300);
typewriterLines( 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, textContainer,
() => { () => {
// After typewriter text finishes, start I AM A... sequence // After typewriter text finishes, wait 3 seconds then type recruitment text
iAmText.textContent = ''; iAmText.textContent = '';
iAmText.style.visibility = 'visible'; 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.display = 'block';
cursor.style.opacity = '1'; cursor.style.opacity = '1';
let blinkCount = 0; let blinkCount = 0;
@@ -721,14 +699,28 @@
if (blinkCount >= 6) { if (blinkCount >= 6) {
clearInterval(blinkInterval); clearInterval(blinkInterval);
cursor.style.display = 'none'; cursor.style.display = 'none';
iAmText.textContent += segments[segIndex];
segIndex++; typeCalmly(iAmText, "WE ARE LOOKING FOR PEOPLE WHO WANT THE WORLD TO CHANGE AND ARE DOING SOMETHING ABOUT IT...", () => {
setTimeout(typeNextSegment, 3000); 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); }, 500);
} }, 3000);
typeNextSegment();
}, },
200 200
); );
@@ -785,16 +777,17 @@
s2Btn.style.pointerEvents = 'auto'; 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 scene3 = document.getElementById('scene3');
const cursor = document.getElementById('blinkCursor'); const cursor = document.getElementById('blinkCursor');
const iAmText = document.getElementById('scene2Text'); const iAmText = document.getElementById('scene2Text');
const creatorBtn = document.getElementById('creatorBtn'); const creatorBtn = document.getElementById('creatorBtn');
const builderBtn = document.getElementById('builderBtn'); const builderBtn = document.getElementById('builderBtn');
const developerBtn = document.getElementById('developerBtn'); 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'; cursor.style.display = 'none';
iAmText.textContent = ' I AM A...'; iAmText.textContent = fullText;
iAmText.style.visibility = 'visible'; iAmText.style.visibility = 'visible';
[creatorBtn, builderBtn, developerBtn].forEach(btn => { [creatorBtn, builderBtn, developerBtn].forEach(btn => {
btn.style.display = 'block'; btn.style.display = 'block';