function GameCharacter() { const [position, setPosition] = useState(0); const [isJumping, setIsJumping] = useState(false); const [velocity, setVelocity] = useState(0); useEffect(()=>{ const handleKeyPress = (e)=>{ if (e.code === "Space" && !isJumping) { setIsJumping(true); setVelocity(-15); } }; window.addEventListener("keydown", handleKeyPress); return ()=>window.removeEventListener("keydown", handleKeyPress); }, [ isJumping ]); useEffect(()=>{ const gravity = 0.8; const ground = 300; let animationId; const update = ()=>{ setPosition((prev)=>{ const newPosition = prev + velocity; if (newPosition >= ground) { setIsJumping(false); setVelocity(0); return ground; } setVelocity((prev)=>prev + gravity); return newPosition; }); animationId = requestAnimationFrame(update); }; animationId = requestAnimationFrame(update); return ()=>cancelAnimationFrame(animationId); }, [ velocity ]); return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[400px] bg-gray-100", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-[50px] h-[50px] bg-red-500", style: { transform: `translateY(${position}px)`, transition: "transform 0.05s linear" }, __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-[100px] w-full h-[1px] bg-black", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function GameCharacterStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "Press spacebar to jump!"), /*#__PURE__*/ React.createElement(GameCharacter, { __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isListening, setIsListening] = useState(false); const [audioLevel, setAudioLevel] = useState(0); const startListening = async ()=>{ try { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); const audioContext = new (window.AudioContext || window.webkitAudioContext)(); const analyser = audioContext.createAnalyser(); const microphone = audioContext.createMediaStreamSource(stream); microphone.connect(analyser); analyser.fftSize = 256; const dataArray = new Uint8Array(analyser.frequencyBinCount); setIsListening(true); const checkAudio = ()=>{ if (!isListening) return; analyser.getByteFrequencyData(dataArray); const average = dataArray.reduce((a, b)=>a + b) / dataArray.length; setAudioLevel(average); requestAnimationFrame(checkAudio); }; checkAudio(); } catch (error) { console.error("Error accessing microphone:", error); } }; const stopListening = ()=>{ setIsListening(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] rounded-xl p-8 w-full max-w-[800px] aspect-video relative flex flex-col items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-poppins text-2xl mb-6", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Scream to make the character jump!"), /*#__PURE__*/ React.createElement("div", { className: "flex-1 w-full relative", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(GameCharacter, { shouldJump: audioLevel > 100, __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: isListening ? stopListening : startListening, className: `mt-4 px-6 py-2 rounded-full font-poppins ${isListening ? "bg-red-500 hover:bg-red-600" : "bg-green-500 hover:bg-green-600"} text-white transition-colors`, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, isListening ? "Stop Listening" : "Start Listening"))); }