novafarma

davidkotnik/novafarma

Fork 0

Commit Graph

Author	SHA1	Message	Date
David Kotnik	1a05ee4f57	🎭 INTRO DESIGN - DUAL TIMELINE VERSION! ✅ UPDATED: INTRO_SEQUENCE_DESIGN.md Added TIMELINE VERSION A (60 seconds): 📋 6-PHASE TIMELINE: Phase 1: Happy Family (0:00-0:10) - Kai + father longboard, Ana dreads barbershop, RD cake - Text: 'Nekoč so bile barve resnične...' - Lo-fi music + children's laughter - Warm blur-to-clear effect Phase 2: The Bond (0:10-0:20) - Twins holding hands, MATCHING dreads (DNA!) - Text: 'Imel sem njo. Imela sva vse.' - Heartbeat SFX (gentle, 80 BPM) - CLEAREST shot (0 blur - most important!) Phase 3: The Collapse (0:20-0:35) - Virus X-Noir spread, zombie silhouettes, chaos - Text: 'Potem je prišel X-Noir. In svet se je zlomil.' - Punk rock + sirens + screams - Heavy glitch, red/green saturation Phase 4: The Loss (0:35-0:45) - Parents becoming transparent (ghost foreshadow!) - Text: 'Starša sta postala senci... Ana je izginila v temi.' - Distortion sound, sudden silence - Parents fade to 30% opacity Phase 5: Passage of Time (0:45-0:55) ⭐ - FAST MONTAGE: Aging system showcase! - Young Kai → Adult Kai (beard) → Elder Kai (grey dreads) - References: /assets/references/aging_system/ - Text: 'Leta so postala megla. Obraz se je spremenil... cilj nikoli.' - Noir synth + ticking clock - CRITICAL: Shows Generational Aging! Phase 6: Amnesia Wake-Up (0:55-1:00) - Maximum blur → Bedroom focus → Gronk voice - Text: 'Kdo sem? ... Kje je Ana?' - Gronk: 'No, končno si buden.' - VHS filter fades out - Transition to gameplay 🎮 SKIP OPTION: - Trigger: After 5 seconds - Display: '[Hold X to face reality]' - Skip to gameplay instantly 💻 COMPLETE JAVASCRIPT IMPLEMENTATION: Version A (60s) - Full Code: - 6 phase functions - VHS overlay system - Skip controls (X or ESC) - Aging montage (Phase 5 - CRITICAL!) - Effects: blur transitions, glitch, color override - Audio: 6 different tracks/SFX - Complete showShot() method Version B (30-45s) - Fast Cut Version: - 3 phase functions (already in doc) - ADHD energy with rapid cuts - Simpler implementation 📊 COMPARISON: Version A (60s): - Pro: Aging system showcase, emotional depth - Pro: Cinematic pacing, gradual build - Con: Longer (60s), more assets needed - Best for: Final release, story emphasis Version B (30-45s): - Pro: Fast impact, less assets - Pro: ADHD-friendly energy - Con: No aging showcase - Best for: Demo, rapid testing 🎨 NEW SLOVENIAN TEXT: Document now 900+ lines with both complete timelines! 🎆	2026-01-10 04:33:59 +01:00
David Kotnik	0bcd598069	🎬 INTRO SEQUENCE DESIGN - COMPLETE STORYBOARD! ✅ DYNAMIC INTRO SYSTEM DESIGNED (30-45 seconds): 📋 INTRO_SEQUENCE_DESIGN.md (650+ lines): 3 PHASE STRUCTURE: 🌈 PHASE 1: HAPPY FAMILY MEMORIES (15s) - 5 shots (3s each, fast ADHD cuts) - Blur-to-clear effect (memories clarifying) - References: Otac longboard, dreads barbershop, Ana twin, birthday, family portrait - Text: 'Nekoč smo imeli barve...' (We once had colors...) - Audio: Light indie/lo-fi, children's laughter, ocean waves - Style: Bright neon, VHS grain, nostalgic 🔥 PHASE 2: THE COLLAPSE (15s) - 4 shots (4s each, even faster) - Glitch effect intensifies (VHS corruption) - Virus spread (neon green), Ombiji zombies, parents fight, Ana separated - Text: 'Potem je prišla tema...' (Then came darkness...) - Audio: Fast punk rock, sirens, screams, chaos - Colors: Intense reds (+50%), toxic greens (+70%) 😔 PHASE 3: AMNESIA WAKE-UP (10s) - Pure blur → Kai's bedroom → Ana memory flash → Gronk voice - Text: 'In ostal sem sam... z luknjo v glavi.' (Alone with hole in head) - Final: 'Moram jo najti. Tudi če mi vzame celo življenje.' (Must find her... whole life) - Audio: Dark ambient, heartbeat slowing, breathing, Gronk - Gronk: 'Spet si zaspal, stari... upam, da si sanjal o mojem vapiu.' ⭐ SPECIAL EDITION NOTIFICATION (5s - optional) - Triggers for buyer #1-20 OR streamer mode - 'SPECIAL EDITION ACTIVATED!' - 'Gronk Helper Mode: UNLOCKED' - Neon border, pulsing glow - Vape sound effect 📋 COMPLETE SPECIFICATIONS: Shot Breakdown: - Phase 1: 5 detailed shots with timings - Phase 2: 4 chaos shots with glitch specs - Phase 3: 4 amnesia shots with blur curves Visual Effects: - Blur: 10 → 0 (clear), 0 → 20 (amnesia) - VHS Glitch: Scanline intensity 0.2 → 0.7 - Color Grading: Warm → Intense → Cold - RGB Separation: Phase 2 corruption Audio Timeline: - 0-15s: Light indie (100 BPM, 0.4 vol) - 15-30s: Punk rock (180 BPM, 0.7 → 1.0 vol) - 30-45s: Dark ambient (60 BPM heartbeat, 0.3 vol) - Seamless crossfades (1s each) Typewriter Text (Complete Script): Reference Assets Required: - 15+ images (use aging_system folder) - 3 music tracks (happy/punk/ambient) - 20+ SFX (chaos layers) - 1 AI Gronk voice 💻 IMPLEMENTATION GUIDE: IntroScene.js Structure: - Phase system with timeline management - Blur/glitch effect controllers - Audio sync - Skip functionality (any key) - Special Edition trigger check Code Snippets Included: - playPhase1HappyMemories() - playPhase2Collapse() - playPhase3Amnesia() - checkSpecialEdition() 🎯 DESIGN PRINCIPLES: ADHD Energy: - Fast cuts (3-5s max per shot) - Skip ALWAYS available - Visual variety - No shot too long Emotional Impact: - Happy → Sad (max contrast) - Clear Ana memory (quest motivation) - Parents sacrifice (depth) - Amnesia relatability Story Clarity: - 3 text overlays = complete story - Visual storytelling (no exposition) - Mystery preserved (what happened?) - Motivation clear (find Ana!) Style Consistency: - Style 32 Dark-Chibi Noir throughout - Neon magenta/cyan maintained - VHS memory aesthetic - Thick outlines all shots 📊 TECHNICAL SPECS: - 15+ reference images needed - Phaser PostFX (blur, scanlines, glitch) - 60 FPS optimized - Assets preloaded - Audio streaming 🎬 NARRATIVE CONCEPT: Memory vs Reality Integration: - Uses ORIGINAL Ana (purple) in memory flash - Shows happy family (alive parents) - Virus 'X-Noir' spreads through tech/blood - Kai's amnesia = hole in memory - ONE clear thing remains: Ana's face Complete Story Arc: > Colors → Darkness → Alone → Quest: Find Ana! Ready for IntroScene.js implementation! 🎆	2026-01-10 04:23:34 +01:00

