I already made part of the game can you make it playable for me,1 import { Router, type IRouter } from "express"; 2 import healthRouter from "./health"; 4 const router: IRouter = Router(); 8 export default router; stages.tsartifacts/smash-game/src/game 723 matches 1 export interface StageConfig { 2 id: string; 3 name: string; 4 icon: string; 5 description: string; 6 previewColors: [string, string]; 7 platforms: Array<{ x: number; y: number; w: number; h: number }>; 8 gravity: number; 9 friction: number; 10 lavaZoneY: number | null; 11 bgStyle: "cosmos" | "inferno" | "glacial" | "stormfront"; 12 platformStyle: "purple" | "volcanic" | "ice" | "cloud"; 15 export const STAGES: StageConfig[] = [ 16 { 17 id: "cosmos", 18 name: "Cosmos", 19 icon: "🌌", 20 description: "Floating arena in deep space", 21 previewColors: ["#0a0a1a", "#312e81"], 22 platforms: [ 23 { x: 0, y: 420, w: 900, h: 120 }, 24 { x: 150, y: 300, w: 180, h: 16 }, 25 { x: 570, y: 300, w: 180, h: 16 }, 26 { x: 340, y: 215, w: 220, h: 16 }, 27 { x: 30, y: 190, w: 120, h: 16 }, 28 { x: 750, y: 190, w: 120, h: 16 }, 29 ], 30 gravity: 0.65, 31 friction: 0.75, 32 lavaZoneY: null, 33 bgStyle: "cosmos", 34 platformStyle: "purple", 35 }, 36 { 37 id: "inferno", 38 name: "Inferno", 39 icon: "🌋", 40 description: "Volcanic stage with deadly lava", 41 previewColors: ["#1a0500", "#7c1010"], 42 platforms: [ 43 { x: 0, y: 420, w: 320, h: 20 }, 44 { x: 580, y: 420, w: 320, h: 20 }, 45 { x: 200, y: 310, w: 200, h: 16 }, 46 { x: 500, y: 310, w: 200, h: 16 }, 47 { x: 350, y: 210, w: 200, h: 16 }, 48 { x: 40, y: 165, w: 130, h: 16 }, 49 { x: 730, y: 165, w: 130, h: 16 }, 50 ], 51 gravity: 0.7, 52 friction: 0.72, 53 lavaZoneY: 445, 54 bgStyle: "inferno", 55 platformStyle: "volcanic", 56 }, 57 { 58 id: "glacial", 59 name: "Glacial Peak", 60 icon: "🏔️", 61 description: "Icy cave with slippery surfaces", 62 previewColors: ["#0c1a2e", "#0e4d7a"], 63 platforms: [ 64 { x: 50, y: 420, w: 800, h: 20 }, 65 { x: 80, y: 310, w: 200, h: 16 }, 66 { x: 620, y: 310, w: 200, h: 16 }, 67 { x: 300, y: 225, w: 300, h: 16 }, 68 { x: 120, y: 165, w: 140, h: 16 }, 69 { x: 640, y: 165, w: 140, h: 16 }, 70 ], 71 gravity: 0.62, 72 friction: 0.92, 73 lavaZoneY: null, 74 bgStyle: "glacial", 75 platformStyle: "ice", 76 }, 77 { 78 id: "stormfront", 79 name: "Stormfront", 80 icon: "⛈️", 81 description: "Turbulent storm clouds and lightning", 82 previewColors: ["#0f1117", "#1e293b"], 83 platforms: [ 84 { x: 0, y: 440, w: 260, h: 20 }, 85 { x: 640, y: 440, w: 260, h: 20 }, 86 { x: 300, y: 400, w: 300, h: 20 }, 87 { x: 100, y: 285, w: 180, h: 16 }, 88 { x: 620, y: 285, w: 180, h: 16 }, 89 { x: 340, y: 185, w: 220, h: 16 }, 90 ], 91 gravity: 0.68, 92 friction: 0.78, 93 lavaZoneY: null, 94 bgStyle: "stormfront", 95 platformStyle: "cloud", 96 }, App.tsxartifacts/smash-game/src 11 matches 1 import Game from "@/pages/Game"; 3 function App() { 4 return ; 7 export default App; Game.tsxartifacts/smash-game/src/pages 836 matches 1 import { useEffect, useRef, useState } from "react"; 2 import { GameEngine, CHAR_CONFIGS, STAGES, type FighterState, type GameResult, type Difficulty } from "@/game/GameEngine"; 4 const PLAYER_COLORS = ["#fde047", "#22d3ee", "#f97316", "#a78bfa"]; 5 const PLAYER_LABELS = ["P1", "P2", "P3", "P4"]; 7 type Screen = "menu" | "setup" | "char-select" | "game" | "results"; 9 interface GameConfig { 10 numCPUs: number; 11 difficulty: Difficulty; 12 stageId: string; 13 p1Char: number; 14 cpuChars: number[]; 17 const DEFAULT_CONFIG: GameConfig = { 18 numCPUs: 1, 19 difficulty: "medium", 20 stageId: "cosmos", 21 p1Char: 0, 22 cpuChars: [1, 2, 3], 25 export default function Game() { 26 const canvasRef = useRef(null); 27 const [screen, setScreen] = useState("menu"); 28 const [config, setConfig] = useState(DEFAULT_CONFIG); 29 const [result, setResult] = useState(null); 30 const [fighterStates, setFighterStates] = useState([]); 32 useEffect(() => { 33 if (screen !== "game" || !canvasRef.current) return; 34 const charIndices = [config.p1Char, ...config.cpuChars.slice(0, config.numCPUs)]; 35 const aiFlags = [false, ...Array(config.numCPUs).fill(true)]; 36 const engine = new GameEngine( 37 canvasRef.current, charIndices, aiFlags, 38 config.difficulty, config.stageId, 39 (res) => { setResult(res); setScreen("results"); }, 40 (states) => setFighterStates([...states]) 41 ); 42 engine.start(); 43 return () => engine.stop(); 44 }, [screen]); 46 const startGame = () => { setResult(null); setFighterStates([]); setScreen("game"); }; 48 // ── Menu ───────────────────────────────────────────── 49 if (screen === "menu") { 50 return ( 51

53 {[...Array(18)].map((_, i) => ( 54

60 ))} 61

SMASH

Browser Edition

69 74

Player 1 Controls

Move — A / D

Jump — W

Attack — F

Special — G

Block — H

Impactlynx

SMASH — Browser Edition

Inspired by Impactlynx?