Game

iendly woman figure in a clean, educational cartoon style with professional yet approachable mood. Front-facing perspective with slightly taller proportions than child figures. Dominant colors: deep pink (0xc2185b) for clothing, peach (0xeeeeee) for skin tone. Smooth textures with soft shading. The figure should face forward to match other character assets and integrate with the card-based activity layout. Include simple facial features and appropriate hairstyle for an adult woman."}],"code":[{"path":"public/index.html","content":"\n\n\n \n \n \n \n \n Game\n \n \n \n \n \n

\n \n\n"},{"path":"src/styles.css","content":"\nhtml,\nbody,\n.App,\n#root {\n background-color: #000;\n color: #fff;\n font-family: \"Lexend\", sans-serif;\n font-weight: 300;\n font-size: \"18px\";\n text-align: center;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"},{"path":"src/index.tsx","content":"\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"../src/App\";\nimport \"../src/styles.css\";\n\nconst rootElement = document.getElementById(\"root\")!;\nconst root = ReactDOM.createRoot(rootElement);\n\nroot.render(\n // \n \n // \n);\n"},{"path":"src/App.tsx","content":"\nimport Game from \"../src/Game\";\n\nexport default function App() {\n return ;\n}\n"},{"path":"src/Game.tsx","content":"$1a"},{"path":"src/ui/UIOverlay.tsx","content":"\nimport React from \"react\";\n\n// All UI should be implemented in react\nconst UIOverlay: React.FC = () => {\n return (\n \n );\n};\n\nexport default UIOverlay;\n"},{"path":"src/config/BalanceSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Game balance settings go here, so the user can easily tweak the variables within the game settings panel.\n// Avoid using nested objects or arrays; all settings must be at the same level within the BALANCE_SETTINGS object. Prefer SNAKE_CASE for names.\nexport const BALANCE_SETTINGS = {\n\n};\n"},{"path":"src/config/VisualSettings.ts","content":"\n// Do not rename or remove this file or comment.\n// Visual settings go here, so the user can easily tweak the values within the game settings panel.\n// Avoid using nested objects or arrays; all settings must be at the same level within the VISUAL_SETTINGS object. Prefer SNAKE_CASE for names.\nexport const VISUAL_SETTINGS = {\n\n};\n"},{"path":"src/scenes/BootScene.ts","content":"import * as Phaser from 'phaser';\n\nexport class BootScene extends Phaser.Scene {\n constructor() {\n super('BootScene');\n }\n\n create() {\n this.scene.start('MainMenuScene');\n }\n}\n"},{"path":"src/ui/Button.ts","content":"import * as Phaser from 'phaser';\n\nexport class Button extends Phaser.GameObjects.Container {\n private text: Phaser.GameObjects.Text;\n\n constructor(scene: Phaser.Scene, x: number, y: number, label: string, callback: () => void, width: number = 250, height: number = 60) {\n super(scene, x, y);\n\n const buttonBackground = scene.add.rectangle(0, 0, width, height, 0x5c6bc0);\

Word Explorers