[{"_1":2,"_136":-5,"_137":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_135":-5,"_132":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_57":58,"_59":60,"_61":60,"_62":63,"_64":60,"_65":43,"_66":43,"_67":60,"_68":60,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_94":-5,"_95":17,"_96":97,"_132":33,"_133":134},"id","4e2d59331ef81538d7b5","isMyApp",false,"name","obelisk.desktop","description","Experience the nostalgic thrill of a Windows desktop right in your browser! Orana.desktop recreates that familiar OS feeling with clickable Windows 10 icons that transport you to custom destinations of your choice.","brief","Your virtual Windows desktop experience with custom-linked icons that go wherever you want!","isLive",true,"isPublic","tags",[29,30,31],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/4e2d59331ef81538d7b5/82963_eefafdb3.webp","cdnUrl","https://cdn.dev.fun/app/4e2d59331ef81538d7b5/82963","createdAt",["D",1745589801640],"updatedAt",["D",1750095212318],"lastCommitId",["B","82963"],"tier",1,"credits",-3,{"_14":47,"_48":49,"_50":-5,"_51":49,"_52":53,"_54":-5,"_55":56},"1aa7c798-474b-45e9-8d33-3e8766f34116","uniqueId","FPTHQgokqmRLWhGj8nSYLM3YTUHjmLNJDgVocArJ2Wvy","username","solanaWallet","displayName","FPT...Wvy","bio","avatar","/avatar.svg","commitCount",188,"forkCount",0,"likeCount","runsCount",192,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","BGQruvvSnH811BEJnxHqfZWzJBCfMS9P2g2iK24cpump","code","import { useState, useEffect, useRef } from 'react';\nimport { X, Minimize, Maximize2, Menu, Send, ArrowRight, TrendingUp, DollarSign, BarChart2, Info, ChevronDown, ChevronUp, RefreshCw, Search, Trophy, Plus, Minus, Volume2, VolumeX } from 'lucide-react';\nimport { useChat } from 'ai/react';\nfunction SpaceGameApp() {\n const canvasRef = useRef(null);\n const gameContainerRef = useRef(null);\n const [gameOver, setGameOver] = useState(false);\n const [score, setScore] = useState(0);\n const [, setLevel] = useState(1);\n const [gameStarted, setGameStarted] = useState(false);\n const [playerName, setPlayerName] = useState('');\n const [showNameInput, setShowNameInput] = useState(true);\n const [leaderboard, setLeaderboard] = useState([]);\n const [, setShowLeaderboard] = useState(true);\n const [nameError, setNameError] = useState('');\n const [showClearConfirm, setShowClearConfirm] = useState(false);\n const [windowDimensions, setWindowDimensions] = useState({\n width: window.innerWidth,\n height: window.innerHeight\n });\n const gameStateRef = useRef({\n player: {\n x: 0,\n y: 0,\n width: 25,\n height: 30,\n speed: 12.96,\n color: '#4ade80'\n },\n projectiles: [],\n projectilePool: [],\n enemies: [],\n lastEnemySpawn: 0,\n enemySpawnInterval: 1500,\n lastShot: 0,\n shotInterval: 300,\n keysPressed: {},\n animationId: null,\n score: 0,\n level: 1,\n enemiesDestroyed: 0,\n lastFrameTime: 0,\n fps: 60,\n backgroundStars: []\n });\n useEffect(() => {\n const savedLeaderboard = localStorage.getItem('spaceGameLeaderboard');\n if (savedLeaderboard) {\n setLeaderboard(JSON.parse(savedLeaderboard));\n }\n const stars = [];\n for (let i = 0; i < 100; i++) {\n stars.push({\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n size: Math.random() * 2,\n speed: Math.random() * 0.3 + 0.1\n });\n }\n gameStateRef.current.backgroundStars = stars;\n }, []);\n const startGame = () => {\n if (!playerName.trim()) {\n setNameError('Please enter your nickname to start the game!');\n return;\n }\n setNameError('');\n resizeCanvas();\n const canvas = canvasRef.current;\n const gameState = gameStateRef.current;\n gameState.player.x = canvas.width / 2 - gameState.player.width / 2;\n gameState.player.y = canvas.height - gameState.player.height - 40;\n gameState.projectiles = [];\n gameState.enemies = [];\n gameState.lastEnemySpawn = 0;\n gameState.enemySpawnInterval = 1500;\n gameState.score = 0;\n gameState.level = 1;\n gameState.enemiesDestroyed = 0;\n setScore(0);\n setLevel(1);\n setGameOver(false);\n setGameStarted(true);\n setShowNameInput(false);\n setShowLeaderboard(true);\n gameLoop();\n };\n const saveScore = () => {\n if (!playerName) return;\n const newEntry = {\n id: Date.now(),\n name: playerName,\n score,\n date: new Date().toISOString()\n };\n let updatedLeaderboard = [...leaderboard, newEntry];\n updatedLeaderboard = updatedLeaderboard.sort((a, b) => b.score - a.score);\n setLeaderboard(updatedLeaderboard);\n localStorage.setItem('spaceGameLeaderboard', JSON.stringify(updatedLeaderboard));\n setShowLeaderboard(true);\n setTimeout(() => {\n const newEntryElement = document.getElementById(`leaderboard-entry-${newEntry.id}`);\n if (newEntryElement) {\n newEntryElement.scrollIntoView({\n behavior: 'smooth',\n block: 'center'\n });\n }\n }, 300);\n };\n const clearLeaderboard = () => {\n setLeaderboard([]);\n localStorage.removeItem('spaceGameLeaderboard');\n setShowClearConfirm(false);\n };\n const gameLoop = timestamp => {\n const canvas = canvasRef.current;\n const ctx = canvas.getContext('2d');\n const gameState = gameStateRef.current;\n if (!gameState.lastFrameTime) {\n gameState.lastFrameTime = timestamp;\n }\n const deltaTime = timestamp - gameState.lastFrameTime;\n gameState.lastFrameTime = timestamp;\n if (canvas.width !== canvas.clientWidth || canvas.height !== canvas.clientHeight || canvas.width < 50 || canvas.height < 50) {\n resizeCanvas();\n }\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n drawBackground(ctx, canvas, gameState);\n if (gameState.keysPressed['a'] || gameState.keysPressed['ArrowLeft'] || gameState.keysPressed['ф'] || gameState.keysPressed['Ф']) {\n gameState.player.x = Math.max(0, gameState.player.x - gameState.player.speed * (deltaTime / 16.67));\n }\n if (gameState.keysPressed['d'] || gameState.keysPressed['ArrowRight'] || gameState.keysPressed['в'] || gameState.keysPressed['В']) {\n gameState.player.x = Math.min(canvas.width - gameState.player.width, gameState.player.x + gameState.player.speed * (deltaTime / 16.67));\n }\n gameState.player.y = canvas.height - gameState.player.height - 40;\n const now = Date.now();\n if (now - gameState.lastShot > gameState.shotInterval) {\n let projectile;\n if (gameState.projectilePool.length > 0) {\n projectile = gameState.projectilePool.pop();\n projectile.x = gameState.player.x + gameState.player.width / 2 - 1;\n projectile.y = gameState.player.y;\n } else {\n projectile = {\n x: gameState.player.x + gameState.player.width / 2 - 1,\n y: gameState.player.y,\n width: 2,\n height: 7.5,\n speed: 8,\n color: '#60a5fa'\n };\n }\n gameState.projectiles.push(projectile);\n gameState.lastShot = now;\n }\n if (now - gameState.lastEnemySpawn > gameState.enemySpawnInterval) {\n const enemyWidth = 26;\n const enemyHeight = 26;\n const enemyX = Math.random() * (canvas.width - enemyWidth);\n gameState.enemies.push({\n x: enemyX,\n y: -enemyHeight,\n width: enemyWidth,\n height: enemyHeight,\n speed: 2 + (gameState.level - 1) * 0.5,\n color: '#ef4444'\n });\n gameState.lastEnemySpawn = now;\n }\n for (let i = gameState.projectiles.length - 1; i >= 0; i--) {\n const projectile = gameState.projectiles[i];\n projectile.y -= projectile.speed * (deltaTime / 16.67);\n if (projectile.y + projectile.height < 0) {\n gameState.projectilePool.push(projectile);\n gameState.projectiles.splice(i, 1);\n continue;\n }\n ctx.fillStyle = projectile.color;\n ctx.fillRect(projectile.x, projectile.y, projectile.width, projectile.height);\n }\n for (let i = gameState.enemies.length - 1; i >= 0; i--) {\n const enemy = gameState.enemies[i];\n enemy.y += enemy.speed;\n if (enemy.y + enemy.height >= canvas.height) {\n cancelAnimationFrame(gameState.animationId);\n setGameOver(true);\n setGameStarted(false);\n saveScore();\n return;\n }\n let hitByProjectile = false;\n for (let j = gameState.projectiles.length - 1; j >= 0; j--) {\n const projectile = gameState.projectiles[j];\n if (projectile.x < enemy.x + enemy.width && projectile.x + projectile.width > enemy.x && projectile.y < enemy.y + enemy.height && projectile.y + projectile.height > enemy.y) {\n gameState.projectiles.splice(j, 1);\n hitByProjectile = true;\n gameState.score += 10;\n gameState.enemiesDestroyed++;\n setScore(gameState.score);\n if (gameState.enemiesDestroyed % 100 === 0 && gameState.level < 3) {\n gameState.level++;\n gameState.enemySpawnInterval = Math.max(500, gameState.enemySpawnInterval - 300);\n setLevel(gameState.level);\n }\n break;\n }\n }\n if (hitByProjectile) {\n createExplosion(ctx, enemy.x + enemy.width / 2, enemy.y + enemy.height / 2, gameState.level);\n gameState.enemies.splice(i, 1);\n continue;\n }\n if (gameState.player.x < enemy.x + enemy.width && gameState.player.x + gameState.player.width > enemy.x && gameState.player.y < enemy.y + enemy.height && gameState.player.y + gameState.player.height > enemy.y) {\n cancelAnimationFrame(gameState.animationId);\n setGameOver(true);\n setGameStarted(false);\n saveScore();\n return;\n }\n drawEnemy(ctx, enemy);\n }\n drawPlayer(ctx, gameState.player);\n drawHUD(ctx, canvas, gameState);\n gameState.animationId = requestAnimationFrame(gameLoop);\n };\n const drawBackground = (ctx, canvas, gameState) => {\n ctx.fillStyle = '#0f172a';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n ctx.fillStyle = 'white';\n if (gameState && gameState.backgroundStars) {\n const stars = gameState.backgroundStars;\n for (let i = 0; i < stars.length; i++) {\n const star = stars[i];\n star.y += star.speed;\n if (star.y > canvas.height) {\n star.y = 0;\n star.x = Math.random() * canvas.width;\n }\n const x = star.x % canvas.width;\n const y = star.y % canvas.height;\n const glow = star.size * 0.5;\n ctx.shadowBlur = glow;\n ctx.shadowColor = 'rgba(255, 255, 255, 0.5)';\n ctx.fillRect(x, y, star.size, star.size);\n ctx.shadowBlur = 0;\n }\n }\n };\n const drawPlayer = (ctx, player) => {\n ctx.fillStyle = player.color;\n ctx.beginPath();\n ctx.moveTo(player.x + player.width / 2, player.y);\n ctx.lineTo(player.x + player.width, player.y + player.height);\n ctx.lineTo(player.x, player.y + player.height);\n ctx.closePath();\n ctx.fill();\n ctx.fillStyle = '#60a5fa';\n ctx.beginPath();\n ctx.ellipse(player.x + player.width / 2, player.y + player.height / 2, player.width / 4, player.height / 6, 0, 0, Math.PI * 2);\n ctx.fill();\n ctx.fillStyle = '#f97316';\n ctx.fillRect(player.x + player.width / 4 - 1.25, player.y + player.height, 2.5, 1.25 + Math.random() * 1.25);\n ctx.fillRect(player.x + player.width * 3 / 4 - 1.25, player.y + player.height, 2.5, 1.25 + Math.random() * 1.25);\n };\n const drawEnemy = (ctx, enemy) => {\n ctx.fillStyle = enemy.color;\n ctx.beginPath();\n ctx.moveTo(enemy.x + enemy.width / 2, enemy.y + enemy.height);\n ctx.lineTo(enemy.x + enemy.width, enemy.y);\n ctx.lineTo(enemy.x, enemy.y);\n ctx.closePath();\n ctx.fill();\n ctx.fillStyle = '#8b5cf6';\n ctx.beginPath();\n ctx.ellipse(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2, enemy.width / 4, enemy.height / 6, 0, 0, Math.PI * 2);\n ctx.fill();\n };\n const createExplosion = (ctx, x, y, level) => {\n const particles = [];\n const particleCount = Math.min(15 + level * 5, 25);\n for (let i = 0; i < particleCount; i++) {\n const angle = Math.random() * Math.PI * 2;\n const speed = Math.random() * 2 + 1;\n particles.push({\n x,\n y,\n vx: Math.cos(angle) * speed,\n vy: Math.sin(angle) * speed,\n radius: Math.random() * 3 + 1,\n color: `hsl(${Math.random() * 30 + 15}, 100%, 50%)`,\n life: 20\n });\n }\n let animationId;\n function animateParticles() {\n if (particles.length === 0) return;\n for (let i = particles.length - 1; i >= 0; i--) {\n const p = particles[i];\n p.x += p.vx;\n p.y += p.vy;\n p.life--;\n if (p.life <= 0) {\n particles.splice(i, 1);\n continue;\n }\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n ctx.fill();\n }\n if (particles.length > 0) {\n animationId = requestAnimationFrame(animateParticles);\n } else {\n cancelAnimationFrame(animationId);\n }\n }\n animateParticles();\n };\n const drawHUD = (ctx, canvas, gameState) => {\n ctx.fillStyle = 'white';\n ctx.font = '12px Arial';\n ctx.textAlign = 'left';\n ctx.fillText(`Score: ${gameState.score}`, 10, 20);\n ctx.textAlign = 'right';\n ctx.fillText(`Level: ${gameState.level}`, canvas.width - 10, 20);\n };\n useEffect(() => {\n const handleResize = () => {\n setWindowDimensions({\n width: window.innerWidth,\n height: window.innerHeight\n });\n if (canvasRef.current) {\n resizeCanvas();\n }\n };\n handleResize();\n setTimeout(handleResize, 100);\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n const resizeCanvas = () => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const container = gameContainerRef.current;\n if (!container) return;\n const containerRect = container.getBoundingClientRect();\n canvas.width = containerRect.width;\n canvas.height = containerRect.height;\n const gameState = gameStateRef.current;\n gameState.player.x = canvas.width / 2 - gameState.player.width / 2;\n gameState.player.y = canvas.height - gameState.player.height - 40;\n if (canvas.width < 400 || canvas.height < 300) {\n gameState.player.width = Math.max(20, canvas.width * 0.05);\n gameState.player.height = Math.max(25, canvas.height * 0.06);\n } else {\n gameState.player.width = 25;\n gameState.player.height = 30;\n }\n const ctx = canvas.getContext('2d');\n drawBackground(ctx, canvas, gameState);\n drawPlayer(ctx, gameState.player);\n };\n useEffect(() => {\n const canvas = canvasRef.current;\n resizeCanvas();\n const handleKeyDown = e => {\n const key = e.key.toLowerCase();\n gameStateRef.current.keysPressed[key] = true;\n if (key === 'ф') gameStateRef.current.keysPressed['a'] = true;\n if (key === 'в') gameStateRef.current.keysPressed['d'] = true;\n };\n const handleKeyUp = e => {\n const key = e.key.toLowerCase();\n gameStateRef.current.keysPressed[key] = false;\n if (key === 'ф') gameStateRef.current.keysPressed['a'] = false;\n if (key === 'в') gameStateRef.current.keysPressed['d'] = false;\n };\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('keyup', handleKeyUp);\n const gameState = gameStateRef.current;\n const ctx = canvas.getContext('2d');\n drawBackground(ctx, canvas, gameState);\n drawPlayer(ctx, gameState.player);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('keyup', handleKeyUp);\n cancelAnimationFrame(gameState.animationId);\n };\n }, [windowDimensions]);\n const handleNameChange = e => {\n setPlayerName(e.target.value);\n };\n return

\n {!gameStarted &&

Space Shooter

\n \n {gameOver &&

Game Over

Score: {score}

}\n \n

\n {showNameInput &&

Enter Your Nickname

\n \n {nameError &&

{nameError}

}\n

Your nickname will appear on the leaderboard

}\n \n

🏆 GLOBAL LEADERBOARD 🏆

\n \n

Showing all gameplay history

\n \n

\n \n {showClearConfirm &&

Are you sure you want to clear all records?

\n \n \n

}\n \n

PLAYER

SCORE

DATE

\n \n {leaderboard.length > 0 ? leaderboard.map((entry, index) =>

\n \n {index + 1}\n \n

{entry.name}

{entry.score.toLocaleString()}

\n {entry.date ? new Date(entry.date).toLocaleDateString(undefined, {\n month: 'short',\n day: 'numeric'\n }) : ''}\n

) :

\n \n

No scores yet

Play a game to set a record!

}\n

\n \n {gameOver &&

\n Your final score: {score}\n {score > 0 && playerName &&

Keep playing to improve your rank!

}\n

\n \n

How to Play:

Controls: A/D or Arrow Keys to move

Auto-fire enabled

Game ends if enemies reach the bottom!

Your score is saved to the leaderboard when game ends

}\n

;\n}\nfunction SlotMachineApp() {\n const [credits, setCredits] = useState(1000);\n const [bet, setBet] = useState(10);\n const [isSpinning, setIsSpinning] = useState(false);\n const [freeSpinsLeft, setFreeSpinsLeft] = useState(0);\n const [freeSpinMultiplier, setFreeSpinMultiplier] = useState(1);\n const [totalWin, setTotalWin] = useState(0);\n const [isFreeSpin, setIsFreeSpin] = useState(false);\n const [showReloadButton, setShowReloadButton] = useState(false);\n const autoSpinTimeoutRef = useRef(null);\n const freeSpinTimeoutRef = useRef(null);\n const spinButtonRef = useRef(null);\n const gameContainerRef = useRef(null);\n useEffect(() => {\n const handleKeyDown = e => {\n if (e.code === 'Space' && !isSpinning && !isFreeSpin && credits >= bet) {\n e.preventDefault();\n if (spinButtonRef.current) {\n spinButtonRef.current.classList.add('animate-pulse');\n setTimeout(() => {\n spinButtonRef.current.classList.remove('animate-pulse');\n }, 200);\n }\n spinReels();\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [isSpinning, isFreeSpin, credits, bet]);\n const symbols = [{\n id: 0,\n name: \"cherry\",\n emoji: \"🍒\",\n type: \"regular\",\n weight: 30\n }, {\n id: 1,\n name: \"lemon\",\n emoji: \"🍋\",\n type: \"regular\",\n weight: 25\n }, {\n id: 2,\n name: \"orange\",\n emoji: \"🍊\",\n type: \"regular\",\n weight: 20\n }, {\n id: 3,\n name: \"peach\",\n emoji: \"🍑\",\n type: \"regular\",\n weight: 15\n }, {\n id: 4,\n name: \"bell\",\n emoji: \"🔔\",\n type: \"regular\",\n weight: 6\n }, {\n id: 5,\n name: \"wild\",\n emoji: \"⭐\",\n type: \"wild\",\n weight: 3\n }, {\n id: 6,\n name: \"scatter\",\n isImage: true,\n imageUrl: \"https://cdn.dev.fun/asset/4e2d59331ef81538d7b5/ChatGPT%20Image%2029%20мая%202025%20г.,%2000_11_32_2ef69d09.png\",\n type: \"scatter\",\n weight: 1\n }];\n const paylines = [[0, 1, 2, 3, 4], [5, 6, 7, 8, 9], [10, 11, 12, 13, 14], [0, 6, 12, 8, 4], [10, 6, 2, 8, 14], [0, 1, 7, 13, 14], [10, 11, 7, 3, 4], [0, 6, 7, 8, 14], [10, 6, 7, 8, 4], [5, 1, 2, 3, 9]];\n const paytable = {\n 0: {\n 3: 5,\n 4: 15,\n 5: 50\n },\n 1: {\n 3: 6,\n 4: 18,\n 5: 60\n },\n 2: {\n 3: 7,\n 4: 20,\n 5: 70\n },\n 3: {\n 3: 8,\n 4: 25,\n 5: 90\n },\n 4: {\n 3: 10,\n 4: 40,\n 5: 200\n },\n 5: {\n 3: 15,\n 4: 100,\n 5: 500\n }\n };\n const scatterConfig = {\n symbolId: 6,\n payouts: {\n 3: 2,\n 4: 20,\n 5: 200\n },\n freespins: {\n trigger: 3,\n spins: 10,\n multiplier: 2\n }\n };\n const rules = {\n winDirection: \"left_to_right\",\n wildSubstitutes: \"any_regular_or_wild\",\n minSymbolsToPay: 3\n };\n const [, setGrid] = useState(Array(15).fill(0));\n const [, setWinAmount] = useState(0);\n const [showWin, setShowWin] = useState(false);\n const [winLines, setWinLines] = useState([]);\n const [muted, setMuted] = useState(false);\n const [, setSpinCompleted] = useState(true);\n const [highlightedPositions, setHighlightedPositions] = useState([]);\n const [winningSymbols, setWinningSymbols] = useState({});\n const [visibleGrid, setVisibleGrid] = useState(Array(15).fill(0));\n const spinSound = useRef(null);\n const winSound = useRef(null);\n const buttonSound = useRef(null);\n const jackpotSound = useRef(null);\n const freeSpinSound = useRef(null);\n useEffect(() => {\n const createAudio = url => {\n const audio = new Audio();\n audio.addEventListener('error', () => {});\n audio.src = url;\n return audio;\n };\n try {\n spinSound.current = createAudio('https://assets.mixkit.co/active_storage/sfx/212/212-preview.mp3');\n winSound.current = createAudio('https://assets.mixkit.co/active_storage/sfx/270/270-preview.mp3');\n buttonSound.current = createAudio('https://assets.mixkit.co/active_storage/sfx/270/270-preview.mp3');\n jackpotSound.current = createAudio('https://assets.mixkit.co/active_storage/sfx/181/181-preview.mp3');\n freeSpinSound.current = createAudio('https://assets.mixkit.co/active_storage/sfx/147/147-preview.mp3');\n if (spinSound.current) spinSound.current.volume = 0.3;\n if (winSound.current) winSound.current.volume = 0.3;\n if (buttonSound.current) buttonSound.current.volume = 0.2;\n if (jackpotSound.current) jackpotSound.current.volume = 0.4;\n if (freeSpinSound.current) freeSpinSound.current.volume = 0.4;\n } catch (err) {}\n const updateMuteState = () => {\n try {\n if (spinSound.current) spinSound.current.muted = muted;\n if (winSound.current) winSound.current.muted = muted;\n if (buttonSound.current) buttonSound.current.muted = muted;\n if (jackpotSound.current) jackpotSound.current.muted = muted;\n if (freeSpinSound.current) freeSpinSound.current.muted = muted;\n } catch (err) {}\n };\n updateMuteState();\n return () => {\n try {\n const cleanupAudio = audio => {\n if (!audio) return;\n try {\n audio.pause();\n audio.src = '';\n audio.load();\n } catch (err) {}\n };\n cleanupAudio(spinSound.current);\n cleanupAudio(winSound.current);\n cleanupAudio(buttonSound.current);\n cleanupAudio(jackpotSound.current);\n cleanupAudio(freeSpinSound.current);\n if (freeSpinTimeoutRef.current) {\n clearTimeout(freeSpinTimeoutRef.current);\n }\n } catch (err) {}\n if (gameContainerRef.current) {\n const confettiContainer = gameContainerRef.current.querySelector('#confetti-container');\n if (confettiContainer) {\n confettiContainer.remove();\n }\n }\n const animElements = document.querySelectorAll('.animate-pulse, .animate-bounce, .animate-spin');\n animElements.forEach(elem => {\n elem.classList.remove('animate-pulse', 'animate-bounce', 'animate-spin');\n });\n };\n }, [muted]);\n const playSound = sound => {\n if (muted || !sound || !sound.current) return;\n try {\n sound.current.currentTime = 0;\n sound.current.play().catch(e => {});\n } catch (err) {}\n };\n const generateRandomSymbols = () => {\n return Array(15).fill(0).map(() => {\n const randomValue = Math.random() * symbols.reduce((sum, symbol) => sum + symbol.weight, 0);\n let weightSum = 0;\n for (const symbol of symbols) {\n weightSum += symbol.weight;\n if (randomValue < weightSum) {\n return symbol.id;\n }\n }\n return 0;\n });\n };\n const spinReels = () => {\n if (isSpinning || credits < bet && !isFreeSpin) {\n return;\n }\n if (freeSpinTimeoutRef.current) {\n clearTimeout(freeSpinTimeoutRef.current);\n freeSpinTimeoutRef.current = null;\n }\n playSound(spinSound);\n setIsSpinning(true);\n setSpinCompleted(false);\n setWinAmount(0);\n setShowWin(false);\n setWinLines([]);\n setHighlightedPositions([]);\n setWinningSymbols({});\n if (!isFreeSpin) {\n setCredits(prev => {\n const newCredits = prev - bet;\n if (newCredits <= 0) {\n setShowReloadButton(true);\n if (autoSpinTimeoutRef.current) {\n clearTimeout(autoSpinTimeoutRef.current);\n autoSpinTimeoutRef.current = null;\n }\n }\n return newCredits;\n });\n }\n const newGrid = generateRandomSymbols();\n const reelDelays = [400, 600, 800, 1000, 1200];\n setVisibleGrid(Array(15).fill(-1));\n reelDelays.forEach((delay, reelIndex) => {\n setTimeout(() => {\n setVisibleGrid(prev => {\n const newVisibleGrid = [...prev];\n for (let row = 0; row < 3; row++) {\n const gridIndex = row * 5 + reelIndex;\n newVisibleGrid[gridIndex] = newGrid[gridIndex];\n }\n return newVisibleGrid;\n });\n if (reelIndex === reelDelays.length - 1) {\n setTimeout(() => {\n setGrid(newGrid);\n const results = calculateWinnings(newGrid, isFreeSpin);\n handleWinResults(results, newGrid);\n setIsSpinning(false);\n setSpinCompleted(true);\n if (results.triggeredFreeSpins && !isFreeSpin) {\n playSound(freeSpinSound);\n setFreeSpinsLeft(scatterConfig.freespins.spins);\n setFreeSpinMultiplier(scatterConfig.freespins.multiplier);\n setIsFreeSpin(true);\n } else if (isFreeSpin) {\n setFreeSpinsLeft(prev => {\n const newValue = prev - 1;\n if (newValue <= 0) {\n setIsFreeSpin(false);\n setFreeSpinMultiplier(1);\n }\n return newValue;\n });\n }\n if (isFreeSpin && freeSpinsLeft > 1) {\n if (freeSpinTimeoutRef.current) {\n clearTimeout(freeSpinTimeoutRef.current);\n }\n freeSpinTimeoutRef.current = setTimeout(() => {\n if (!isSpinning) {\n spinReels();\n }\n }, 2000);\n }\n }, 500);\n }\n }, delay);\n });\n };\n const calculateWinnings = (currentGrid, isFreeSpin = false) => {\n let totalWin = 0;\n const winningLines = [];\n const winSymbols = {};\n const highlightedPositions = [];\n const scatterPositions = [];\n let scatterCount = 0;\n currentGrid.forEach((symbolId, index) => {\n if (symbolId === scatterConfig.symbolId) {\n scatterCount++;\n scatterPositions.push(index);\n }\n });\n paylines.forEach((payline, paylineIndex) => {\n const lineSymbols = payline.map(position => currentGrid[position]);\n let streakSymbol = null;\n let streakLength = 0;\n let containsWild = false;\n let isWildStreak = false;\n for (let i = 0; i < lineSymbols.length; i++) {\n const currentSymbol = lineSymbols[i];\n const isWild = currentSymbol === 5;\n if (i === 0) {\n streakSymbol = isWild ? null : currentSymbol;\n streakLength = 1;\n containsWild = isWild;\n isWildStreak = isWild;\n } else {\n if (currentSymbol === streakSymbol || isWild || streakSymbol === null && currentSymbol !== scatterConfig.symbolId) {\n streakLength++;\n containsWild = containsWild || isWild;\n if (streakSymbol === null && !isWild && currentSymbol !== scatterConfig.symbolId) {\n streakSymbol = currentSymbol;\n }\n } else {\n break;\n }\n }\n }\n if (isWildStreak) {\n streakSymbol = 5;\n }\n if (streakLength >= rules.minSymbolsToPay && streakSymbol !== null && streakSymbol !== scatterConfig.symbolId) {\n if (paytable[streakSymbol] && paytable[streakSymbol][streakLength]) {\n const lineWin = paytable[streakSymbol][streakLength] * bet / 10;\n totalWin += lineWin;\n if (!winSymbols[streakSymbol]) {\n winSymbols[streakSymbol] = 0;\n }\n winSymbols[streakSymbol] += lineWin;\n for (let i = 0; i < streakLength; i++) {\n highlightedPositions.push(payline[i]);\n }\n winningLines.push({\n paylineIndex,\n lineIndices: payline,\n streakLength,\n symbolId: streakSymbol,\n win: lineWin,\n containsWild\n });\n }\n }\n });\n let triggeredFreeSpins = false;\n if (scatterCount >= rules.minSymbolsToPay) {\n const scatterWin = scatterConfig.payouts[scatterCount] * bet;\n totalWin += scatterWin;\n scatterPositions.forEach(pos => {\n if (!highlightedPositions.includes(pos)) {\n highlightedPositions.push(pos);\n }\n });\n if (!winSymbols[scatterConfig.symbolId]) {\n winSymbols[scatterConfig.symbolId] = 0;\n }\n winSymbols[scatterConfig.symbolId] += scatterWin;\n if (scatterCount >= scatterConfig.freespins.trigger) {\n triggeredFreeSpins = true;\n }\n winningLines.push({\n isScatter: true,\n symbolId: scatterConfig.symbolId,\n count: scatterCount,\n win: scatterWin,\n positions: scatterPositions\n });\n }\n if (isFreeSpin) {\n totalWin *= freeSpinMultiplier;\n winningLines.forEach(line => {\n line.win *= freeSpinMultiplier;\n });\n }\n return {\n totalWin,\n winningLines,\n highlightedPositions,\n winSymbols,\n triggeredFreeSpins\n };\n };\n const handleWinResults = (results, currentGrid) => {\n const {\n totalWin,\n winningLines,\n highlightedPositions,\n winSymbols,\n triggeredFreeSpins\n } = results;\n setHighlightedPositions(highlightedPositions);\n setWinningSymbols(winSymbols);\n if (totalWin > 0) {\n setCredits(prev => prev + totalWin);\n setWinAmount(totalWin);\n setShowWin(true);\n setWinLines(winningLines);\n if (totalWin > bet * 20) {\n playSound(jackpotSound);\n } else {\n playSound(winSound);\n }\n createWinAnimation(totalWin, triggeredFreeSpins);\n setTotalWin(prev => prev + totalWin);\n setTimeout(() => {\n setShowWin(false);\n }, 2000);\n }\n };\n const createWinAnimation = (winAmount, isFreeSpin) => {\n const parentContainer = gameContainerRef.current;\n if (!parentContainer) return;\n let confettiContainer = parentContainer.querySelector('#confetti-container');\n if (!confettiContainer) {\n confettiContainer = document.createElement('div');\n confettiContainer.id = 'confetti-container';\n confettiContainer.style.position = 'absolute';\n confettiContainer.style.inset = '0';\n confettiContainer.style.overflow = 'hidden';\n confettiContainer.style.pointerEvents = 'none';\n confettiContainer.style.zIndex = '50';\n parentContainer.appendChild(confettiContainer);\n }\n confettiContainer.innerHTML = '';\n const confettiCount = Math.min(300, Math.max(100, Math.floor(winAmount / bet * 50)));\n const colors = ['#FFC700', '#FF0000', '#2E3191', '#41BBC7', '#FC6E9D', '#53D86A', '#FCCB00'];\n for (let i = 0; i < confettiCount; i++) {\n const confetti = document.createElement('div');\n const randomColor = colors[Math.floor(Math.random() * colors.length)];\n confetti.style.position = 'absolute';\n confetti.style.width = `${Math.random() * 10 + 5}px`;\n confetti.style.height = `${Math.random() * 5 + 5}px`;\n confetti.style.backgroundColor = randomColor;\n confetti.style.borderRadius = Math.random() > 0.5 ? '50%' : '0';\n confetti.style.left = `${Math.random() * 100}%`;\n confetti.style.top = `${Math.random() * 20}%`;\n confetti.style.opacity = Math.random() + 0.5;\n confetti.style.transform = `rotate(${Math.random() * 360}deg)`;\n confetti.style.animation = `confetti-fall ${Math.random() * 3 + 2}s linear forwards`;\n confettiContainer.appendChild(confetti);\n setTimeout(() => {\n if (confetti.parentNode) {\n confetti.remove();\n }\n }, 5000);\n }\n const winText = document.createElement('div');\n winText.innerText = isFreeSpin ? 'FREE SPINS!' : winAmount > bet * 10 ? 'BIG WIN!' : 'WIN!';\n winText.style.position = 'absolute';\n winText.style.top = '40%';\n winText.style.left = '50%';\n winText.style.transform = 'translate(-50%, -50%) scale(0)';\n winText.style.fontSize = '6rem';\n winText.style.fontWeight = 'bold';\n winText.style.color = isFreeSpin ? '#41BBC7' : winAmount > bet * 10 ? '#FFA500' : '#FFD700';\n winText.style.textShadow = `0 0 10px rgba(${isFreeSpin ? '65, 187, 199' : winAmount > bet * 10 ? '255, 165, 0' : '255, 215, 0'}, 0.8), 0 0 20px rgba(${isFreeSpin ? '65, 187, 199' : winAmount > bet * 10 ? '255, 165, 0' : '255, 215, 0'}, 0.5)`;\n winText.style.zIndex = '60';\n winText.style.animation = 'win-text 2s ease-out forwards';\n confettiContainer.appendChild(winText);\n setTimeout(() => {\n winText.remove();\n }, 2000);\n const amountText = document.createElement('div');\n amountText.innerText = `${winAmount}`;\n amountText.style.position = 'absolute';\n amountText.style.top = '55%';\n amountText.style.left = '50%';\n amountText.style.transform = 'translate(-50%, -50%) scale(0)';\n amountText.style.fontSize = '4rem';\n amountText.style.fontWeight = 'bold';\n amountText.style.color = '#FFFFFF';\n amountText.style.textShadow = '0 0 10px rgba(0, 0, 0, 0.8)';\n amountText.style.zIndex = '60';\n amountText.style.animation = 'win-amount 2s ease-out forwards';\n confettiContainer.appendChild(amountText);\n setTimeout(() => {\n amountText.remove();\n }, 2000);\n if (Object.keys(winningSymbols).length > 0) {\n const symbolsText = document.createElement('div');\n symbolsText.style.position = 'absolute';\n symbolsText.style.top = '70%';\n symbolsText.style.left = '50%';\n symbolsText.style.transform = 'translate(-50%, -50%) scale(0)';\n symbolsText.style.fontSize = '1.5rem';\n symbolsText.style.fontWeight = 'bold';\n symbolsText.style.color = '#FFFFFF';\n symbolsText.style.textShadow = '0 0 5px rgba(0, 0, 0, 0.8)';\n symbolsText.style.zIndex = '60';\n symbolsText.style.animation = 'win-amount 2s ease-out forwards';\n symbolsText.style.display = 'flex';\n symbolsText.style.flexDirection = 'column';\n symbolsText.style.alignItems = 'center';\n Object.entries(winningSymbols).forEach(([symbolId, amount]) => {\n const symbolWin = document.createElement('div');\n symbolWin.style.display = 'flex';\n symbolWin.style.alignItems = 'center';\n symbolWin.style.justifyContent = 'center';\n symbolWin.style.marginBottom = '5px';\n const symbol = getSymbolById(parseInt(symbolId));\n if (symbol.isImage) {\n const img = document.createElement('img');\n img.src = symbol.imageUrl;\n img.style.width = '1.5rem';\n img.style.height = '1.5rem';\n img.style.marginRight = '0.5rem';\n img.style.objectFit = 'contain';\n symbolWin.appendChild(img);\n } else {\n const span = document.createElement('span');\n span.innerText = symbol.emoji;\n span.style.marginRight = '0.5rem';\n span.style.fontSize = '1.5rem';\n symbolWin.appendChild(span);\n }\n const amountSpan = document.createElement('span');\n amountSpan.innerText = `${amount}`;\n amountSpan.style.color = '#FFD700';\n symbolWin.appendChild(amountSpan);\n symbolsText.appendChild(symbolWin);\n });\n confettiContainer.appendChild(symbolsText);\n setTimeout(() => {\n symbolsText.remove();\n }, 2000);\n }\n };\n const increaseBet = () => {\n if (isSpinning) return;\n playSound(buttonSound);\n const increment = bet < 100 ? 10 : bet < 1000 ? 100 : bet < 10000 ? 1000 : 10000;\n setBet(prev => Math.min(prev + increment, 100000));\n };\n const decreaseBet = () => {\n if (isSpinning) return;\n playSound(buttonSound);\n const decrement = bet <= 100 ? 10 : bet <= 1000 ? 100 : bet <= 10000 ? 1000 : 10000;\n setBet(prev => Math.max(prev - decrement, 10));\n };\n const reloadDeposit = () => {\n playSound(jackpotSound);\n setCredits(1000);\n setShowReloadButton(false);\n };\n const toggleMute = () => {\n try {\n setMuted(prev => !prev);\n if (spinSound.current) spinSound.current.muted = !muted;\n if (winSound.current) winSound.current.muted = !muted;\n if (buttonSound.current) buttonSound.current.muted = !muted;\n if (jackpotSound.current) jackpotSound.current.muted = !muted;\n if (freeSpinSound.current) freeSpinSound.current.muted = !muted;\n } catch (err) {}\n };\n const getSymbolById = id => {\n return symbols.find(s => s.id === id) || symbols[0];\n };\n const renderGrid = () => {\n const rows = [];\n for (let row = 0; row < 3; row++) {\n const cells = [];\n for (let col = 0; col < 5; col++) {\n const index = row * 5 + col;\n const symbolId = visibleGrid[index];\n const isHighlighted = highlightedPositions.includes(index);\n const isSpinning = symbolId === -1;\n const symbol = getSymbolById(symbolId);\n cells.push(

\n {isSpinning ?

🎰

: symbol.isImage ? {symbol.name}

: symbol.emoji}\n

\n {index}\n

);\n }\n rows.push(

\n {cells}\n

);\n }\n return

\n {rows}\n

;\n };\n const renderPaylines = () => {\n if (!showWin || winLines.length === 0) return null;\n return

\n {winLines.map((line, index) => {\n if (line.isScatter) return null;\n const payline = paylines[line.paylineIndex];\n const points = payline.map(position => {\n const row = Math.floor(position / 5);\n const col = position % 5;\n const x = col * 20 + 10;\n const y = row * 33.33 + 16.665;\n return `${x}% ${y}%`;\n });\n const linePoints = points.slice(0, line.streakLength).join(', ');\n return ;\n })}\n

;\n };\n return

\n 🎰\n

\n OBI Slots\n

\n \n

\n {}\n

CREDITS

${credits}

\n \n

BET PER SPIN

${bet}

\n \n {freeSpinsLeft > 0 &&

FREE SPINS

{freeSpinsLeft} x{freeSpinMultiplier}

Wins are doubled!

}\n

\n \n {}\n

\n {}\n \n {}\n

\n {renderGrid()}\n {renderPaylines()}\n

\n \n {}\n

\n \n \n

\n \n \n \n

\n \n {}\n

PAYTABLE

\n Match 3 or more identical symbols left-to-right to win!\n

\n \n

\n {symbols.slice(0, 6).map(symbol =>

\n \n {symbol.emoji}{symbol.emoji}{symbol.emoji}\n \n \n {paytable[symbol.id][5]}x\n \n

)}\n

\n \n

\n Bet size: 10 to 100,000 | Use +/- buttons or press SPACEBAR to spin\n

\n \n

\n {symbols[6].emoji}{symbols[6].emoji}{symbols[6].emoji}\n SCATTER PAYS\n

\n \n {scatterConfig.payouts[3]}x Total Bet\n \n

\n 3+ Scatters award {scatterConfig.freespins.spins} FREE SPINS with x{scatterConfig.freespins.multiplier} multiplier!\n

\n \n

\n {symbols[5].emoji}\n WILD SYMBOL\n

\n Substitutes for any symbol except Scatter!\n

\n \n {}\n {totalWin > 0 &&

\n Session Winnings: ${totalWin}\n

}\n \n {showReloadButton &&

You've lost all your credits!

\n \n

}\n

\n \n {}\n \n

;\n}\nfunction ObeliskDocsApp() {\n return

\n $\"Docs\"$ \n

Obelisk AI Whitepaper

\n \n \n