// ================================================== // Project Imports // ================================================== // App.jsx import React, { useState, useEffect, useRef } from 'react'; import ReactDOM from 'react-dom/client'; import { ParticleSystem } from 'https://play.rosebud.ai/assets/ParticleSystem.js?fcqw'; window.React = React; window.ReactDOM = ReactDOM; // Add this line to include the Google Font const linkElement = document.createElement('link'); linkElement.rel = 'stylesheet'; linkElement.href = 'https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'; document.head.appendChild(linkElement); // ================================================== // General Notes for Rosie AI // ================================================== // ================================================== // ChatAIClass Definition // ================================================== /** * ChatAIClass provides a simple interface for AI-powered game fusion generation. * It uses ChatManager (provided externally) to handle the conversation flow. */ class ChatAIClass { constructor() { this.chatManager = new ChatManager(); } async getResponse(prompt) { const completionPrompt = `CREATE AN EPIC COMEDIC CROSSOVER (125-150 WORDS) Using characters and themes only from the respected chosen games in this ${prompt}: Make sure all of these apply to each combo, and the most accurate details for each game are included. REQUIRED FORMAT: - MUST include at least 3 character-specific gags/jokes - Mix combat with one key ability combination - Each character needs ONE signature moment - Length: 125-150 words for tight pacing, but make sure it is inside word range and is finished. - Start with immediate action - End with a character-specific punchline GAG REQUIREMENTS (MANDATORY): - Game mechanic mashups (e.g., "Kirby inhales Mayor Lewis, gains tax-collecting abilities and a mustache") - Character power combinations (e.g., "Mario eats Stardrop Fruit, gains iridium-quality jumps") - Ability transformations - Environmental fusion humor (e.g., "Creeper tries to explode in Pelican Town, creates diamond mayonnaise instead") - Item crafting comedy (e.g., "Steve tries to craft with Stardew items, makes Prismatic Pickaxe") - NPC reactions (e.g., "Pierre attempts to sell Basic Sword for 2000g, Link's rupee conversion crashes economy") COMEDY STRUCTURE: 1. Opening Absurdity 2. Character Power Gags 3. Epic Combat Comedy 4. Environmental Humor 5. Grand Finale Punchline REQUIRED GAG TYPES: 1. Power/Ability Gags: - Character gains absurd new powers - Abilities combine in unexpected ways - Game mechanics create chaos 2. Character Interaction Jokes: - Personality clashes create humor - Different game logic causes confusion - NPCs react to foreign elements 3. Environmental Comedy: - Game worlds blend chaotically - Items/crafting create absurd results - Location fusion generates laughs CHARACTER GAG REQUIREMENTS: - One memorable gag per character combination - Examples: * "Link silently stares at a Creeper until it gets uncomfortable and leaves" * "Mario tries to jump on Ornstein's head, immediately regrets life choices" * "Chell creates an infinite portal loop, GLaDOS sounds genuinely impressed" DIALOGUE AND REACTIONS: - Use game-specific catchphrases ("WAHOO!", "Poyo", "OOF") - Add bystander commentary on destruction - Include character-specific expressions - Mix game terminology with everyday situations - End with memorable one-liners TITLE FORMAT: - Combine words from both games creatively - Examples: * "Dark Valley" (Dark Souls + Stardew Valley) * "Super Portal Bros" (Super Mario Bros + Portal) * "The Legend of Minecraft" (Zelda + Minecraft) - Must use elements from ALL selected games - Keep within 4-7 words [Scene description with vivid details] [Character dialogue or reaction] [Chaos escalation] [Punchline or witty observation] SELECTED GAMES (MANDATORY INCLUSION): ${prompt} FUSION REQUIREMENTS: 1. Characters: Minimum 2 major characters from EACH game, true to their original personalities 2. Abilities: Showcase exact, iconic powers from EACH game (e.g., Link's bomb arrows, Mario's Cappy possession) 3. Mechanics: Seamlessly blend core gameplay elements from ALL games 4. Environment: Create a vivid, detailed fusion of game worlds with specific landmark descriptions 5. Narrative: Craft an epic, action-packed story with clear stakes and character motivations ABSOLUTELY NO EXCEPTIONS TO THESE RULES VERIFY ALL GAMES ARE REPRESENTED BEFORE COMPLETING EXAMPLE QUALITY (for Pokemon + Street Fighter): In a bizarre twist of reality, E. Honda finds himself face-to-face with a Diglett, confidently cracking his knuckles. "Hundred Hand Slap should handle this little dirt pile," he declares, launching into his signature rapid-fire attack. The Diglett, naturally, just pops up and down in different spots, completely unfazed, while a confused Ryu watches from the sidelines. "HADOKEN!" Ryu shouts, only to have his fireball caught by a cheerful Mr. Mime who starts juggling it like a circus prop. Nearby, a Magikarp flops uselessly while Zangief stares in disbelief, wondering if this is what passes for wrestling in this world. Link dashes forward, dropping a Remote Bomb mid-roll. As the beast swings, he detonates it, launching himself over the attack. Midair, he pulls his bow—an Ancient Arrow streaks toward its eye. The creature staggers. Mario follows, hurling Cappy at a dazed Hammer Bro. Possessed, the enemy turns, pelting the monster with a barrage of hammers. The beast roars, swiping Mario aside, but Zelda intercepts, her rapier flashing as she dashes in, landing precise, searing strikes. She leaps back, summoning Din's Fire, engulfing the creature in flames. The Hinox-Bob-omb lurches, chest glowing with unstable energy. A detonation is coming. Mario bounds off its arm, vaulting high. Cappy snags onto a passing Lakitu, dragging him even higher. From above, he stomps down—hard—just as Link freezes the beast with Stasis. The impact cracks the creature's core, energy surging wildly. Zelda raises the Bow of Light. One shot. Golden radiance cuts through the chaos, striking the core just as Stasis releases. The explosion rips through the battlefield, sending shockwaves across the ruined land. As the dust settles, only silence remains. In the distance, the heart of the twisted castle looms, pulsing with darkness. The battle isn't over. MATCH THIS LEVEL OF QUALITY, DETAIL, AND AUTHENTICITY IN YOUR RESPONSE.`; this.chatManager.addMessage('user', completionPrompt); let response = await this.chatManager.getCharacterResponse('classify'); // Ensure response meets word count requirements let retryCount = 0; const maxRetries = 3; while (retryCount < maxRetries) { const words = response.split(/\s+/).length; if (words >= 125 && words <= 150) { return response; } console.log(`Retry ${retryCount + 1}: Response word count ${words} not within 125-150 range`); response = await this.chatManager.getCharacterResponse('classify'); retryCount++; } throw new Error('Failed to generate response within word count limits after retries'); } } const AI_BEHAVIOR_DESCRIPTION = ` CREATE A FOCUSED CROSSOVER STORY: CORE RULES: - Use ONLY elements from the selected games - Include main characters and key items from chosen games - Keep each character's original abilities and personality - Maintain game-specific mechanics and rules - NO elements from games that weren't selected CHARACTER GUIDELINES: - Use major characters from selected games only - Keep original abilities (e.g., Mario's jumps, Link's sword techniques) - Maintain character traits (e.g., Link's silence, Samus's focused nature) - Include signature weapons and items QUALITY REQUIREMENTS: 1. Accuracy - Use exact character names from the selected games. - Reference specific abilities and tools accurately in high-energy combat. - Include real game mechanics, no generic powers. 2. Combinations - Blend mechanics naturally (e.g., Link’s Hookshot + Minecraft’s terrain physics). - Create logical power fusions (e.g., Bomb Arrows + TNT mid-battle). - Design believable interactions (e.g., Steve builds bridges mid-battle while dodging attacks). 3. World Building - Merge game worlds with environmental consistency. - Maintain game-specific rules (e.g., Rupees vs. Emeralds, item crafting vs. item upgrades). - Provide deep, fast-paced environmental descriptions as battles unfold. Your final response should be no more than no more than 150 words. FORMAT: { "title": "Creative 3-5 Word Title", "description": "Complete 125-150 word narrative in present tense with relentless, action-packed sequences, cinematic battles, and character-driven intensity that fully concludes with a restored world and a witty final remark." }`; // ================================================== // Main App Component with Three.js Scene // ================================================== // Initialize particles const setupParticles = () => { const particleSystem = new ParticleSystem('particleCanvas'); particleSystem.start(); return particleSystem; }; const App = () => { const [isPlaying, setIsPlaying] = useState(false); const [currentTrackIndex, setCurrentTrackIndex] = useState(0); const [audioTracks] = useState([ new Audio('https://play.rosebud.ai/assets/1-07. The Legend of Zelda Medley.mp3?fy4S'), new Audio('https://play.rosebud.ai/assets/1-16. Ocarina of Time Medley.mp3?KbJ9'), new Audio('https://play.rosebud.ai/assets/2-27. Main Theme - The Legend of Zelda - Breath of the Wild [Original].mp3?KawI') ]); const [isGenerating, setIsGenerating] = useState(false); const [selectedGames, setSelectedGames] = useState(() => { const saved = localStorage.getItem('selectedGames'); return saved ? JSON.parse(saved) : []; }); const getMaxSelections = (currentLevel) => currentLevel >= 10 ? 3 : 2; const defaultResult = { title: '', description: '' }; const [result, setResult] = useState(defaultResult); // Initialize particles useEffect(() => { setupParticles(); }, []); useEffect(() => { try { const saved = localStorage.getItem('result'); if (saved) { const parsed = JSON.parse(saved); if (parsed && typeof parsed === 'object') { setResult({ title: parsed.title || '', description: parsed.description || '' }); } } } catch (error) { console.error('Error loading saved result:', error); } }, []); const [comboCount, setComboCount] = useState(() => { const saved = localStorage.getItem('comboCount'); return saved ? parseInt(saved) : 0; }); const [level, setLevel] = useState(() => { const saved = localStorage.getItem('level'); return saved ? parseInt(saved) : 0; }); const chatAI = useRef(new ChatAIClass()); const levelThresholds = { 1: 30, // First unlocks 2: 90, // Second unlocks 3: 180, // Third unlocks 4: 300, // Fourth unlocks 5: 450, // Fifth unlocks 6: 600, // Sixth unlocks 7: 780, // Seventh unlocks 8: 990, // Eighth unlocks 9: 1230, // Ninth unlocks 10: 1500, // Tenth unlocks 11: 1800, // Eleventh unlocks 12: 2130, // Twelfth unlocks 13: 2490, // Thirteenth unlocks 14: 2880, // Fourteenth unlocks 15: 3300, // Fifteenth unlocks 16: 3780, // Sixteenth unlocks 17: 4320, // Seventeenth unlocks 18: 4920, // Eighteenth unlocks 19: 5580, // Nineteenth unlocks 20: 6300, // Twentieth unlocks 21: 7080, // Twenty-first unlocks 22: 7920, // Twenty-second unlocks 23: 8820 // Twenty-third unlocks }; const levelUnlocks = { 1: { "Super Smash Bros": ["Super Smash Bros.", "Super Smash Bros. Melee", "Super Smash Bros. Brawl", "Super Smash Bros. Ultimate"], "Luigi's Mansion": ["Luigi's Mansion", "Luigi's Mansion: Dark Moon", "Luigi's Mansion 3"], "Mario Kart": ["Super Mario Kart", "Mario Kart 64", "Mario Kart Super Circuit", "Mario Kart Double Dash!!!", "Mario Kart DS", "Mario Kart Wii", "Mario Kart 7", "Mario Kart 8", "Mario Kart 8 Deluxe"] }, 2: { "Red Dead Redemption": ["Red Dead Redemption", "Red Dead Redemption 2"], "Mario Party": ["Mario Party", "Mario Party Superstars", "Super Mario Party"], "Stardew Valley": ["Stardew Valley"], "Yoshi": ["Yoshi's Story", "Yoshi's Island", "Yoshi's Crafted World", "Yoshi's Woolly World"] }, 3: { "Resident Evil": ["Resident Evil 2", "Resident Evil 4", "Resident Evil Village"], "Mass Effect": ["Mass Effect", "Mass Effect 2", "Mass Effect 3"], "Hyrule Warriors": ["Hyrule Warriors", "Hyrule Warriors: Age of Calamity"], "Paper Mario": ["Paper Mario 64", "Paper Mario: The Thousand Year Door", "Super Paper Mario"] }, 4: { "God of War": ["God of War", "God of War Ragnarök"], "Halo": ["Halo: Combat Evolved", "Halo 2", "Halo 3", "Halo Infinite"], "Wukong": ["Black Myth: Wukong"] }, 5: { "Assassin's Creed": ["Assassin's Creed II", "Assassin's Creed Brotherhood", "Assassin's Creed Valhalla"], "Metal Gear Solid": ["Metal Gear Solid", "Metal Gear Solid 3: Snake Eater"] }, 6: { "Fallout": ["Fallout 3", "Fallout: New Vegas", "Fallout 4"], "BioShock": ["BioShock", "BioShock Infinite"] }, 7: { "Dragon Quest": ["Dragon Quest VIII", "Dragon Quest XI"], "Monster Hunter": ["Monster Hunter World", "Monster Hunter Rise"] }, 8: { "Kingdom Hearts": ["Kingdom Hearts", "Kingdom Hearts II", "Kingdom Hearts III"], "Persona": ["Persona 3", "Persona 4", "Persona 5"] }, 9: { "Diablo": ["Diablo II", "Diablo III", "Diablo IV"], "The Witcher": ["The Witcher 2", "The Witcher 3: Wild Hunt"] }, 10: { "Street Fighter": ["Street Fighter II", "Street Fighter III", "Street Fighter IV", "Street Fighter V", "Street Fighter 6"], "Mega Man": ["Mega Man X", "Mega Man Zero", "Mega Man 11"] }, 11: { "Devil May Cry": ["Devil May Cry 3", "Devil May Cry 5"], "Castlevania": ["Symphony of the Night", "Aria of Sorrow"], "Roblox": ["Roblox", "Roblox Studio"] }, 12: { "Fire Emblem": ["Fire Emblem: Three Houses", "Fire Emblem Engage"], "Tales": ["Tales of Symphonia", "Tales of Arise"] }, 13: { "Tomb Raider": ["Tomb Raider (2013)", "Rise of the Tomb Raider", "Shadow of the Tomb Raider"], "DOOM": ["DOOM (2016)", "DOOM Eternal"] }, 14: { "Nier": ["Nier: Automata", "Nier Replicant"], "Dead Space": ["Dead Space", "Dead Space 2"] }, 15: { "Xenoblade": ["Xenoblade Chronicles", "Xenoblade Chronicles 2", "Xenoblade Chronicles 3"], "Bayonetta": ["Bayonetta", "Bayonetta 2", "Bayonetta 3"] }, 16: { "Animal Crossing": ["Animal Crossing: New Horizons", "Animal Crossing: New Leaf"] }, 17: { "Horizon": ["Horizon Zero Dawn", "Horizon Forbidden West"], "Pikmin": ["Pikmin", "Pikmin 2", "Pikmin 3", "Pikmin 4"] }, 18: { "Kirby": ["Kirby's Dream Land", "Kirby Super Star", "Kirby and the Forgotten Land"], "Splatoon": ["Splatoon", "Splatoon 2", "Splatoon 3"] }, 19: { "Fortnite": ["Fortnite Battle Royale", "Fortnite Save the World"] }, 20: { "The Last of Us": ["The Last of Us", "The Last of Us Part II"], "Spider-Man": ["Marvel's Spider-Man", "Marvel's Spider-Man: Miles Morales"] }, 21: { "Gears": ["Gears of War", "Gears of War 2", "Gears of War 3", "Gears 5"], "Forza": ["Forza Motorsport", "Forza Horizon 4", "Forza Horizon 5"] }, 22: { "Elder Scrolls": ["The Elder Scrolls V: Skyrim", "The Elder Scrolls Online"] }, 23: { "Call of Duty": ["Call of Duty: Modern Warfare", "Call of Duty: Black Ops", "Call of Duty: Warzone"], "Uncharted": ["Uncharted 4: A Thief's End", "Uncharted: The Lost Legacy"] } }; const [gameSeries, setGameSeries] = useState(() => { const savedGames = localStorage.getItem('gameSeries'); if (savedGames) { return JSON.parse(savedGames); } const baseGames = { "Mario": [ "Super Mario Bros.", "Super Mario Bros. 2", "Super Mario Bros. 2: The lost levels", "Super Mario Bros. 3", "Super Mario World", "Super Mario 64", "Super Mario Sunshine", "Super Mario Galaxy", "Super Mario Galaxy 2", "Super Mario Odyssey", "Super Mario 3D Land", "Super Mario 3D World", "Bowsers Fury", ], "Zelda": [ "The Legend of Zelda", "Zelda II: The Adventure of Link", "The Legend of Zelda: A Link to the Past", "The Legend of Zelda: Link's Awakening", "The Legend of Zelda: Ocarina of Time", "The Legend of Zelda: Majora's Mask", "The Legend of Zelda: Oracle of Ages", "The Legend of Zelda: Oracle of Seasons", "The Legend of Zelda: The Wind Waker", "The Legend of Zelda: The Minish Cap", "The Legend of Zelda: Four Swords", "The Legend of Zelda: Four Swords Adventures", "The Legend of Zelda: Phantom Hourglass", "The Legend of Zelda: Spirit Tracks", "The Legend of Zelda: Twilight Princess", "The Legend of Zelda: Skyward Sword", "The Legend of Zelda: A Link Between Worlds", "The Legend of Zelda: Tri Force Heroes", "The Legend of Zelda: Breath of the Wild", "The Legend of Zelda: Tears of the Kingdom", "The Legend of Zelda: Echoes of Wisdom", ], "Metroid": [ "Metroid", "Metroid II: Return of Samus", "Super Metroid", "Metroid Fusion", "Metroid: Zero Mission", "Metroid: Samus Returns", "Metroid Dread", "Metroid Prime", "Metroid Prime 2: Echoes", "Metroid Prime 3: Corruption", "Metroid Prime 4", "Metroid Prime Remastered", "Metroid: Other M" ], "Final Fantasy": [ "Final Fantasy", "Final Fantasy II", "Final Fantasy III", "Final Fantasy IV", "Final Fantasy V", "Final Fantasy VI", "Final Fantasy VII", "Final Fantasy VIII", "Final Fantasy IX", "Final Fantasy X", "Final Fantasy XI", "Final Fantasy XII", "Final Fantasy XIII", "Final Fantasy XIV", "Final Fantasy XV", "Final Fantasy XVI" ], "Pokemon": [ "Pokemon Red/Blue/Yellow", "Pokemon Gold/Silver/Crystal", "Pokemon Ruby/Sapphire/Emerald", "Pokemon Diamond/Pearl/Platinum", "Pokemon Black/White", "Pokemon Black 2/White 2", "Pokemon X/Y", "Pokemon Sun/Moon", "Pokemon Ultra Sun/Ultra Moon", "Pokemon Sword/Shield", "Pokemon Scarlet/Violet", "Pokemon Legends: Arceus", "Pokemon Let's Go Pikachu/Eevee", "Pokemon Mystery Dungeon Series", "Pokemon Ranger Series", "Pokemon Stadium 1 & 2", "Pokemon Colosseum", "Pokemon XD: Gale of Darkness", "Pokemon Battle Revolution", "New Pokemon Snap", "Pokemon Trading Card Game", "Pokemon Conquest" ], "Sonic": [ "Sonic the Hedgehog", "Sonic the Hedgehog 2", "Sonic the Hedgehog 3 & Knuckles", "Sonic Adventure", "Sonic Adventure 2", "Sonic Heroes", "Sonic the Hedgehog (2006)", "Sonic Unleashed", "Sonic Colors", "Sonic Generations", "Sonic Lost World", "Sonic Forces", "Sonic Frontiers" ], "Minecraft": [ "Minecraft", "Minecraft Legends", "Minecraft Dungeons" ], "Dark Souls": [ "Dark Souls", "Dark Souls II", "Dark Souls III" ], "Portal": [ "Portal", "Portal 2" ], "Grand Theft Auto": [ "Grand Theft Auto", "Grand Theft Auto 2", "Grand Theft Auto III", "Grand Theft Auto: Vice City", "Grand Theft Auto: San Andreas", "Grand Theft Auto IV", "Grand Theft Auto V" ] }; return baseGames; }); const [selectedSeries, setSelectedSeries] = useState(null); // Component state and handlers only // Selection handlers const handleGameSelect = (game) => { if (selectedGames.length < getMaxSelections(level)) { setSelectedGames(prevGames => [...prevGames, game]); } }; useEffect(() => { const generateCombination = async () => { if (selectedGames.length < getMaxSelections(level)) return; setIsGenerating(true); try { const prompt = level >= 10 ? `GENERATE A CHAOTIC FUSION OF: ${selectedGames.join(" + ")} CORE REQUIREMENTS: 1. Start with immediate chaotic action 2. Include humorous character interactions 3. Blend unique game mechanics creatively 4. Build to an epic, comedic boss battle 5. End with a witty character-specific punchline 6. Accurate combinatons of the specific games, not just their parent series, and to never cut off. REQUIRED FORMAT: - Valid JSON with title and description - Title: 3-5 words - Description: 125-150 words - Complete story structure - Specific gameplay mechanics - Character interactions - No unfinished elements` : `CREATE A FUSION OF THESE TWO GAMES: Game 1: "${selectedGames[0]}" Game 2: "${selectedGames[1]}" `; const response = await chatAI.current.getResponse(prompt + ` ADDITIONAL REQUIREMENTS: COMEDIC ELEMENTS: - Include witty dialogue and banter - Create absurd ability combinations - Add running gags throughout - Use game-specific humor - End with a memorable punchline CHARACTER AUTHENTICITY: - Maintain unique personality traits - Use signature moves and abilities - Keep communication styles (e.g., Kirby's expressions) - Create authentic interactions PERSONALITY GUIDELINES: - Silent characters remain silent (e.g., Link, Samus) - Maintain authentic character traits - Show personality through actions and reactions - Use game-specific abilities and mechanics LENGTH REQUIREMENTS: - Minimum: 125 words - Maximum: 150 words - Must complete all story elements - Expand length if needed for proper resolution COMPLETION REQUIREMENTS: - ALL story elements must be resolved - NO unfinished character arcs - ALL abilities must be fully explained - Proper conclusion required - Complete narrative resolution NEVER END ABRUPTLY: - Continue until proper conclusion - Resolve all open elements - Provide satisfying closure - Minimal dialogue - Action-focused descriptions - Specific ability combinations - Title must be creative and compelling (3-5 words) - Detailed mechanics from both games - Multiple character interactions - Complete story arc with proper resolution - Rich environmental descriptions - Technical gameplay details - Specific ability combinations - Character-accurate dialogue FORMAT REQUIREMENTS: - Title must be unique and creative - Three distinct segments clearly defined - Environmental descriptions for each phase - Character-authentic actions and reactions - Game-specific mechanics and abilities - Natural progression between segments - Complete narrative resolution If response doesn't meet ALL requirements: - Regenerate until requirements are met - Never accept incomplete content - Always ensure proper length FUSION MECHANICS: - Blend abilities logically but creatively - Show clear game mechanic combinations - Maintain character-specific powers - Create unique interaction possibilities REQUIRED FORMAT: { "title": "Comedic 3-5 word title", "description": "Complete story with humor, action, and resolution" } `); let parsed; try { try { parsed = JSON.parse(response); console.log('Parsed response:', parsed); } catch (parseError) { console.error('Error parsing JSON response:', parseError); // Try to extract title and description from the raw response const titleMatch = response.match(/title["']?\s*:[\s"']*([^"'\n,}]+)/i); const descMatch = response.match(/description["']?\s*:[\s"']*([^"'\n}]+)/i); const cleanResponse = response.replace(/```json\s*|\s*```/g, ''); // Try to find a complete JSON object const jsonMatch = cleanResponse.match(/\{[\s\S]*\}/); if (jsonMatch) { try { parsed = JSON.parse(jsonMatch[0]); } catch (e) { // If JSON parsing fails, try manual extraction const titleMatch = cleanResponse.match(/["']?title["']?\s*:\s*["']([^"']+)["']/i); const descMatch = cleanResponse.match(/["']?description["']?\s*:\s*["']([^"']+)["']/i); parsed = { title: titleMatch ? titleMatch[1].trim() : cleanResponse.split('\n')[0].trim(), description: descMatch ? descMatch[1].trim() : cleanResponse.split('\n').slice(1).join(' ').trim() }; } } } if (!parsed || typeof parsed !== 'object') { const cleanText = response.replace(/```json\s*|\s*```/g, '').trim(); let title = '', description = ''; if (cleanText.includes('"title"') || cleanText.includes('"description"')) { const titleMatch = cleanText.match(/["']?title["']?\s*:\s*["']([^"']+)["']/i); const descMatch = cleanText.match(/["']?description["']?\s*:\s*["']([^"']+)["']/i); title = titleMatch ? titleMatch[1].trim() : ''; description = descMatch ? descMatch[1].trim() : ''; } else { // Fallback to paragraph-based parsing const paragraphs = cleanText.split('\n\n').filter(p => p.trim()); title = paragraphs[0].replace(/^Title:\s*/i, '').trim(); description = paragraphs.slice(1).join('\n\n').trim(); } parsed = { title: title || 'New Game Fusion', description: description || 'An innovative fusion awaits! This unique combination brings together the best elements of multiple gaming worlds into one extraordinary experience.' }; } if (!parsed.title || !parsed.description) { if (!parsed.title || parsed.title.toLowerCase().includes('fusion game')) { const rawTitle = response.split('\n')[0].replace(/["'{}]/g, '').trim(); parsed.title = rawTitle || 'Untitled Fusion'; } if (!parsed.description || parsed.description === 'FIX THIS') { const rawDescription = response.split('\n').slice(1).join(' ').replace(/["'{}]/g, '').trim(); parsed.description = rawDescription || 'A unique gaming experience awaits!'; } } // Clean up any JSON artifacts and unwanted characters from the response let title = (parsed.title || '').replace(/\\n/g, ' ') .replace(/\s+/g, ' ') .replace(/\\/g, '') .replace(/["']/g, '') .replace(/^json\s*title[:\s]*/i, '') .replace(/^['"]|['"]$/g, '') .replace(/```json\s*|\s*```/g, '') .trim(); let description = (parsed.description || '').replace(/\\n/g, ' ') .replace(/\s+/g, ' ') .replace(/\\/g, '') .replace(/^['"]|['"]$/g, '') .replace(/```json\s*|\s*```/g, '') .trim(); // Format title as a game name mashup title = title.replace(/^["']|["']$/g, '').trim(); // Validate title is a proper mashup const titleWords = title.toLowerCase().split(/\s+/); const gameWords = selectedGames.flatMap(game => game.toLowerCase().replace(/[:\-].*$/, '').split(/\s+/) ); const hasMashup = gameWords.some(gameWord => titleWords.some(titleWord => titleWord.includes(gameWord) || gameWord.includes(titleWord) ) ); if (!hasMashup) { // Generate fallback mashup title if needed const game1Words = selectedGames[0].split(/\s+/); const game2Words = selectedGames[1].split(/\s+/); title = `${game1Words[0]} ${game2Words[game2Words.length - 1]}`; } description = description.replace(/^["']|["']$/g, '').trim(); // If the description starts with JSON or contains formatting artifacts, clean it if (description.toLowerCase().startsWith('json')) { description = description.substring(description.indexOf('{')); try { // Validate game accuracy const cleanParsed = JSON.parse(description); if (!cleanParsed.description.includes(selectedGames[0]) || !cleanParsed.description.includes(selectedGames[1])) { throw new Error('Response does not match selected games'); } description = cleanParsed.description || cleanParsed.content || description; } catch (e) { // If parsing fails, use the raw description } } // Strict validation for word count and title const wordCount = description.split(/\s+/).length; const hasValidTitle = title && title.split(/\s+/).length >= 3 && title.split(/\s+/).length <= 5; // Allow for expanded word count if needed for completion const minWordCount = 125; const maxWordCount = 150; // Increased max for complex stories // Strict validation for narrative completion and quality const minWords = 125; const maxWords = 150; const qualityChecks = { // Opening checks hasStrongOpening: /^[^.!?]*(?:explodes|crashes|slams|bursts|charges|leaps|suddenly)[^.!?]*[.!?]/i.test(description), hasPremiseSetup: description.split('.')[0].length >= 25, // Character interaction checks hasCharacterMoments: selectedGames.every(game => gameCharacters[game]?.some(char => new RegExp(`${char}.*(?:says|thinks|realizes|discovers|finds|decides|remembers|understands)`, 'i').test(description) ) ), hasDialogue: /["'][^"']+["'].*(?:says|shouts|whispers|replies|asks|demands)/i.test(description), // Game mechanics checks hasGameMechanics: selectedGames.every(game => { const gameName = game.toLowerCase(); return description.toLowerCase().includes(gameName) && /(?:power|ability|technique|skill|move|magic|weapon|item)/i.test(description); }), hasMechanicCombination: /(?:combines|merges|fuses|blends|mixes)/i.test(description), // Middle development checks hasConflictEscalation: /(?:but|however|suddenly|unexpectedly|unfortunately)/i.test(description), hasCharacterGrowth: /(?:learns|realizes|discovers|understands|masters|adapts|evolves)/i.test(description), // Climax checks hasClimacticMoment: /(?:finally|at last|ultimately|in the end)[^.!?]*(?:confronts|faces|battles|challenges)/i.test(description), hasEpicShowdown: /(?:epic|intense|massive|powerful|devastating)[^.!?]*(?:battle|fight|showdown|confrontation)/i.test(description), // Resolution checks hasClimaxResolution: /(?:finally|at last|ultimately).*[.!?].*(?:defeats|overcomes|wins|triumphs|succeeds)/i.test(description), hasAftermath: /(?:after|following|once)[^.!?]*(?:victory|triumph|success|battle|confrontation)/i.test(description), // Ending checks hasClearEnding: /.*[.!?]$/.test(description.trim()), hasProperClosing: /(?:finally|in the end|at last|ultimately)[^.!?]*[.!?]$/i.test(description), hasPunchline: /(?:meanwhile|ironically|surprisingly|amusingly)[^.!?]*[.!?]$/i.test(description) }; const humorValidation = { hasAbilityGags: /(?:gains|acquires|learns|masters)[^.!?]*(?:power|ability|skill)[^.!?]*(?:unexpected|absurd|hilarious|ridiculous)/i.test(description), hasCharacterInteractions: /(?:tries to|attempts to|decides to)[^.!?]*(?:with|against|alongside)[^.!?]*(?:but|however|unfortunately)/i.test(description), hasEnvironmentalHumor: /(?:world|place|town|village)[^.!?]*(?:chaos|confusion|mayhem|disorder)/i.test(description), hasCraftingJokes: /(?:crafts|creates|combines|builds)[^.!?]*(?:results in|produces|makes)[^.!?]*(?:unexpected|strange|absurd)/i.test(description), hasNPCReactions: /(?:watches|observes|stares|looks)[^.!?]*(?:confusion|disbelief|shock|amazement)/i.test(description) }; if (wordCount < 125 || wordCount > 150 || !hasValidTitle || !validateCharacters(description, selectedGames)) { const validationResults = validateCharacters(description, selectedGames); throw new Error(`Response requirements not met: ${wordCount < (targetWordCount - allowedVariance) ? '- Word count too low: ' + wordCount + '/' + targetWordCount : ''} ${wordCount > (targetWordCount + allowedVariance) ? '- Word count too high: ' + wordCount + '/' + targetWordCount : ''} ${!validateCompleteness(description) ? '- Story is incomplete' : ''} ${wordCount > maxWordCount ? '- Word count too high: ' + wordCount + '/' + maxWordCount : ''} ${!hasValidTitle ? '- Invalid title format' : ''} ${!validateCharacters(description, selectedGames) ? `- Character requirements not met:\n${selectedGames.map(game => ` ${game}: Found ${validationResults.find(v => v.game === game)?.characterCount || 0} characters` ).join('\n')}` : ''}` ); } // Add character validation function function validateCharacters(text, selectedGames) { // Enhanced character mapping with roles and personalities const gameCharacters = { "Stardew Valley": { "characters": ["Abigail", "Maru", "Haley", "Alex", "Leah", "Emily", "Robin", "Lewis", "Sebastian", "Sam", "Penny", "Harvey", "Shane", "Elliott"], "traits": { "Abigail": "adventurous goth who eats gemstones", "Sebastian": "moody programmer who loves frogs", "Sam": "energetic skater boy", "Shane": "grumpy chicken enthusiast", "Emily": "spiritual dancing queen", "Lewis": "secretly dating Robin", "Harvey": "nervous doctor who loves coffee", "Elliott": "dramatic beach writer", "Leah": "artistic salad lover", "Maru": "genius nurse/inventor", "Penny": "shy tutor", "Haley": "photography enthusiast", "Alex": "sports-loving dog owner", "Robin": "master carpenter" } }, "Super Mario Bros.": ["Mario", "Luigi", "Bowser", "Princess Peach"], "The Legend of Zelda": ["Link", "Zelda", "Ganon", "Ganondorf"], "Metroid": ["Samus", "Ridley", "Mother Brain"], "Pokemon": ["Pikachu", "Charizard", "Mewtwo"], "Sonic": ["Sonic", "Tails", "Knuckles", "Dr. Robotnik", "Dr. Eggman"], "Minecraft": ["Steve", "Alex", "Ender Dragon", "Creeper"], "Dark Souls": ["Chosen Undead", "Solaire", "Ornstein", "Smough"], "Portal": ["Chell", "GLaDOS", "Wheatley"], "Stardew Valley": ["Abigail", "Maru", "Haley", "Alex", "Leah", "Emily", "Robin", "Lewis", "Sebastian", "Sam", "Penny", "Harvey", "Shane", "Elliott"], "Mario Party": ["Mario", "Luigi", "Peach", "Yoshi", "Wario", "Waluigi", "Donkey Kong"], "Mario Kart": ["Mario", "Luigi", "Bowser", "Princess Peach", "Toad", "Yoshi", "Donkey Kong"], "Yoshi": ["Yoshi", "Baby Mario", "Kamek", "Baby Bowser"], "Resident Evil": ["Leon Kennedy", "Claire Redfield", "Ada Wong", "Mr. X", "Albert Wesker", "Chris Redfield", "Jill Valentine", "Nemesis"], "Mass Effect": ["Commander Shepard", "Garrus", "Liara", "Tali", "Wrex", "Miranda", "Legion"], "Paper Mario": ["Paper Mario", "Goombella", "Koops", "Vivian", "Admiral Bobbery", "Paper Bowser"], "God of War": ["Kratos", "Atreus", "Freya", "Baldur", "Thor", "Odin"], "Halo": ["Master Chief", "Cortana", "Arbiter", "Sergeant Johnson", "Captain Keyes"], "Assassin's Creed": ["Ezio", "Altair", "Connor", "Edward Kenway", "Eivor"], "Metal Gear Solid": ["Solid Snake", "Big Boss", "Revolver Ocelot", "Otacon", "Raiden"], "Dragon Quest": ["Hero", "Erdrick", "Jade", "Erik", "Serena", "Veronica"], "Monster Hunter": ["Hunter", "Palico", "Handler", "Rathalos", "Nergigante"], "Kingdom Hearts": ["Sora", "Riku", "Kairi", "King Mickey", "Donald", "Goofy"], "Persona": ["Joker", "Morgana", "Ryuji", "Ann", "Yusuke", "Makoto"], "Diablo": ["Barbarian", "Sorceress", "Paladin", "Necromancer", "Lilith"], "The Witcher": ["Geralt", "Yennefer", "Ciri", "Triss", "Vesemir"], "Street Fighter": ["Ryu", "Ken", "Chun-Li", "Guile", "M. Bison", "Akuma"], "Mega Man": ["Mega Man", "Proto Man", "Rush", "Dr. Light", "Dr. Wily"], "Devil May Cry": ["Dante", "Vergil", "Nero", "Lady", "Trish"], "Castlevania": ["Simon Belmont", "Alucard", "Richter Belmont", "Dracula"], "Fire Emblem": ["Marth", "Lucina", "Chrom", "Robin", "Byleth"], "Tales": ["Lloyd Irving", "Luke fon Fabre", "Yuri Lowell", "Alphen"], "Tomb Raider": ["Lara Croft", "Sam Nishimura", "Jonah Maiava", "Trinity"], "DOOM": ["Doomguy", "VEGA", "Samuel Hayden", "Khan Maykr"], "Nier": ["2B", "9S", "A2", "Emil", "Kaine", "Nier"], "Dead Space": ["Isaac Clarke", "Nicole Brennan", "Ellie Langford", "Necromorphs"], "Xenoblade": ["Shulk", "Rex", "Pyra", "Mythra", "Noah", "Mio"], "Bayonetta": ["Bayonetta", "Jeanne", "Rodin", "Luka", "Enzo"], "Animal Crossing": ["Tom Nook", "Isabelle", "K.K. Slider", "Blathers", "Timmy and Tommy"], "Horizon": ["Aloy", "Rost", "Sylens", "HADES", "Elisabet Sobeck"], "Pikmin": ["Olimar", "Louie", "Alph", "Brittany", "Charlie"], "Kirby": ["Kirby", "King Dedede", "Meta Knight", "Bandana Waddle Dee"], "Splatoon": ["Inkling", "Octoling", "Cap'n Cuttlefish", "Marie", "Callie"], "Spider-Man": ["Peter Parker", "Miles Morales", "Mary Jane Watson", "Doc Ock"], "The Last of Us": ["Joel", "Ellie", "Tommy", "Marlene", "Abby"], "Gears": ["Marcus Fenix", "Dom Santiago", "Cole Train", "Baird"], "Forza": ["Driver", "Drivatar", "Voice of Radio DJ"], "Elder Scrolls": ["Dragonborn", "Lydia", "Paarthurnax", "Alduin"], "Call of Duty": ["Captain Price", "Soap MacTavish", "Ghost", "Woods"], "Uncharted": ["Nathan Drake", "Elena Fisher", "Sully", "Sam Drake", "Chloe Frazer"] }; // Strict character validation const gameValidations = selectedGames.map(game => { const gameData = gameCharacters[game]; if (!gameData) return { game, characterCount: 0, isValid: false, characters: [] }; // Create a comprehensive list of allowed characters from selected games const allowedCharacters = selectedGames.flatMap(g => gameCharacters[g] || []); // Find all character mentions in the text const words = text.split(/\b/); const foundCharacters = words.filter(word => { const trimmedWord = word.trim(); if (trimmedWord.length < 2) return false; return allowedCharacters.some(char => new RegExp(`^${char}$`, 'i').test(trimmedWord) ); }); // Check for any unauthorized character mentions const unauthorized = words.some(word => { const trimmedWord = word.trim(); if (trimmedWord.length < 2) return false; return Object.values(gameCharacters) .flat() .some(char => !allowedCharacters.includes(char) && new RegExp(`^${char}$`, 'i').test(trimmedWord) ); }); if (unauthorized) { console.log('Unauthorized characters detected'); return { game, characterCount: 0, isValid: false, characters: [] }; } return { game, characterCount: foundCharacters.length, isValid: foundCharacters.length >= 2, characters: foundCharacters, matchedCharacters: foundCharacters.filter(char => gameCharacters[game]?.includes(char) ) }; }); // Additional validation to ensure no unauthorized characters are used // Build comprehensive list of valid characters const validCharacters = selectedGames.flatMap(game => gameCharacters[game] || [] ); // Enhanced character validation const validateCharacterUsage = (text, allowedCharacters) => { const words = text.split(/\b/); const characterMentions = words.filter(word => { const trimmedWord = word.trim(); return trimmedWord.length >= 2 && Object.values(gameCharacters) .flat() .some(char => new RegExp(`^${char}$`, 'i').test(trimmedWord) ); }); return characterMentions.every(mention => allowedCharacters.some(char => new RegExp(`^${char}$`, 'i').test(mention.trim()) ) ); }; if (unauthorizedCharFound) { console.log('Characters from non-selected games found in text'); return false; } // Simplified validation logic const hasEnoughCharacters = gameValidations.every(v => v.characterCount >= 1); const totalCharacters = gameValidations.reduce((sum, v) => sum + v.characterCount, 0); const isBalanced = totalCharacters >= selectedGames.length * 1; return hasEnoughCharacters && isBalanced; const humorValidation = { hasUnexpectedInteractions: /(?:inexplicably|somehow|naturally|of course)/i.test(text), hasCharacterQuirks: text.includes('because') && text.includes('would'), hasEnvironmentalHumor: /(?:felt.*off|seemed.*wrong|wasn't.*quite.*right)/i.test(text), hasMetaCommentary: /(?:chat|typed|demanded|players|commented)/i.test(text), hasPunchline: text.split('.').slice(-2)[0].includes('while') || text.includes('meanwhile') }; if (!allGamesValid || !isBalanced || !Object.values(humorValidation).every(Boolean)) { console.log('Validation failed:', { allGamesValid, isBalanced, humorValidation }); return false; } // Add completeness validation function function validateCompleteness(text) { // Comprehensive story structure validation const structure = { opening: { hasHook: /^[^.!?]*(?:suddenly|instantly|immediately|without warning|explosively|dramatically)[^.!?]*[.!?]/i.test(text), hasAction: /^[^.!?]*(?:explodes|crashes|slams|bursts|charges|leaps|attacks|fights)[^.!?]*[.!?]/i.test(text), setsPremise: text.split('.')[0].length >= 30, introducesCharacters: selectedGames.every(game => gameCharacters[game]?.some(char => text.split('.').slice(0, 3).join('.').includes(char) ) ) }, development: { hasCharacterGrowth: /(?:realizes|learns|discovers|understands|figures out|masters|adapts)/i.test(text), hasConflict: /(?:against|versus|fights|confronts|challenges|battles|struggles)/i.test(text), hasGameMechanics: /(?:power|ability|technique|skill|move|magic|weapon|item)/i.test(text), hasMechanicFusion: /(?:combines|merges|fuses|unites|joins)/i.test(text), buildsTension: /(?:but|however|suddenly|unexpectedly|unfortunately)/i.test(text) }, climax: { hasPeak: /(?:finally|ultimately|at last)[^.!?]*(?:confronts|faces|meets|challenges|battles)/i.test(text), hasEpicMoment: /(?:epic|intense|massive|powerful|devastating)[^.!?]*(?:battle|fight|showdown|confrontation)/i.test(text), hasResolution: /(?:defeats|overcomes|solves|resolves|concludes|triumphs|succeeds)/i.test(text), hasImpact: /(?:world|universe|reality|dimension)[^.!?]*(?:changes|shifts|transforms|saved|restored)/i.test(text), showsConsequences: /(?:after|following|once)[^.!?]*(?:victory|triumph|success)/i.test(text) }, ending: { hasConclusion: /(?:finally|in the end|at last|ultimately)[^.!?]*[.!?]$/i.test(text), hasPunchline: /(?:meanwhile|ironically|surprisingly|amusingly)[^.!?]*[.!?]$/i.test(text), wrapsUpLooseEnds: /(?:everything|all|everyone)[^.!?]*(?:settled|resolved|concluded|finished)/i.test(text), isComplete: /[.!?]$/.test(text.trim()), hasEpilogue: text.split('.').slice(-2).some(sentence => /(?:later|afterward|since then|from that day)/i.test(sentence) ) } }; // Check if each section meets minimum requirements const passesOpening = Object.values(structure.opening).filter(Boolean).length >= 2; const passesDevelopment = Object.values(structure.development).filter(Boolean).length >= 2; const passesClimax = Object.values(structure.climax).filter(Boolean).length >= 2; const passesEnding = Object.values(structure.ending).filter(Boolean).length >= 2; return passesOpening && passesDevelopment && passesClimax && passesEnding; } // Enhanced humor validation const validateHumor = (text) => { const humorChecks = { hasGameMechanicJoke: /(?:tried to|attempts to|accidentally|somehow managed to)/i.test(text), hasCharacterJoke: /(?:typical|classic|naturally|of course|as expected)/i.test(text), hasAbilityGag: /(?:combined with|fused into|merged to create|resulted in)/i.test(text), hasEnvironmentalHumor: /(?:looked out of place|seemed wrong|didn't quite fit|awkwardly)/i.test(text), hasPunchline: /(?:meanwhile|in the end|ultimately|finally)/i.test(text) }; const humorScore = Object.values(humorChecks).filter(Boolean).length; return humorScore >= 3; // Requires at least 3 types of humor }; if (!validateHumor(text)) { console.log('Insufficient humor elements in response'); return false; } return true; // Log validation results for debugging // Word count validation function const validateWordCount = (text) => { const words = text.trim().split(/\s+/); return words.length >= 125 && words.length <= 150; }; // Trim text to word count while maintaining complete sentences const trimToWordCount = (text) => { const sentences = text.match(/[^.!?]+[.!?]+/g) || []; let result = ''; let wordCount = 0; for (const sentence of sentences) { const sentenceWords = sentence.trim().split(/\s+/); if (wordCount + sentenceWords.length <= 150) { result += sentence; wordCount += sentenceWords.length; } else { break; } } // If still under minimum, add more sentences while (wordCount < 125 && sentences.length > 0) { const nextSentence = sentences.shift(); const nextWords = nextSentence.trim().split(/\s+/); if (wordCount + nextWords.length <= 150) { result += nextSentence; wordCount += nextWords.length; } } return result.trim(); }; // Log validation results for debugging console.log('Game Character Validation:', gameValidations); // For 3-game fusions, ensure balanced representation if (selectedGames.length === 3) { const minCount = Math.min(...gameValidations.map(v => v.characterCount)); const maxCount = Math.max(...gameValidations.map(v => v.characterCount)); const isBalanced = (maxCount - minCount) <= 1; if (!isBalanced) { console.log('Unbalanced character distribution in 3-game fusion'); return false; } } return allGamesValid; // Using the allGamesValid variable declared earlier } // Validate and adjust description length let adjustedDescription = description; if (!validateWordCount(description)) { adjustedDescription = trimToWordCount(description); // Verify the trimmed text maintains story completion if (!validateCompleteness(adjustedDescription)) { throw new Error('Trimmed description does not maintain story completion'); } } const validatedResult = { title: title, description: adjustedDescription }; setResult(validatedResult); } catch (parseError) { console.error('Error parsing response:', parseError); // Try to extract title and description from raw text let rawText = (response || '').replace(/```json\s*|\s*```/g, ''); let title = ''; let description = ''; // Clean up the raw text rawText = rawText.replace(/^json\s*title[:\s]*/i, '') .replace(/^['"]|['"]$/g, '') .trim(); // Try to parse the raw text for title and description if (rawText.includes('title') && rawText.includes('description')) { const titleMatch = rawText.match(/"title"\s*:\s*"([^"]+)"/); const descMatch = rawText.match(/"description"\s*:\s*"([^"]+)"/); title = titleMatch ? titleMatch[1] : ''; description = descMatch ? descMatch[1] : ''; } const fallbackResult = { title: (title || 'New Game Fusion') .replace(/\\n/g, ' ') .replace(/\s+/g, ' ') .replace(/\\/g, '') .replace(/["']/g, '') .replace(/^json\s*title[:\s]*/i, '') .replace(/^['"]|['"]$/g, '') .replace(/```json\s*|\s*```/g, '') .trim() || 'Mystery Fusion', description: (description || rawText.replace(/[{}"]/g, '')) .replace(/\\n/g, ' ') .replace(/\s+/g, ' ') .replace(/\\/g, '') .replace(/^['"]|['"]$/g, '') .replace(/```json\s*|\s*```/g, '') .trim() || 'A mysterious new gaming experience has been created!' }; setResult(fallbackResult); } // Increment combo count and check for level up setComboCount(prev => { const newCount = prev + 1; // Calculate and store the maximum progress width const currentProgress = (newCount / (Object.entries(levelThresholds) .find(([lvl]) => parseInt(lvl) > level)?.[1] || newCount)) * 100; const storedMaxWidth = localStorage.getItem('maxProgressWidth') || 0; const newMaxWidth = Math.max(currentProgress, storedMaxWidth); localStorage.setItem('maxProgressWidth', newMaxWidth); // Check each level threshold Object.entries(levelThresholds).forEach(([newLevel, threshold]) => { if (newCount >= threshold && level < parseInt(newLevel)) { const newLevelNum = parseInt(newLevel); setLevel(newLevelNum); // Add new games for this level and all previous levels setGameSeries(prev => { const updatedGames = { ...prev }; // Add games from all levels up to and including the new level for (let i = 0; i <= newLevelNum; i++) { if (levelUnlocks[i]) { Object.entries(levelUnlocks[i]).forEach(([series, games]) => { updatedGames[series] = games; }); } } return updatedGames; }); } }); return newCount; }); // Find which series the first selected game belongs to const firstGameSeries = Object.entries(gameSeries).find(([series, games]) => games.includes(selectedGames[0]) )?.[0]; if (firstGameSeries) { setGameSeries(prevSeries => ({ ...prevSeries, [firstGameSeries]: [...new Set([...prevSeries[firstGameSeries], parsed?.title || 'Unknown Fusion'])] })); } // Only clear selected games after successful generation setSelectedGames([]); } catch (error) { console.error('Error generating combination:', error); // Retry generation if requirements aren't met if (error.message.includes('requirements not met') && retryCount < 3) { console.log('Retrying generation to meet requirements...'); retryCount++; await generateCombination(); } else { console.error('Failed to generate valid response after retries'); } } setIsGenerating(false); }; const shouldGenerate = selectedGames.length === getMaxSelections(level) && !isGenerating; console.log('Checking generation conditions:', { selectedGamesLength: selectedGames.length, maxSelections: getMaxSelections(level), shouldGenerate, isGenerating }); if (shouldGenerate) { generateCombination(); } }, [selectedGames.length, level, getMaxSelections]); // Save state to localStorage whenever it changes useEffect(() => { localStorage.setItem('selectedGames', JSON.stringify(selectedGames)); }, [selectedGames]); useEffect(() => { localStorage.setItem('result', JSON.stringify(result)); }, [result]); useEffect(() => { localStorage.setItem('comboCount', comboCount.toString()); }, [comboCount]); useEffect(() => { localStorage.setItem('level', level.toString()); }, [level]); useEffect(() => { localStorage.setItem('gameSeries', JSON.stringify(gameSeries)); }, [gameSeries]); // Remove handleReset function since we're handling it directly in the button onClick return (

