My App

{"/styles.css":{"code":".app {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1 {\n color: #333;\n}"},"/App.js":{"code":"import { useEffect, useRef, useState } from \"react\";\n\n// ⚠️ This is a \"Geometry Dash–inspired\" game (not exact clone but VERY close feel)\n\nconst level = { speed: 7, length: 2000, music: \"/music1.mp3\", obstacles: [ { x: 400, type: \"spike\" }, { x: 550, type: \"spike\" }, { x: 700, type: \"block\" }, { x: 900, type: \"spike\" }, { x: 1100, type: \"block\" }, { x: 1300, type: \"spike\" }, ], pads: [ { x: 800 }, { x: 1400 } ] };\n\nexport default function App() { const [y, setY] = useState(0); const [velocity, setVelocity] = useState(0); const [progress, setProgress] = useState(0); const [gameOver, setGameOver] = useState(false); const [obstacles, setObstacles] = useState(level.obstacles.map(o => ({...o}))); const [pads, setPads] = useState(level.pads.map(p => ({...p})));\n\nconst audioRef = useRef(null);\n\nconst gravity = 0.6; const jumpPower = -10;\n\nconst jump = () => { if (!gameOver && y === 0) { setVelocity(jumpPower); playMusic(); } };\n\nconst playMusic = () => { if (audioRef.current) { audioRef.current.play().catch(() => {}); } };\n\nuseEffect(() => { if (audioRef.current) { audioRef.current.src = level.music; } }, []);\n\nuseEffect(() => { const loop = setInterval(() => { setVelocity(v => v + gravity); setY(prev => { let newY = prev + velocity; if (newY > 0) newY = 0; return newY; });\n\nsetObstacles(obs => obs.map(o => ({ ...o, x: o.x - level.speed })));\n setPads(p => p.map(pad => ({ ...pad, x: pad.x - level.speed })));\n\n setProgress(p => p + level.speed);\n\n // Collision (spikes & blocks)\n obstacles.forEach(o => {\n if (o.x < 80 && o.x > 20 && y > -30) {\n triggerDeath();\n }\n });\n\n // Jump pads (auto bounce)\n pads.forEach(pad => {\n if (pad.x < 80 && pad.x > 20 && y === 0) {\n setVelocity(-15);\n }\n });\n\n // Win condition\n if (progress >= level.length) {\n alert(\"LEVEL COMPLETE!\");\n resetGame();\n }\n}, 30);\n\nreturn () => clearInterval(loop);\n\n}, [velocity, obstacles, pads, y, progress]);\n\nconst triggerDeath = () => { setGameOver(true); if (audioRef.current) audioRef.current.pause(); };\n\nconst resetGame = () => { setGameOver(false); setY(0); setVelocity(0); setProgress(0); setObstacles(level.obstacles.map(o => ({...o}))); setPads(level.pads.map(p => ({...p}))); if (audioRef.current) { audioRef.current.currentTime = 0; } };\n\nconst progressPercent = Math.min((progress / level.length) * 100, 100);\n\nreturn (

💥 You Died

Geometry dash but even better by I hate snakes