////////////////////////////////////////////////////////////// // 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. First message of roleplay: You find yourself backstage at the 1985 Oscars. Walking around the set, with its golden decorations and cascading red curtains, you bump into one of the winners. The man smiles broadly, holding his golden statuette aloft. This is Haing Ngor, whose path to this stage is one of talent, resilience, and survival. You feel the urge to learn about this incredible man. 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?HFsb` // 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?btI2` // 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?HFsb'); this.load.image('haing', 'https://play.rosebud.ai/assets/Realistic Cartoon Cambodian man dressed in a tuxedo and wearing glasses holding an Oscar.png?btI2'); } 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 Journey', { 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 title = this.add.text(400, 50, 'Fun Facts', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); const facts = [ 'First Asian actor to win Oscar for Best Supporting Actor', 'Had no prior acting experience before The Killing Fields', 'Won the Academy Award in his debut performance', 'Was a trained surgeon in Cambodia' ]; facts.forEach((fact, index) => { this.add.text(400, 150 + (index * 70), fact, { fontSize: '20px', fill: '#ffffff', align: 'center' }).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 title = this.add.text(400, 50, 'About Haing S. Ngor', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); const info = this.add.text(400, 300, 'Born in Cambodia, Haing S. Ngor survived\nthe Khmer Rouge regime and later starred in\n"The Killing Fields" (1984), winning an Oscar\nfor his powerful portrayal of Dith Pran.\nHe devoted his life to humanitarian causes\nand raising awareness about Cambodia\'s history.', { fontSize: '20px', fill: '#ffffff', align: 'center' } ).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 = 6; this.tileSize = 60; this.grid = []; this.selectedTile = null; this.canMove = true; this.score = 0; this.targetScore = 100; this.pointsPerMatch = 20; } preload() { // Load game icons this.load.image('oscar', 'https://play.rosebud.ai/assets/Oscar statue.png?MEXn'); this.load.image('camera', 'https://play.rosebud.ai/assets/Realistic camera.png?Mx0v'); this.load.image('glasses', 'https://play.rosebud.ai/assets/Realistic transparent glasses atv an angle.png?izmK'); this.load.image('flag', 'https://play.rosebud.ai/assets/Flag_of_Cambodia_(1948-1970).svg.png?agzb'); this.load.image('scorpion', 'https://play.rosebud.ai/assets/realistic scorpion.png?l7jM'); } create() { const bg = this.add.image(400, 300, 'background'); bg.setDisplaySize(800, 600); const title = this.add.text(400, 30, 'Match Oscars to Win', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); // Create grid container this.gridContainer = this.add.container(280, 120); // Initialize grid this.initializeGrid(); // Display score counter this.scoreText = this.add.text(400, 550, `Score: ${this.score}/${this.targetScore}`, { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); const startButton = this.add.text(250, 550, 'Back to Start', { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 20, y: 10 } }).setOrigin(0.5).setInteractive(); const chatButton = this.add.text(550, 550, 'Start Chat', { 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.canMove = false; this.scene.start('StartScene'); } }); chatButton.on('pointerup', () => { if (this.scene && this.scene.isActive()) { this.canMove = false; this.scene.start('ChatScene'); } }); } initializeGrid() { for (let y = 0; y < this.gridSize; y++) { this.grid[y] = []; for (let x = 0; x < this.gridSize; x++) { const tile = this.createTile(x, y); this.grid[y][x] = tile; } } } createTile(x, y) { const type = Phaser.Math.Between(0, 4); // 0 is Oscar, 1-4 are other icons let tile; if (type === 0) { // Create Oscar statue tile tile = this.add.sprite(x * this.tileSize, y * this.tileSize, 'oscar'); tile.setScale(0.07); // Adjust scale for Oscar statue } else if (type === 1) { // Create camera tile tile = this.add.sprite(x * this.tileSize, y * this.tileSize, 'camera'); tile.setScale(0.06); // Adjust scale for camera } else if (type === 2) { // Create glasses tile tile = this.add.sprite(x * this.tileSize, y * this.tileSize, 'glasses'); tile.setScale(0.07); // Adjust scale for glasses } else if (type === 3) { // Create flag tile tile = this.add.sprite(x * this.tileSize, y * this.tileSize, 'flag'); tile.setScale(0.08); // Adjust scale for flag } else if (type === 4) { // Create scorpion tile tile = this.add.sprite(x * this.tileSize, y * this.tileSize, 'scorpion'); tile.setScale(0.05); // Adjust scale for scorpion } tile.setInteractive(); tile.type = type; tile.on('pointerdown', () => { if (!this.canMove) return; this.selectTile(tile, x, y); }); this.gridContainer.add(tile); return tile; } selectTile(tile, x, y) { if (this.selectedTile === null) { this.selectedTile = { tile, x, y }; tile.setTint(0x00ff00); } else { if (this.isAdjacent(this.selectedTile.x, this.selectedTile.y, x, y)) { this.swapTiles(this.selectedTile, { tile, x, y }); } this.selectedTile.tile.clearTint(); this.selectedTile = null; } } 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.refillGrid(); } }); } } } refillGrid() { // First, remove matched tiles and move existing tiles down for (let x = 0; x < this.gridSize; x++) { let fillPosition = this.gridSize - 1; // Move from bottom to top for (let y = this.gridSize - 1; y >= 0; y--) { const tile = this.grid[y][x]; if (!tile.tintTopLeft) { // If tile is not matched (using tintTopLeft instead of isTinted) if (fillPosition !== y) { // Move tile down to fill position this.grid[fillPosition][x] = tile; this.tweens.add({ targets: tile, y: fillPosition * this.tileSize, duration: 200, ease: 'Bounce.easeOut' }); } fillPosition--; } else { // Remove matched tile tile.destroy(); } } // Create new tiles for empty spaces at the top for (let y = fillPosition; y >= 0; y--) { const newType = Phaser.Math.Between(0, 4); let newTile; if (newType === 0) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize, 'oscar'); newTile.setScale(0.07); } else if (newType === 1) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize, 'camera'); newTile.setScale(0.06); } else if (newType === 2) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize, 'glasses'); newTile.setScale(0.07); } else if (newType === 3) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize, 'flag'); newTile.setScale(0.08); } else if (newType === 4) { newTile = this.add.sprite(x * this.tileSize, -this.tileSize, 'scorpion'); newTile.setScale(0.05); } newTile.setInteractive(); newTile.type = newType; this.grid[y][x] = newTile; this.gridContainer.add(newTile); // Animate new tile falling into place this.tweens.add({ targets: newTile, y: y * this.tileSize, duration: 300, ease: 'Cubic.easeIn' }); newTile.on('pointerdown', () => { if (!this.canMove) return; this.selectTile(newTile, x, y); }); } } // Re-enable moves after animations complete this.time.delayedCall(600, () => { if (this.scene && this.scene.isActive()) { // Clear any remaining tints for (let y = 0; y < this.gridSize; y++) { for (let x = 0; x < this.gridSize; x++) { if (this.grid[y][x]) { this.grid[y][x].clearTint(); } } } 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?NK13`); 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();