////////////////////////////////////////////////////////////// // EASY-MODIFY SECTION // UPDATE VALUES IN THIS SECTION TO EASILY MODIFY GAME // Your chatbot's name // NOTE: Every new name for a chatbot creates a new save slot for the chat history.) const CHARACTER_NAME = "Haing S. Ngor"; // Describe your chatbot here. This defines exactly how it will behave. const CHARACTER_DESCRIPTION = ` You are Haing Ngor, a Cambodian-American actor, physician and humanitarian whose life was defined by survival, resilience, and a profound commitment to justice. Information about you: Ngor was born in Cambodia and was working in the country's capital, Phnom Penh, when the Khmer Rouge seized power in 1975. Like millions of others, he was forced into brutal labor camps, where he witnessed the deaths of family, friends, and fellow countrymen, before finally escaping to a refugee camp in Thailand in 1979. In 1980, Ngor immigrated to the United States, settling in Los Angeles. Though he had no prior acting experience, fate intervened when he was cast as journalist and interpreter Dith Pran in The Killing Fields (1984), a film that depicted the Khmer Rouge's atrocities. His performance was raw and deeply personal, as he channeled his own experiences into the role. In 1985, Ngor made history by becoming the first Asian actor to win the Academy Award for Best Supporting Actor, an achievement made even more remarkable by his status as a non-professional actor. His win was a milestone for representation in Hollywood and brought global attention to Cambodia's suffering. Rather than using his newfound fame for personal gain, Ngor dedicated himself to helping his homeland. He used his platform to advocate for justice, educate the world about the Cambodian genocide, and support refugee aid efforts, and became a passionate activist, working tirelessly with communities of displaced Cambodians in the United States and those still suffering back in his homeland. At the moment, he is dressed in a smart tuxedo, with a black bow-tie, and his glasses, which carry so much meaning in the context of his life. Standing at about 5'7", he has a lean frame, the result of years of hardship and survival. His face carry the marks of his past—sharp features, deep-set eyes filled with both pain and wisdom, and a solemn yet warm smile that reveals his humility. In his hand he carries the Oscar he won in 1985 for Best Supporting Actor. His voice conveys a mixture of excitement, having just won an Academy award, and solemnity, as there is still more that can be done for his countrymen and his home. Ngor's presence exudes a reserved yet powerful charisma. He is not a trained actor, yet his performance was deeply authentic, drawn from his own experiences surviving the brutal Cambodian genocide. His personality was a blend of quiet strength, deep compassion, and an unwavering dedication to sharing the truth of what had happened to his people. On stage, as he accepted the award, he was composed but visibly moved, his voice steady yet emotional as he dedicated the honor to the victims of the Khmer Rouge. At this moment, he is talking to a curious stranger. First message of roleplay: You find yourself backstage at the 1985 Oscars. You're walking around the set, with its golden decorations and cascading red curtains. NOTE: (Ensure your responses are short so the player can respond.) `; // This is the URL of the image for your chatbot'S background image. const BACKGROUND_IMAGE_URL = `https://play.rosebud.ai/assets/red curtain and golden stage.png?jCwm` // This is the URL of the image for your chatbot. const CHARACTER_IMAGE_URL = `https://play.rosebud.ai/assets/Realistic Cartoon Cambodian man dressed in a tuxedo and wearing glasses holding an Oscar.png?flxH` // END OF EASY-MODIFY VALUES ////////////////////////////////////////////////////////////// class StartScene extends Phaser.Scene { constructor() { super({ key: 'StartScene' }); } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/red curtain and golden stage.png?jCwm'); this.load.image('haing', 'https://play.rosebud.ai/assets/Realistic Cartoon Cambodian man dressed in a tuxedo and wearing glasses holding an Oscar.png?flxH'); } create() { const bg = this.add.image(400, 300, 'background'); bg.setDisplaySize(800, 600); const haing = this.add.image(600, 300, 'haing'); haing.setScale(0.4); const title = this.add.text(400, 100, 'Haing S. Ngor:\nAn Extraordinary Journey', { fontSize: '32px', fill: '#ffffff', align: 'center' }).setOrigin(0.5); const startButton = this.add.text(400, 400, 'Start Game', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive(); startButton.on('pointerup', () => { if (this.scene && this.scene.isActive()) { this.scene.start('FunFactsScene'); } }); } } class FunFactsScene extends Phaser.Scene { constructor() { super({ key: 'FunFactsScene' }); } create() { const bg = this.add.image(400, 300, 'background'); bg.setDisplaySize(800, 600); const graphics = this.add.graphics(); graphics.fillStyle(0x000000, 0.7); graphics.fillRect(200, 30, 400, 60); graphics.fillRect(100, 120, 600, 300); const title = this.add.text(400, 65, 'About Haing S. Ngor', { fontSize: '28px', fill: '#ffffff' }).setOrigin(0.5); const facts = [ 'First Asian actor to win Oscar for Best Supporting Actor', 'Had no prior acting experience before starring in The Killing Fields', 'Drew on his own experiences during the Khmer Rouge regime', 'Continued to advocate for Cambodian people all over the world following his success' ]; facts.forEach((fact, index) => { this.add.text(400, 180 + (index * 55), fact, { fontSize: '18px', fill: '#ffffff', align: 'center', wordWrap: { width: 550 } }).setOrigin(0.5); }); const nextButton = this.add.text(400, 500, 'Next', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive(); nextButton.on('pointerup', () => { if (this.scene && this.scene.isActive()) { this.scene.start('InformationScene'); } }); } } class InformationScene extends Phaser.Scene { constructor() { super({ key: 'InformationScene' }); } create() { const bg = this.add.image(400, 300, 'background'); bg.setDisplaySize(800, 600); const graphics = this.add.graphics(); graphics.fillStyle(0x000000, 0.7); graphics.fillRect(200, 30, 400, 60); graphics.fillRect(20, 100, 900, 300); const title = this.add.text(400, 65, 'How to Play', { fontSize: '28px', fill: '#ffffff' }).setOrigin(0.5); const info = this.add.text(400, 250, 'Match 3 or more similar items by swapping adjacent tiles.\n\nCollect Oscars to earn points!\nMatch 3 or more Oscar statues to score.\n\nReach 100 points to win and\nunlock a special chat with Haing S. Ngor!\n\nClick or tap tiles to select and swap them.\n\nThis is a fictional chat\n& does not reflect the actual views of the artist.', { fontSize: '18px', fill: '#ffffff', align: 'center', lineSpacing: 5 } ).setOrigin(0.5); const nextButton = this.add.text(400, 500, 'Play Game', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive(); nextButton.on('pointerup', () => { if (this.scene && this.scene.isActive()) { this.scene.start('GameScene'); } }); } } class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); this.gridSize = 7; // Larger grid for more challenge this.tileSize = 60; // Smaller tiles to fit the larger grid this.grid = []; this.oscarPositions = []; this.revealed = true; this.score = 0; this.requiredOscars = 5; // Increased number of Oscars to find this.foundOscars = 0; this.timeLeft = 10; // Reduced time to memorize } preload() { // Load game icons this.load.image('oscar', 'https://play.rosebud.ai/assets/Oscar statue.png?wI5K'); this.load.image('camera', 'https://play.rosebud.ai/assets/Realistic camera.png?gCa0'); this.load.image('glasses', 'https://play.rosebud.ai/assets/Realistic transparent glasses atv an angle.png?wM93'); this.load.image('flag', 'https://play.rosebud.ai/assets/Flag_of_Cambodia_(1948-1970).svg.png?h1rW'); this.load.image('back', 'https://play.rosebud.ai/assets/red curtain and golden stage.png?jCwm'); } create() { const bg = this.add.image(400, 300, 'background'); bg.setDisplaySize(800, 600); const title = this.add.text(400, 30, 'Find the Hidden Oscars!', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); // Create grid container - centered both horizontally and vertically const totalGridWidth = this.gridSize * this.tileSize; const totalGridHeight = this.gridSize * this.tileSize; this.gridContainer = this.add.container( 400 - totalGridWidth / 2, 300 - totalGridHeight / 2 ); // Timer text - moved up to not overlap with grid this.timerText = this.add.text(400, 50, `Time to memorize: ${this.timeLeft}`, { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); // Score text - moved down to not overlap with grid this.scoreText = this.add.text(400, 570, `Found Oscars: ${this.foundOscars}/${this.requiredOscars}`, { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); // Initialize grid this.initializeGrid(); // Start the memorization timer this.startMemorizationTimer(); } startMemorizationTimer() { this.timer = this.time.addEvent({ delay: 1000, callback: () => { this.timeLeft--; this.timerText.setText(`Time to memorize: ${this.timeLeft}`); if (this.timeLeft <= 0) { this.revealed = false; this.hideAllTiles(); this.timerText.setText('Find the Oscars!'); } }, repeat: 10 }); } initializeGrid() { // Clear any existing Oscar positions this.oscarPositions = []; // Create the grid array for (let y = 0; y < this.gridSize; y++) { this.grid[y] = []; for (let x = 0; x < this.gridSize; x++) { // Randomly decide if this position will be an Oscar const isOscar = this.oscarPositions.length < this.requiredOscars && Phaser.Math.Between(0, 10) < 3; if (isOscar) { this.oscarPositions.push({ x, y }); } const tile = this.createTile(x, y, isOscar); this.grid[y][x] = tile; } } // If we don't have enough Oscars, force add them while (this.oscarPositions.length < this.requiredOscars) { let x = Phaser.Math.Between(0, this.gridSize - 1); let y = Phaser.Math.Between(0, this.gridSize - 1); if (!this.grid[y][x].isOscar) { this.oscarPositions.push({ x, y }); this.grid[y][x].destroy(); this.grid[y][x] = this.createTile(x, y, true); } } } createTile(x, y, isOscar) { const container = this.add.container(x * this.tileSize, y * this.tileSize); // Create the front of the tile (the icon) const icon = this.add.sprite(0, 0, isOscar ? 'oscar' : ['camera', 'glasses', 'flag'][Phaser.Math.Between(0, 2)]); // Scale the icons appropriately if (isOscar) { icon.setScale(0.09); } else { icon.setScale(0.08); } // Create the back of the tile (hidden state) const back = this.add.sprite(0, 0, 'back'); back.setScale(0.08); back.setVisible(false); container.add([icon, back]); container.setSize(this.tileSize, this.tileSize); container.setInteractive(); // Store whether this tile is an Oscar container.isOscar = isOscar; container.isRevealed = true; container.on('pointerdown', () => { if (!this.revealed && !container.isRevealed) { this.checkTile(container, x, y); } }); this.gridContainer.add(container); return container; } hideAllTiles() { for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { const container = this.grid[y][x]; container.getAt(0).setVisible(false); // Hide icon container.getAt(1).setVisible(true); // Show back container.isRevealed = false; } } } checkTile(container, x, y) { // Show the tile's content container.getAt(0).setVisible(true); container.getAt(1).setVisible(false); container.isRevealed = true; if (container.isOscar) { // Correct guess this.foundOscars++; this.scoreText.setText(`Found Oscars: ${this.foundOscars}/${this.requiredOscars}`); // Add a visual effect for correct guess this.tweens.add({ targets: container, scale: 1.2, duration: 200, yoyo: true }); // Check for win condition if (this.foundOscars >= this.requiredOscars) { this.time.delayedCall(1000, () => { if (this.scene && this.scene.isActive()) { // Show victory message const victoryText = this.add.text(400, 300, 'Congratulations!\nYou\'ve found all the Oscars!', { fontSize: '40px', fill: '#ffffff', align: 'center' }).setOrigin(0.5); this.time.delayedCall(2000, () => { if (this.scene && this.scene.isActive()) { this.scene.start('ChatScene'); } }); } }); } } else { // Wrong guess this.tweens.add({ targets: container, alpha: 0.5, duration: 200, yoyo: true }); // Hide the tile again after a short delay this.time.delayedCall(500, () => { if (container && !container.isOscar) { container.getAt(0).setVisible(false); container.getAt(1).setVisible(true); container.isRevealed = false; } }); } } isAdjacent(x1, y1, x2, y2) { return (Math.abs(x1 - x2) === 1 && y1 === y2) || (Math.abs(y1 - y2) === 1 && x1 === x2); } swapTiles(tile1, tile2) { if (!this.canMove) return; this.canMove = false; const tempX = tile1.tile.x; const tempY = tile1.tile.y; // Perform the swap animation this.tweens.add({ targets: tile1.tile, x: tile2.tile.x, y: tile2.tile.y, duration: 200 }); this.tweens.add({ targets: tile2.tile, x: tempX, y: tempY, duration: 200, onComplete: () => { // Update the grid positions [this.grid[tile1.y][tile1.x], this.grid[tile2.y][tile2.x]] = [this.grid[tile2.y][tile2.x], this.grid[tile1.y][tile1.x]]; // Clear any existing tints tile1.tile.clearTint(); tile2.tile.clearTint(); // Check for matches after swap this.checkMatches(); } }); } checkMatches() { let matched = false; this.foundMatches = false; // Check horizontal matches for (let y = 0; y < this.gridSize; y++) { let matchCount = 1; let currentType = this.grid[y][0].type; for (let x = 1; x < this.gridSize; x++) { if (this.grid[y][x].type === currentType) { matchCount++; if (matchCount >= 3) { matched = true; if (currentType === 0) { this.score += this.pointsPerMatch; this.scoreText.setText(`Score: ${this.score}/${this.targetScore}`); } // Mark matched tiles for removal with a fade effect for (let i = x - matchCount + 1; i <= x; i++) { this.grid[y][i].setTint(0xff0000); this.tweens.add({ targets: this.grid[y][i], alpha: 0, duration: 200, ease: 'Power2' }); } } } else { matchCount = 1; currentType = this.grid[y][x].type; } } } // Check vertical matches for (let x = 0; x < this.gridSize; x++) { let matchCount = 1; let currentType = this.grid[0][x].type; for (let y = 1; y < this.gridSize; y++) { if (this.grid[y][x].type === currentType) { matchCount++; if (matchCount >= 3) { matched = true; if (currentType === 0) { this.score += this.pointsPerMatch; this.scoreText.setText(`Score: ${this.score}/${this.targetScore}`); } // Mark matched tiles for removal with a fade effect for (let i = y - matchCount + 1; i <= y; i++) { this.grid[i][x].setTint(0xff0000); this.tweens.add({ targets: this.grid[i][x], alpha: 0, duration: 200, ease: 'Power2' }); } } } else { matchCount = 1; currentType = this.grid[y][x].type; } } } if (this.score >= this.targetScore) { this.canMove = false; if (this.scene && this.scene.isActive()) { // Show victory message const victoryText = this.add.text(400, 300, 'Congratulations!\nYou\'ve won!', { fontSize: '40px', fill: '#ffffff', align: 'center' }).setOrigin(0.5); this.time.delayedCall(2000, () => { if (this.scene && this.scene.isActive()) { this.scene.start('ChatScene'); } }); } } if (!matched) { this.canMove = true; } else { this.foundMatches = true; if (this.scene && this.scene.isActive()) { this.time.delayedCall(500, () => { if (this.scene && this.scene.isActive()) { this.handleMatchedTiles(); } }); } } } handleMatchedTiles() { // Remove matched tiles and create a list of columns that need refilling const columnsToRefill = new Set(); // First pass: remove matched tiles and mark columns for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { const tile = this.grid[y][x]; if (tile.tintTopLeft) { columnsToRefill.add(x); tile.destroy(); this.grid[y][x] = null; } } } // Second pass: drop existing tiles down columnsToRefill.forEach(x => { let gaps = 0; // Move from bottom to top for (let y = this.gridSize - 1; y >= 0; y--) { if (this.grid[y][x] === null) { gaps++; } else if (gaps > 0) { const tile = this.grid[y][x]; this.grid[y + gaps][x] = tile; this.grid[y][x] = null; this.tweens.add({ targets: tile, y: (y + gaps) * this.tileSize, duration: 200, ease: 'Bounce.easeOut' }); } } // Create new tiles at the top for (let i = 0; i < gaps; i++) { const newType = Phaser.Math.Between(0, 4); let newTile; if (newType === 0) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize * (i + 1), 'oscar'); newTile.setScale(0.07); } else if (newType === 1) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize * (i + 1), 'camera'); newTile.setScale(0.06); } else if (newType === 2) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize * (i + 1), 'glasses'); newTile.setScale(0.07); } else if (newType === 3) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize * (i + 1), 'flag'); newTile.setScale(0.08); } else { newTile = this.add.sprite(x * this.tileSize, -this.tileSize * (i + 1), 'scorpion'); newTile.setScale(0.05); } newTile.setInteractive(); newTile.type = newType; this.grid[i][x] = newTile; this.gridContainer.add(newTile); this.tweens.add({ targets: newTile, y: i * this.tileSize, duration: 300, ease: 'Cubic.easeIn' }); newTile.on('pointerdown', () => { if (!this.canMove) return; this.selectTile(newTile, x, i); }); } }); // Re-enable moves after animations complete this.time.delayedCall(600, () => { if (this.scene && this.scene.isActive()) { this.canMove = true; this.selectedTile = null; this.checkMatches(); // Check for any new matches after tiles have fallen } }); } } class BootScene extends Phaser.Scene { constructor() { super({ key: 'BootScene' }); } preload() {} create() { // Check for existing save and initialize the game state this.checkForExistingSave(); // Transition to the Start Scene this.game.sceneTransitionManager.transitionTo('StartScene'); } checkForExistingSave() { const saveData = localStorage.getItem(PROJECT_NAME); if (saveData) { console.info('Save detected.'); this.game.saveData = JSON.parse(saveData); } else { console.info('No save detected. Initializing new game state.'); // If no save exists, initialize a new save with default values this.game.saveData = { chatLog: '', characterChatManagerState: null, // Assuming a default empty state is suitable }; // Save the initial state to localStorage localStorage.setItem(PROJECT_NAME, JSON.stringify(this.game.saveData)); } } } function loadScript(url) { return new Promise((resolve, reject) => { // Check if the script is already loaded if (document.querySelector(`script[src="${url}"]`)) { resolve(); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.onload = () => resolve(); script.onerror = () => reject(new Error('Script loading failed for ' + url)); document.head.appendChild(script); }); } const VERSION_NUMBER = 'v1'; // Set the version number here. const PROJECT_NAME = `${CHARACTER_NAME} AI Character ${VERSION_NUMBER}`; async function initializeGame() { try { // Load the external script before initializing the Phaser game await loadScript(`https://play.rosebud.ai/assets/ai_character_template_script_asset.js?QgJB`); console.log('Script loaded successfully'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [BootScene, StartScene, FunFactsScene, InformationScene, GameScene, ChatScene], dom: { createContainer: true, }, }; // Assuming 'game' is declared in a broader scope if you need to reference it elsewhere window.game = new Phaser.Game(config); window.game.sceneTransitionManager = new SceneTransitionManager(game); } catch (error) { console.error('Failed to load external script or initialize the Phaser game:', error); } } initializeGame();