Author

SHA1

Message

Date

David Kotnik

1a05ee4f57

🎭 INTRO DESIGN - DUAL TIMELINE VERSION!

✅ UPDATED: INTRO_SEQUENCE_DESIGN.md

Added TIMELINE VERSION A (60 seconds):

📋 6-PHASE TIMELINE:

**Phase 1: Happy Family (0:00-0:10)**
- Kai + father longboard, Ana dreads barbershop, RD cake
- Text: 'Nekoč so bile barve resnične...'
- Lo-fi music + children's laughter
- Warm blur-to-clear effect

**Phase 2: The Bond (0:10-0:20)**
- Twins holding hands, MATCHING dreads (DNA!)
- Text: 'Imel sem njo. Imela sva vse.'
- Heartbeat SFX (gentle, 80 BPM)
- CLEAREST shot (0 blur - most important!)

**Phase 3: The Collapse (0:20-0:35)**
- Virus X-Noir spread, zombie silhouettes, chaos
- Text: 'Potem je prišel X-Noir. In svet se je zlomil.'
- Punk rock + sirens + screams
- Heavy glitch, red/green saturation

**Phase 4: The Loss (0:35-0:45)**
- Parents becoming transparent (ghost foreshadow!)
- Text: 'Starša sta postala senci... Ana je izginila v temi.'
- Distortion sound, sudden silence
- Parents fade to 30% opacity

