NARRATIVE MULTIVERSE

Reality-Bending Collaborative Story Engine

Create Your Story Session

Choose a Scenario

Select Your Perspective

Player Setup

Your Name

Session Name

Game Mode

Untitled Story 1 writer 0:00

Writing as...

0 characters

AI Narrator ready

`; } function generateSplitScreenHTML(session) { const perspectives = [...new Set(session.events.map(e => e.author))]; const columns = perspectives.map(p => { const perspective = PERSPECTIVES[p]; const events = session.events.filter(e => e.author === p).map(e => `

${e.perspectives[p]}

` ).join(''); return `

${perspective?.icon || ''} ${perspective?.name || p}

${events}

`; }).join(''); return ` ${session.name} - Split Screen View

${session.name}

${columns}

`; } function generateTimelineHTML(session) { const timelineEvents = session.events.map((event, i) => { const perspective = PERSPECTIVES[event.author]; const text = event.perspectives[event.author]; const hasReconciliation = session.reconciliations.find(r => r.afterEventId === event.id); let html = `

${formatTime(event.timestamp)}

${perspective?.icon || ''} ${perspective?.name || 'Unknown'}

${text}

`; if (hasReconciliation) { html += `

PLOT TWIST: ${hasReconciliation.twistType}

${hasReconciliation.explanation}

`; } return html; }).join(''); return ` ${session.name} - Timeline View

${session.name}

${timelineEvents} `; } function generateNovelText(session) { let text = `${session.name.toUpperCase()}\n`; text += `${'='.repeat(session.name.length)}\n\n`; text += `A Collaborative Story\n`; text += `Created: ${new Date(session.startTime).toLocaleDateString()}\n\n`; text += `---\n\n`; session.events.forEach((event, i) => { const perspective = PERSPECTIVES[event.author]; text += event.perspectives[event.author] + '\n\n'; const reconciliation = session.reconciliations.find(r => r.afterEventId === event.id); if (reconciliation) { text += `[PLOT TWIST: ${reconciliation.twistType}]\n`; text += `${reconciliation.explanation}\n\n`; } }); text += `---\n\n`; text += `PERSPECTIVE NOTES:\n\n`; Object.entries(PERSPECTIVES).forEach(([key, p]) => { text += `${p.icon} ${p.name}: ${p.description}\n`; }); return text; } function downloadFile(content, filename, mimeType) { const blob = new Blob([content], { type: mimeType }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = filename; link.click(); URL.revokeObjectURL(url); } // ===== VISUAL EFFECTS ===== function triggerParticles() { const container = document.getElementById('particles'); const colors = ['#d4af37', '#fff', '#8338ec', '#06ffa5']; for (let i = 0; i < 20; i++) { const particle = document.createElement('div'); particle.className = 'particle'; particle.style.left = Math.random() * 100 + '%'; particle.style.top = (50 + Math.random() * 30) + '%'; particle.style.background = colors[Math.floor(Math.random() * colors.length)]; particle.style.animationDelay = (Math.random() * 0.5) + 's'; container.appendChild(particle); setTimeout(() => particle.remove(), 2000); } } function showAINotification(message) { const notification = document.getElementById('aiNotification'); notification.classList.add('active'); notification.innerHTML = `${message}`; setTimeout(() => { notification.classList.remove('active'); notification.innerHTML = 'AI Narrator ready'; }, 5000); } // ===== TUTORIAL ===== function showTutorial() { alert(`NARRATIVE MULTIVERSE - How It Works 1. CHOOSE YOUR PERSPECTIVE Each player sees the story through a unique lens: - Detective: Sees clues and evidence - Villain: Sees opportunities and weaknesses - Victim: Sees threats and danger - And more... 2. WRITE COLLABORATIVELY Write your part of the story. Other players write from their perspectives simultaneously. 3. AI RECONCILIATION When perspectives contradict, the AI generates plot twists to make both versions true: - Twin siblings - Time travel - Unreliable narrators - Parallel universes 4. VOTE ON TWISTS Players vote to accept or reject AI suggestions. 5. EXPORT YOUR STORY Download as interactive fiction, split-screen view, timeline, or traditional novel. Start writing to experience the multiverse!`); } function showTutorialTooltip() { appData.settings.tutorialShown = true; saveData(); } // ===== KEYBOARD SHORTCUTS ===== document.addEventListener('keydown', function(e) { // Ctrl/Cmd + Enter to submit if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { if (document.getElementById('writingPage').classList.contains('active')) { submitEntry(); } } // Escape to close modal if (e.key === 'Escape') { closeExportModal(); } }); // ===== INITIALIZATION ===== function init() { // Check for saved session if (appData.currentSession && appData.sessions.length > 0) { // Could auto-resume, but let user choose } } init();

NARRATIVE MULTIVERSE

Create Your Story Session

Choose a Scenario

Select Your Perspective

Player Setup

Game Mode

Export Your Story

Interactive Fiction

Split-Screen Story

Timeline View

Traditional Novel

Raw JSON Data

${perspective?.icon || ''} ${perspective?.name || p}

${session.name}

${session.name}