`); const buttonContainer = this.add.dom(400, 570).createFromHTML(`

`); this.feedbackText = this.add.dom(350, 525).createFromHTML(`

`); document.getElementById('aiButton').addEventListener('click', () => this.guessSource('AI')); document.getElementById('stockButton').addEventListener('click', () => this.guessSource('Stock')); } async loadImage() { const characterDescription = this.getUpdatedCharacterDescription(); this.chatManager = new ChatManager(characterDescription); // Recreate ChatManager with updated description let prompt; do { prompt = await this.chatManager.getCharacterResponse(); // Generate a prompt } while (this.promptHistory.has(prompt)); // Ensure it's not a repeat this.promptHistory.add(prompt); // Remember this prompt this.updateImage(prompt); } getUpdatedCharacterDescription() { let characterDescription = `You are a PROMPT Generator. You Generate small prompts for images. You never generate anything else. you must Generate a random image prompt detailing and explaining what an image should look like. Example: """ User: Generate AI: serene sunset over a vast ocean """ You are not to use the example as it is only an example. You are to keep the prompts short as seen in the example. Never generate prompts of humans or indivuals. only landscapes, buildings, crowds, society, animals, trees, skys. And you must change between them every prompt. Never generate explicit prompts. Never generate the same prompt twice and never generate similar prompts. Every prompt must be COMPLETELY DIFFERENT from the last one. Try not to include text in the image. Start right after this message. Don't include anything before or after the prompt. Try something from these Prompts Generated So Far: \n`; this.promptHistory.forEach((p) => { characterDescription += `- ${p}\n`; }); console.log(characterDescription); // Now this line will execute before the function returns return characterDescription; } updateImage(prompt) { const imageElement = document.getElementById('gameImage'); imageElement.src = ""; imageElement.alt = "Generating..."; const seed = Math.floor(Math.random() * 100000 + 42); const isAI = Math.random() < 0.5; const imageUrl = isAI ? `https://image.pollinations.ai/prompt/${prompt}?width=1920&height=1440&seed=${seed}&nologo=true` : `https://source.unsplash.com/800x600/?${prompt}`; imageElement.src = imageUrl; imageElement.alt = ""; this.currentImageSource = isAI ? 'AI' : 'Stock'; document.getElementById('feedbackText').innerText = ''; // Clear feedback text when new image loads } guessSource(guess) { const result = guess === this.currentImageSource ? "Correct!" : "Incorrect!"; const color = guess === this.currentImageSource ? 'green' : 'red'; document.getElementById('feedbackText').style.color = color; document.getElementById('feedbackText').innerText = result; setTimeout(() => { document.getElementById('feedbackText').innerText = "Please Wait..."; this.loadImage(); // Load a new image after a guess }, 2000); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 800, height: 600, }, scene: GameScene, dom: { createContainer: true }, }; window.phaserGame = new Phaser.Game(config);