Walrus Gamepad

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_222":223,"_224":225},"routes/_app.x.$handle.$name",{"_94":93,"_31":42,"_102":84,"_26":50,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","index.html","latestPath","fileId","ce4599c2-bce0-11f0-a5bb-42dde27851f2","name","fileType","content","\n\n\n \n \n \n \n \n \n Walrus Gamepad\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n

\n\n \n

\n \n

\n\n \n\n\n","createdAt",["D",1762633416463],"branchVersion","branchId","8403e34c-bcdf-11f0-8a98-42dde27851f2","id","840386cc-bcdf-11f0-8a98-42dde27851f2","walrus-gamepad-STABLE",["D",1762632862699],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","f8b34481-b666-4e4c-b330-92f517c060c5","pinnedFileId","ce1ee002-bce0-11f0-b27c-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","1fd640bc-f4e1-40ac-9627-06115c6756a0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_40":39,"_85":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":42,"_92":93},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ryi","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJWN01taHZBV3JpN1FyWUdabTlzQTM5YzBPcCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_40":41,"_31":42,"_35":218,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":219,"_78":220,"_80":221,"_82":24},"tree",[189,190,191,192,193,194,195],"files",[189,190,191,192,193,194,195],"counts",{"_179":60,"_180":175,"_181":175,"_182":183,"_184":185},"contents",[123,124,125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":172,"_31":173,"_29":174,"_133":-5,"_38":39,"_37":175,"_135":56,"_35":176,"_13":60,"_32":177,"_33":-5,"_23":24,"_138":-5,"_26":178},{"_40":165,"_31":166,"_29":167,"_133":-5,"_38":39,"_37":168,"_135":24,"_35":169,"_13":60,"_32":20,"_33":170,"_23":24,"_138":-5,"_26":171},{"_40":158,"_31":159,"_29":160,"_133":-5,"_38":39,"_37":161,"_135":56,"_35":162,"_13":60,"_32":20,"_33":163,"_23":24,"_138":-5,"_26":164},{"_40":155,"_31":27,"_29":30,"_133":-5,"_38":39,"_37":14,"_135":56,"_35":156,"_13":60,"_32":20,"_33":34,"_23":24,"_138":-5,"_26":157},{"_40":148,"_31":149,"_29":54,"_133":-5,"_38":39,"_37":150,"_135":24,"_35":151,"_13":60,"_32":145,"_33":152,"_23":24,"_138":153,"_26":154},{"_40":140,"_31":141,"_29":142,"_133":-5,"_38":39,"_37":143,"_135":24,"_35":144,"_13":60,"_32":145,"_33":146,"_23":24,"_138":-5,"_26":147},{"_40":130,"_31":131,"_29":132,"_133":-5,"_38":39,"_37":134,"_135":24,"_35":136,"_13":60,"_32":20,"_33":137,"_23":24,"_138":-5,"_26":139},"ce2c7db6-bce0-11f0-a76b-42dde27851f2","style.css","ce2c7e60-bce0-11f0-a76b-42dde27851f2","parentId",5,"latest",["D",1762633416456],"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n touch-action: manipulation;\n margin: 0;\n}\n\n.container {\n text-align: center;\n}\n\n.gamepad {\n background: linear-gradient(135deg, #34495e 0%, #2c3e50 50%, #1a252f 100%);\n border-radius: clamp(40px, 6vw, 80px) clamp(40px, 6vw, 80px) clamp(50px, 8vw, 100px) clamp(50px, 8vw, 100px);\n padding: clamp(40px, 5vw, 80px) clamp(50px, 6vw, 100px);\n box-shadow:\n 0 20px 60px rgba(0, 0, 0, 0.4),\n inset 0 -3px 15px rgba(0, 0, 0, 0.3),\n inset 0 3px 15px rgba(255, 255, 255, 0.05);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: clamp(60px, 10vw, 160px);\n width: 90vw;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n}\n\n.gamepad::before {\n content: '';\n position: absolute;\n top: 50%;\n left: -2%;\n right: -2%;\n height: 60%;\n background: rgba(0, 0, 0, 0.15);\n border-radius: 50%;\n transform: translateY(-50%);\n z-index: -1;\n filter: blur(10px);\n}\n\n.gamepad::after {\n content: '';\n position: absolute;\n top: clamp(15px, 2vw, 30px);\n left: 50%;\n transform: translateX(-50%);\n width: clamp(60px, 8vw, 120px);\n height: clamp(4px, 0.5vw, 8px);\n background: rgba(255, 255, 255, 0.1);\n border-radius: clamp(2px, 0.25vw, 4px);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n/* Gamepad transparency when Bluetooth controller is connected */\n.gamepad.controller-connected {\n background: linear-gradient(135deg, rgba(52, 73, 94, 0.1) 0%, rgba(44, 62, 80, 0.1) 50%, rgba(26, 37, 47, 0.1) 100%);\n transition: background 0.5s ease;\n}\n\n.gamepad.controller-connected::before {\n opacity: 0.1;\n}\n\n.gamepad.controller-connected::after {\n opacity: 0.1;\n}\n\n.gamepad.controller-connected .dpad-btn:not(.active-pressed),\n.gamepad.controller-connected .play-btn:not(.active-pressed) {\n opacity: 0.1;\n transition: opacity 0.5s ease;\n}\n\n.gamepad.controller-connected .dpad-center {\n opacity: 0.1;\n transition: opacity 0.5s ease;\n}\n\n.gamepad.controller-connected .dpad::before,\n.gamepad.controller-connected .play-button-container::before {\n opacity: 0.05;\n}\n\n/* Button highlight effect when pressed via Bluetooth controller */\n.dpad-btn.active-pressed {\n background: linear-gradient(145deg, #3498db, #2980b9) !important;\n color: white !important;\n transform: scale(1.05) !important;\n box-shadow:\n 0 0 40px rgba(52, 152, 219, 1),\n 0 0 80px rgba(52, 152, 219, 0.6),\n inset 0 0 20px rgba(255, 255, 255, 0.3) !important;\n opacity: 1 !important;\n transition: all 0.05s ease !important;\n border: 3px solid rgba(255, 255, 255, 0.8) !important;\n z-index: 10;\n}\n\n.play-btn.active-pressed {\n background: linear-gradient(145deg, #ff3838, #ff1744) !important;\n box-shadow:\n 0 0 50px rgba(255, 23, 68, 1),\n 0 0 100px rgba(255, 23, 68, 0.6),\n inset 0 0 30px rgba(255, 255, 255, 0.3) !important;\n transform: scale(1.1) !important;\n opacity: 1 !important;\n transition: all 0.05s ease !important;\n border: 4px solid rgba(255, 255, 255, 0.9) !important;\n z-index: 10;\n}\n\n/* D-Pad Styles */\n.dpad {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n\n.dpad::before {\n content: '';\n position: absolute;\n width: 120%;\n height: 120%;\n background:\n radial-gradient(circle at 30% 30%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 70% 30%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 30% 70%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 70% 70%, rgba(0, 0, 0, 0.1) 2px, transparent 2px);\n background-size: clamp(12px, 1.5vw, 20px) clamp(12px, 1.5vw, 20px);\n border-radius: 50%;\n z-index: -1;\n opacity: 0.5;\n}\n\n.dpad-middle {\n display: flex;\n align-items: center;\n}\n\n.dpad-btn {\n width: clamp(80px, 10vw, 160px);\n height: clamp(80px, 10vw, 160px);\n background: #34495e;\n border: none;\n cursor: pointer;\n color: #95a5a6;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n touch-action: manipulation;\n}\n\n.dpad-btn:hover {\n background: #4a5f7f;\n color: #ecf0f1;\n}\n\n.dpad-btn:active {\n background: #5dade2;\n color: white;\n transform: scale(0.95);\n}\n\n.dpad-up {\n border-radius: clamp(15px, 2vw, 30px) clamp(15px, 2vw, 30px) 0 0;\n}\n\n.dpad-down {\n border-radius: 0 0 clamp(15px, 2vw, 30px) clamp(15px, 2vw, 30px);\n}\n\n.dpad-left {\n border-radius: clamp(15px, 2vw, 30px) 0 0 clamp(15px, 2vw, 30px);\n}\n\n.dpad-right {\n border-radius: 0 clamp(15px, 2vw, 30px) clamp(15px, 2vw, 30px) 0;\n}\n\n.dpad-center {\n width: clamp(60px, 7vw, 120px);\n height: clamp(60px, 7vw, 120px);\n background: #1a252f;\n border-radius: clamp(8px, 1vw, 15px);\n}\n\n.dpad-btn svg {\n width: clamp(40px, 5vw, 80px);\n height: clamp(40px, 5vw, 80px);\n}\n\n/* Play Button Styles */\n.play-button-container {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n\n.play-button-container::before {\n content: '';\n position: absolute;\n width: 140%;\n height: 140%;\n background:\n radial-gradient(circle at 30% 30%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 70% 30%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 30% 70%, rgba(0, 0, 0, 0.1) 2px, transparent 2px),\n radial-gradient(circle at 70% 70%, rgba(0, 0, 0, 0.1) 2px, transparent 2px);\n background-size: clamp(12px, 1.5vw, 20px) clamp(12px, 1.5vw, 20px);\n border-radius: 50%;\n z-index: -1;\n opacity: 0.5;\n}\n\n.play-btn {\n width: clamp(100px, 12vw, 200px);\n height: clamp(100px, 12vw, 200px);\n border-radius: 50%;\n background: linear-gradient(145deg, #e74c3c, #c0392b);\n border: none;\n cursor: pointer;\n color: white;\n box-shadow: 0 8px 20px rgba(231, 76, 60, 0.4);\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n touch-action: manipulation;\n}\n\n.play-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 25px rgba(231, 76, 60, 0.5);\n}\n\n.play-btn:active {\n transform: scale(0.95);\n box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4);\n}\n\n.play-btn svg {\n width: clamp(40px, 5vw, 80px);\n height: clamp(40px, 5vw, 80px);\n margin-left: clamp(3px, 0.5vw, 6px);\n}\n\n/* Mobile-specific styles for full background coverage */\n@media (pointer: coarse) {\n html, body {\n width: 100%;\n height: 100%;\n position: fixed;\n overflow: hidden;\n }\n\n body {\n padding: 10px;\n }\n\n .gamepad {\n width: 85vw;\n }\n}\n\n/* Mobile landscape - make gamepad fit better accounting for browser chrome */\n@media (orientation: landscape) and (pointer: coarse) {\n body {\n padding: 5px;\n /* Use svh (small viewport height) which accounts for browser UI */\n min-height: 100svh;\n }\n\n .gamepad {\n width: 75vw;\n max-height: 90svh;\n }\n}\n\n/* Rotate gamepad 90 degrees in portrait mode on mobile devices only */\n@media (orientation: portrait) and (pointer: coarse) {\n body {\n padding: 0;\n }\n\n .container {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(90deg);\n }\n\n .gamepad {\n /* Use svh (small viewport height) as width since rotated - accounts for browser UI */\n width: 75svh;\n max-width: none;\n }\n}\n","label",[131],"ce17e0a4-bce0-11f0-9576-42dde27851f2","script.js","ce17e176-bce0-11f0-9576-42dde27851f2",3,["D",1762633416466],"script","// Sound file configuration\nconst soundMap = {\n up: { name: 'ya', count: 5 },\n down: { name: 'oi', count: 4 },\n left: { name: 'pi', count: 2 },\n right: { name: 'ka', count: 5 }\n};\n\n// Track currently playing audio from play button\nlet currentPlaySource = null;\nlet isPlaying = false;\n\n// Play button element\nconst playBtn = document.getElementById('playBtn');\n\n// Web Audio API setup\nconst audioContext = new (window.AudioContext || window.webkitAudioContext)();\nconst audioBuffers = {};\n\n// Preload all sound files using Web Audio API\nasync function preloadAllSounds() {\n const loadPromises = [];\n\n // Preload d-pad sounds\n for (const [direction, sound] of Object.entries(soundMap)) {\n for (let i = 1; i <= sound.count; i++) {\n const path = `sounds/${sound.name}${i}.wav`;\n loadPromises.push(loadAudioBuffer(path));\n }\n }\n\n // Preload yaka-full.mp3\n loadPromises.push(loadAudioBuffer('sounds/yaka-full.mp3'));\n\n // Wait for all sounds to load\n await Promise.all(loadPromises);\n console.log('All audio files preloaded');\n}\n\n// Load a single audio file as AudioBuffer\nasync function loadAudioBuffer(path) {\n try {\n const response = await fetch(path);\n const arrayBuffer = await response.arrayBuffer();\n const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n audioBuffers[path] = audioBuffer;\n } catch (error) {\n console.error(`Failed to load audio: ${path}`, error);\n }\n}\n\n// Get a random sound file for a given direction\nfunction getRandomSound(direction) {\n const sound = soundMap[direction];\n const randomIndex = Math.floor(Math.random() * sound.count) + 1;\n return `sounds/${sound.name}${randomIndex}.wav`;\n}\n\n// Play audio file using preloaded AudioBuffer\nfunction playSound(soundFile, soundName) {\n const buffer = audioBuffers[soundFile];\n if (!buffer) {\n console.error('Sound not preloaded:', soundFile);\n return;\n }\n\n // Create a buffer source (can be played multiple times simultaneously)\n const source = audioContext.createBufferSource();\n source.buffer = buffer;\n source.connect(audioContext.destination);\n source.start(0);\n}\n\n// Initialize preloading when page loads\npreloadAllSounds();\n\n// Update play button icon\nfunction updatePlayButton(playing) {\n isPlaying = playing;\n if (playing) {\n // Stop icon (square)\n playBtn.innerHTML = ``;\n playBtn.setAttribute('aria-label', 'Stop');\n } else {\n // Play icon (triangle)\n playBtn.innerHTML = ``;\n playBtn.setAttribute('aria-label', 'Play');\n }\n}\n\n// Handle d-pad button clicks\ndocument.querySelectorAll('.dpad-btn').forEach(button => {\n button.addEventListener('click', () => {\n // Resume audio context if suspended (required on mobile)\n if (audioContext.state === 'suspended') {\n audioContext.resume();\n }\n\n const direction = button.dataset.direction;\n const soundFile = getRandomSound(direction);\n const soundName = soundMap[direction].name;\n playSound(soundFile, soundName);\n });\n});\n\n// Toggle play/stop for the full yaka sound\nfunction togglePlayStop() {\n // Resume audio context if suspended (required on mobile)\n if (audioContext.state === 'suspended') {\n audioContext.resume();\n }\n\n if (isPlaying) {\n // Stop playback\n if (currentPlaySource) {\n currentPlaySource.stop();\n currentPlaySource = null;\n }\n updatePlayButton(false);\n } else {\n // Start playback using preloaded AudioBuffer\n const buffer = audioBuffers['sounds/yaka-full.mp3'];\n if (!buffer) {\n console.error('yaka-full.mp3 not preloaded');\n return;\n }\n\n // Create buffer source for playback\n currentPlaySource = audioContext.createBufferSource();\n currentPlaySource.buffer = buffer;\n currentPlaySource.connect(audioContext.destination);\n\n // When audio ends, reset to play button\n currentPlaySource.onended = () => {\n updatePlayButton(false);\n currentPlaySource = null;\n };\n\n currentPlaySource.start(0);\n updatePlayButton(true);\n }\n}\n\n// Handle play button click\nplayBtn.addEventListener('click', () => {\n togglePlayStop();\n});\n\n// Keyboard support\ndocument.addEventListener('keydown', (event) => {\n const keyMap = {\n 'ArrowUp': 'up',\n 'ArrowDown': 'down',\n 'ArrowLeft': 'left',\n 'ArrowRight': 'right',\n ' ': 'play',\n 'Enter': 'play'\n };\n\n const action = keyMap[event.key];\n\n if (action && action !== 'play') {\n event.preventDefault();\n // Resume audio context if suspended (required on mobile)\n if (audioContext.state === 'suspended') {\n audioContext.resume();\n }\n const soundFile = getRandomSound(action);\n const soundName = soundMap[action].name;\n playSound(soundFile, soundName);\n } else if (action === 'play') {\n event.preventDefault();\n togglePlayStop();\n }\n});\n\n// Gamepad support\nlet gamepadIndex = null;\nlet buttonStates = {};\n\n// Get references to on-screen buttons for visual feedback\nconst gamepadElement = document.querySelector('.gamepad');\nconst dpadButtons = {\n up: document.querySelector('[data-direction=\"up\"]'),\n down: document.querySelector('[data-direction=\"down\"]'),\n left: document.querySelector('[data-direction=\"left\"]'),\n right: document.querySelector('[data-direction=\"right\"]')\n};\n\n// Detect gamepad connection\nwindow.addEventListener('gamepadconnected', (event) => {\n console.log('Gamepad connected:', event.gamepad.id);\n gamepadIndex = event.gamepad.index;\n gamepadElement.classList.add('controller-connected');\n requestAnimationFrame(pollGamepad);\n});\n\n// Detect gamepad disconnection\nwindow.addEventListener('gamepaddisconnected', (event) => {\n console.log('Gamepad disconnected');\n gamepadIndex = null;\n buttonStates = {};\n gamepadElement.classList.remove('controller-connected');\n // Clear any active button states\n Object.values(dpadButtons).forEach(btn => btn.classList.remove('active-pressed'));\n playBtn.classList.remove('active-pressed');\n});\n\n// Poll gamepad state\nfunction pollGamepad() {\n if (gamepadIndex === null) return;\n\n const gamepads = navigator.getGamepads();\n const gamepad = gamepads[gamepadIndex];\n\n if (!gamepad) {\n requestAnimationFrame(pollGamepad);\n return;\n }\n\n // Resume audio context if needed\n if (audioContext.state === 'suspended') {\n audioContext.resume();\n }\n\n // Check D-pad buttons (standard mapping: 12=up, 13=down, 14=left, 15=right)\n checkButton(gamepad, 12, 'up');\n checkButton(gamepad, 13, 'down');\n checkButton(gamepad, 14, 'left');\n checkButton(gamepad, 15, 'right');\n\n // Also check axes for D-pad (some controllers use axes instead of buttons)\n // Axes: 0 = left/right, 1 = up/down\n if (gamepad.axes.length >= 2) {\n // Horizontal axis (left/right)\n if (gamepad.axes[0] < -0.5) {\n if (!buttonStates['axis-left']) {\n buttonStates['axis-left'] = true;\n handleGamepadDirection('left');\n }\n dpadButtons.left.classList.add('active-pressed');\n } else if (gamepad.axes[0] > 0.5) {\n if (!buttonStates['axis-right']) {\n buttonStates['axis-right'] = true;\n handleGamepadDirection('right');\n }\n dpadButtons.right.classList.add('active-pressed');\n } else if (Math.abs(gamepad.axes[0]) < 0.3) {\n buttonStates['axis-left'] = false;\n buttonStates['axis-right'] = false;\n dpadButtons.left.classList.remove('active-pressed');\n dpadButtons.right.classList.remove('active-pressed');\n }\n\n // Vertical axis (up/down)\n if (gamepad.axes[1] < -0.5) {\n if (!buttonStates['axis-up']) {\n buttonStates['axis-up'] = true;\n handleGamepadDirection('up');\n }\n dpadButtons.up.classList.add('active-pressed');\n } else if (gamepad.axes[1] > 0.5) {\n if (!buttonStates['axis-down']) {\n buttonStates['axis-down'] = true;\n handleGamepadDirection('down');\n }\n dpadButtons.down.classList.add('active-pressed');\n } else if (Math.abs(gamepad.axes[1]) < 0.3) {\n buttonStates['axis-up'] = false;\n buttonStates['axis-down'] = false;\n dpadButtons.up.classList.remove('active-pressed');\n dpadButtons.down.classList.remove('active-pressed');\n }\n }\n\n // Check face buttons (0-3: A/B/X/Y) for play/stop\n let anyFaceButtonPressed = false;\n for (let i = 0; i < 4; i++) {\n const button = gamepad.buttons[i];\n if (button && button.pressed) {\n anyFaceButtonPressed = true;\n if (!buttonStates[`face-${i}`]) {\n buttonStates[`face-${i}`] = true;\n togglePlayStop();\n }\n } else if (button && !button.pressed) {\n buttonStates[`face-${i}`] = false;\n }\n }\n\n // Update play button visual state\n if (anyFaceButtonPressed) {\n playBtn.classList.add('active-pressed');\n } else {\n playBtn.classList.remove('active-pressed');\n }\n\n requestAnimationFrame(pollGamepad);\n}\n\n// Check individual button press\nfunction checkButton(gamepad, buttonIndex, direction) {\n const button = gamepad.buttons[buttonIndex];\n const onscreenButton = dpadButtons[direction];\n\n if (button && button.pressed && !buttonStates[buttonIndex]) {\n buttonStates[buttonIndex] = true;\n onscreenButton.classList.add('active-pressed');\n handleGamepadDirection(direction);\n } else if (button && !button.pressed) {\n buttonStates[buttonIndex] = false;\n onscreenButton.classList.remove('active-pressed');\n }\n}\n\n// Handle gamepad direction input\nfunction handleGamepadDirection(direction) {\n const soundFile = getRandomSound(direction);\n const soundName = soundMap[direction].name;\n playSound(soundFile, soundName);\n}\n",[141],"ce1edf62-bce0-11f0-b27c-42dde27851f2","main.ts",4,["D",1762633416449],"import { staticHTTPServer } from \"https://esm.town/v/std/utils\";\n\nexport default staticHTTPServer(import.meta.url);","ryi-gamecube",[149],"ce4598c8-bce0-11f0-a5bb-42dde27851f2",["D",1762633416463],[27],"ce136ff6-bce0-11f0-9717-42dde27851f2","deno.json","ce137104-bce0-11f0-9717-42dde27851f2",2,["D",1762633416447],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[159],"ce2fa086-bce0-11f0-bda5-42dde27851f2",".vtignore","ce2fa14e-bce0-11f0-bda5-42dde27851f2",6,["D",1762633416632],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[166],"cdf8988e-bce0-11f0-b27c-42dde27851f2","sounds","cdf89942-bce0-11f0-b27c-42dde27851f2",1,["D",1762633416266],"directory",[173],"pulls","branches","forks","envVars",{"_186":60,"_188":60},"connections",{"_186":60,"_187":60},"count","unfilledCount","emptyCount",{"_40":172,"_31":173,"_29":174,"_133":-5,"_38":39,"_37":175,"_135":56,"_35":215,"_13":60,"_32":177,"_33":-5,"_23":24,"_138":-5,"_197":216,"_26":217},{"_40":165,"_31":166,"_29":167,"_133":-5,"_38":39,"_37":168,"_135":24,"_35":212,"_13":60,"_32":20,"_33":170,"_23":24,"_138":-5,"_197":213,"_26":214},{"_40":158,"_31":159,"_29":160,"_133":-5,"_38":39,"_37":161,"_135":56,"_35":209,"_13":60,"_32":20,"_33":163,"_23":24,"_138":-5,"_197":210,"_26":211},{"_40":155,"_31":27,"_29":30,"_133":-5,"_38":39,"_37":14,"_135":56,"_35":206,"_13":60,"_32":20,"_33":34,"_23":24,"_138":-5,"_197":207,"_26":208},{"_40":148,"_31":149,"_29":54,"_133":-5,"_38":39,"_37":150,"_135":24,"_35":203,"_13":60,"_32":145,"_33":152,"_23":24,"_138":153,"_197":204,"_26":205},{"_40":140,"_31":141,"_29":142,"_133":-5,"_38":39,"_37":143,"_135":24,"_35":200,"_13":60,"_32":145,"_33":146,"_23":24,"_138":-5,"_197":201,"_26":202},{"_40":130,"_31":131,"_29":132,"_133":-5,"_38":39,"_37":134,"_135":24,"_35":196,"_13":60,"_32":20,"_33":137,"_23":24,"_138":-5,"_197":198,"_26":199},["D",1762633416456],"children",[],[131],["D",1762633416466],[],[141],["D",1762633416449],[],[149],["D",1762633416463],[],[27],["D",1762633416447],[],[159],["D",1762633416632],[],[166],["D",1762633416266],[],[173],["D",1762632862699],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_40":39,"_85":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":42,"_92":93},"ctx",{"_76":-5,"_120":255,"_256":257,"_258":259,"_260":24,"_261":24,"_262":24,"_263":56,"_264":-5,"_265":-7,"_266":-7,"_267":60,"_268":24,"_269":24,"_270":-5,"_271":24,"_272":24,"_273":24,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":84,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v7