**Phase 5: Passage of Time (0:45-0:55) ⭐**
- FAST MONTAGE: Aging system showcase!
- Young Kai → Adult Kai (beard) → Elder Kai (grey dreads)
- References: /assets/references/aging_system/
- Text: 'Leta so postala megla. Obraz se je spremenil... cilj nikoli.'
- Noir synth + ticking clock
- CRITICAL: Shows Generational Aging!

**Phase 6: Amnesia Wake-Up (0:55-1:00)**
- Maximum blur → Bedroom focus → Gronk voice
- Text: 'Kdo sem? ... Kje je Ana?'
- Gronk: 'No, končno si buden.'
- VHS filter fades out
- Transition to gameplay

🎮 SKIP OPTION:
- Trigger: After 5 seconds
- Display: '[Hold X to face reality]'
- Skip to gameplay instantly

💻 COMPLETE JAVASCRIPT IMPLEMENTATION:

**Version A (60s) - Full Code:**
- 6 phase functions
- VHS overlay system
- Skip controls (X or ESC)
- Aging montage (Phase 5 - CRITICAL!)
- Effects: blur transitions, glitch, color override
- Audio: 6 different tracks/SFX
- Complete showShot() method

**Version B (30-45s) - Fast Cut Version:**
- 3 phase functions (already in doc)
- ADHD energy with rapid cuts
- Simpler implementation

📊 COMPARISON:

**Version A (60s):**
- Pro: Aging system showcase, emotional depth
- Pro: Cinematic pacing, gradual build
- Con: Longer (60s), more assets needed
- Best for: Final release, story emphasis

**Version B (30-45s):**
- Pro: Fast impact, less assets
- Pro: ADHD-friendly energy
- Con: No aging showcase
- Best for: Demo, rapid testing

🎨 NEW SLOVENIAN TEXT:

Document now 900+ lines with both complete timelines! 🎆

2026-01-10 04:33:59 +01:00

David Kotnik

0bcd598069

🎬 INTRO SEQUENCE DESIGN - COMPLETE STORYBOARD!

✅ DYNAMIC INTRO SYSTEM DESIGNED (30-45 seconds):

📋 INTRO_SEQUENCE_DESIGN.md (650+ lines):

**3 PHASE STRUCTURE:**

🌈 PHASE 1: HAPPY FAMILY MEMORIES (15s)
- 5 shots (3s each, fast ADHD cuts)
- Blur-to-clear effect (memories clarifying)
- References: Otac longboard, dreads barbershop, Ana twin, birthday, family portrait
- Text: 'Nekoč smo imeli barve...' (We once had colors...)
- Audio: Light indie/lo-fi, children's laughter, ocean waves
- Style: Bright neon, VHS grain, nostalgic