PixelFuse

Game Library

{Object.entries(gameSeries).map(([series, games]) => (

{(() => { const iconStyle = { width: '50px', height: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', objectFit: 'contain' }; switch(series) { case "Street Fighter": return (

); case "Kingdom Hearts": return ( Kingdom Hearts Series Icon

); case "Paper Mario": return ( Paper Mario Series Icon

); case "Super Smash Bros": return ( Super Smash Bros Series Icon

); case "Mass Effect": return ( Mass Effect Series Icon

); case "Stardew Valley": return ( Stardew Valley Series Icon

); case "Kirby": return (

); case "Halo": return ( Halo Series Icon

); case "God of War": return ( God of War Series Icon

); case "Luigi's Mansion": return ( Luigi's Mansion Series Icon

); case "Red Dead Redemption": return ( Red Dead Redemption Series Icon

); case "Mario": return ( Mario Series Icon

); case "Zelda": return ( Zelda Series Icon

); case "Pokemon": return ( Pokemon Series Icon

); case "Metroid": return ( Metroid Series Icon

); case "Final Fantasy": return ( Final Fantasy Series Icon

); case "Sonic": return ( Sonic Series Icon

); case "Minecraft": return ( Minecraft Series Icon

); case "Dark Souls": return ( Dark Souls Series Icon

); case "Portal": return (

); case "Grand Theft Auto": return ( Grand Theft Auto Series Icon

); case "Mega Man": return ( Mega Man Series Icon

); case "The Witcher": return ( The Witcher Series Icon

); case "Diablo": return ( Diablo Series Icon

); case "Persona": return ( Persona Series Icon

); case "DOOM": return ( DOOM Series Icon

); case "Fire Emblem": return ( Fire Emblem Series Icon

); case "Castlevania": return ( Castlevania Series Icon

); case "Dead Space": return ( Dead Space Series Icon

); case "Tomb Raider": return ( Tomb Raider Series Icon

); case "Devil May Cry": return ( Devil May Cry Series Icon

); case "Tales": return ( Tales Series Icon

); case "Nier": return ( Nier Series Icon

); case "Mario Kart": return ( Mario Kart Series Icon

); case "Horizon": return ( Horizon Series Icon

); case "Mario Party": return ( Mario Party Series Icon

); case "Animal Crossing": return ( Animal Crossing Series Icon

); case "Elder Scrolls": return (

); case "Gears": return ( Gears Series Icon

); case "The Last of Us": return ( The Last of Us Series Icon

); case "Uncharted": return ( Uncharted Series Icon

); case "Fortnite": return ( Fortnite Series Icon

); case "Forza": return ( Forza Series Icon

); case "Call of Duty": return ( Call of Duty Series Icon

); case "Splatoon": return ( Splatoon Series Icon

); case "Pikmin": return ( Pikmin Series Icon

); case "Spider-Man": return ( Spider-Man Series Icon

); case "Fire Emblem": return ( Fire Emblem Series Icon

); case "Tales": return ( Tales Series Icon

); case "Bayonetta": return (

); default: return (

{series[0]}

); } })()}

{series}

))}