🔥 PHASE 2: THE COLLAPSE (15s)
- 4 shots (4s each, even faster)
- Glitch effect intensifies (VHS corruption)
- Virus spread (neon green), Ombiji zombies, parents fight, Ana separated
- Text: 'Potem je prišla tema...' (Then came darkness...)
- Audio: Fast punk rock, sirens, screams, chaos
- Colors: Intense reds (+50%), toxic greens (+70%)

😔 PHASE 3: AMNESIA WAKE-UP (10s)
- Pure blur → Kai's bedroom → Ana memory flash → Gronk voice
- Text: 'In ostal sem sam... z luknjo v glavi.' (Alone with hole in head)
- Final: 'Moram jo najti. Tudi če mi vzame celo življenje.' (Must find her... whole life)
- Audio: Dark ambient, heartbeat slowing, breathing, Gronk
- Gronk: 'Spet si zaspal, stari... upam, da si sanjal o mojem vapiu.'

⭐ SPECIAL EDITION NOTIFICATION (5s - optional)
- Triggers for buyer #1-20 OR streamer mode
- 'SPECIAL EDITION ACTIVATED!'
- 'Gronk Helper Mode: UNLOCKED'
- Neon border, pulsing glow
- Vape sound effect

📋 COMPLETE SPECIFICATIONS:

**Shot Breakdown:**
- Phase 1: 5 detailed shots with timings
- Phase 2: 4 chaos shots with glitch specs
- Phase 3: 4 amnesia shots with blur curves

**Visual Effects:**
- Blur: 10 → 0 (clear), 0 → 20 (amnesia)
- VHS Glitch: Scanline intensity 0.2 → 0.7
- Color Grading: Warm → Intense → Cold
- RGB Separation: Phase 2 corruption

**Audio Timeline:**
- 0-15s: Light indie (100 BPM, 0.4 vol)
- 15-30s: Punk rock (180 BPM, 0.7 → 1.0 vol)
- 30-45s: Dark ambient (60 BPM heartbeat, 0.3 vol)
- Seamless crossfades (1s each)

**Typewriter Text (Complete Script):**

**Reference Assets Required:**
- 15+ images (use aging_system folder)
- 3 music tracks (happy/punk/ambient)
- 20+ SFX (chaos layers)
- 1 AI Gronk voice

💻 IMPLEMENTATION GUIDE:

**IntroScene.js Structure:**
- Phase system with timeline management
- Blur/glitch effect controllers
- Audio sync
- Skip functionality (any key)
- Special Edition trigger check

**Code Snippets Included:**
- playPhase1HappyMemories()
- playPhase2Collapse()
- playPhase3Amnesia()
- checkSpecialEdition()

🎯 DESIGN PRINCIPLES:

**ADHD Energy:**
- Fast cuts (3-5s max per shot)
- Skip ALWAYS available
- Visual variety
- No shot too long

**Emotional Impact:**
- Happy → Sad (max contrast)
- Clear Ana memory (quest motivation)
- Parents sacrifice (depth)
- Amnesia relatability

**Story Clarity:**
- 3 text overlays = complete story
- Visual storytelling (no exposition)
- Mystery preserved (what happened?)
- Motivation clear (find Ana!)

**Style Consistency:**
- Style 32 Dark-Chibi Noir throughout
- Neon magenta/cyan maintained
- VHS memory aesthetic
- Thick outlines all shots

📊 TECHNICAL SPECS:

- 15+ reference images needed
- Phaser PostFX (blur, scanlines, glitch)
- 60 FPS optimized
- Assets preloaded
- Audio streaming

🎬 NARRATIVE CONCEPT:

**Memory vs Reality Integration:**
- Uses ORIGINAL Ana (purple) in memory flash
- Shows happy family (alive parents)
- Virus 'X-Noir' spreads through tech/blood
- Kai's amnesia = hole in memory
- ONE clear thing remains: Ana's face

**Complete Story Arc:**
> Colors → Darkness → Alone → Quest: Find Ana!

Ready for IntroScene.js implementation! 🎆

2026-01-10 04:23:34 +01:00

2 Commits