{result && result.title && result.description && (

{result.title}

{result.description}

)}

Level {level} {comboCount} / {Object.entries(levelThresholds) .find(([lvl]) => parseInt(lvl) > level)?.[1] || comboCount} Combos

{ const nextThreshold = levelThresholds[level + 1]; const singleComboValue = (1 / nextThreshold) * 100; const percentage = Math.min(comboCount * singleComboValue, 100); return percentage.toFixed(2); })()}%`, height: '100%', background: 'linear-gradient(90deg, #4CAF50, #81C784)', transition: 'width 0.5s cubic-bezier(0.4, 0, 0.2, 1)', position: 'relative', borderRadius: '4px', boxShadow: '0 0 10px rgba(76, 175, 80, 0.5)', transformOrigin: 'left center' }}>

{ const nextThreshold = levelThresholds[level + 1]; const singleComboValue = (1 / nextThreshold) * 100; const percentage = Math.min(comboCount * singleComboValue, 100); return percentage.toFixed(2); })()}%`, height: '100%', position: 'relative', background: 'linear-gradient(90deg, #4CAF50, #81C784)', transition: 'width 0.5s cubic-bezier(0.4, 0, 0.2, 1)', boxShadow: '0 0 10px rgba(255, 255, 255, 0.5)', marginLeft: '0', zIndex: 2, '&::after': { content: '""', position: 'absolute', top: '0', left: '0', width: '100%', height: '50%', background: 'linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent)', } }}>

{(() => { const nextThreshold = levelThresholds[level + 1]; const percentage = (comboCount / nextThreshold) * 100; return `${comboCount}/${nextThreshold} (${percentage.toFixed(2)}%)`; })()}

{level < 15 ? `Next Level: ${Object.entries(levelThresholds) .find(([lvl]) => parseInt(lvl) > level)?.[1] - comboCount} Combos Remaining` : 'Max Level Reached!'}

{level < 15 && (

Next Level Rewards:
{Object.entries(levelUnlocks[level + 1] || {}).map(([series]) => series).join(', ')}

)}

); }; // Add apply changes button const applyChangesButton = document.createElement('button'); applyChangesButton.textContent = 'Apply Changes'; applyChangesButton.style.cssText = ` position: fixed; bottom: 20px; right: 20px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; z-index: 1000; `; applyChangesButton.onclick = () => { // This will trigger the application of all the changes location.reload(); }; document.body.appendChild(applyChangesButton); const container = document.getElementById('renderDiv'); const root = ReactDOM.createRoot(container); root.render();

PixelFuse

Game Library

Fusion Chamber

{result.title}