[{"_1":2,"_132":-5,"_133":-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,"_130":-5,"_126":-5,"_131":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":55,"_60":57,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":17,"_67":17,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_92":-5,"_93":17,"_94":95,"_126":30,"_127":128,"_129":17},"id","69b2d29f7654b78683cc","isMyApp",false,"name","quantumcritters","description","Dive into a mind-bending dimension where your custom-created quantum creatures evolve through actual quantum randomness and your nurturing touch! Battle in the Multiverse Arena where reality itself warps mid-fight, or splice your favorite pets in the Merge Lab to create impossible hybrids that defy conventional physics.","brief","Create, evolve, and battle reality-warping quantum pets in a neon-drenched multiverse playground!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/69b2d29f7654b78683cc/75077_fa7c9e04.webp","cdnUrl","https://cdn.dev.fun/app/69b2d29f7654b78683cc/75077","createdAt",["D",1749282289074],"updatedAt",["D",1749283929940],"lastCommitId",["B","75077"],"tier",1,"credits",29,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"14ed7b53-fda0-4619-8e09-8f99fff1f12a","uniqueId","BdmpkTAbBQYRq5WUHTTCbAKCE6HbeoSzLZu1inQRrzU6","username","solanaWallet","displayName","Bdm...zU6","bio","avatar","/avatar.svg","commitCount",11,"forkCount",0,"likeCount","runsCount","downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","LDPQQ7dG37BMSHfVovW1z4ULh9x2q5NpJTZYQQKpump","code","import { startBabylon, setupTerrain } from '@devfunlabs/babylon-sdk';\nimport { Vector3, MeshBuilder, StandardMaterial, Color3, Color4, ActionManager, ExecuteCodeAction, PhysicsBody, PhysicsMotionType, PhysicsShapeBox, Quaternion, Animation, ParticleSystem, HemisphericLight, DirectionalLight, Mesh, SphereParticleEmitter } from '@babylonjs/core';\nimport { AdvancedDynamicTexture, Button, StackPanel, TextBlock, Control, Rectangle, Grid, InputText, ScrollViewer } from '@babylonjs/gui';\nimport { io } from 'socket.io-client';\nimport { StateClient } from '@devfunlabs/state-client';\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '69b2d29f7654b78683cc'\n});\nconst socket = io('wss://ws.dev.fun/app-69b2d29f7654b78683cc');\nlet player;\nlet playerBody;\nlet currentScene = 'main';\nlet currentPet = null;\nlet userPets = [];\nlet quantumCoins = 100;\nlet walletConnected = false;\nlet walletAddress = '';\nlet walletProvider = null;\nlet transactionHistory = [];\nlet isNewUser = true;\nconst petParts = {\n bodies: ['sphere', 'cube', 'cylinder', 'torus', 'icosphere'],\n appendages: ['tentacles', 'wings', 'fins', 'spikes', 'quantum-limbs'],\n colors: [new Color3(0.5, 0, 1), new Color3(0, 0.5, 1), new Color3(0, 1, 0.5), new Color3(1, 0.3, 0.7), new Color3(0.2, 0.9, 0.9)]\n};\nasync function generatePet(traits, scene) {\n const pet = new Mesh(\"quantumPet\", scene);\n let bodyType = petParts.bodies[Math.floor(Math.random() * petParts.bodies.length)];\n if (traits.includes('water-based')) bodyType = 'sphere';\n if (traits.includes('earth-based')) bodyType = 'cube';\n if (traits.includes('air-based')) bodyType = 'icosphere';\n if (traits.includes('fire-based')) bodyType = 'torus';\n let body;\n switch (bodyType) {\n case 'sphere':\n body = MeshBuilder.CreateSphere(\"petBody\", {\n diameter: 1.5\n }, scene);\n break;\n case 'cube':\n body = MeshBuilder.CreateBox(\"petBody\", {\n size: 1.3\n }, scene);\n break;\n case 'cylinder':\n body = MeshBuilder.CreateCylinder(\"petBody\", {\n height: 1.5,\n diameter: 1.2\n }, scene);\n break;\n case 'torus':\n body = MeshBuilder.CreateTorus(\"petBody\", {\n thickness: 0.3,\n diameter: 1.2\n }, scene);\n break;\n default:\n body = MeshBuilder.CreateIcoSphere(\"petBody\", {\n radius: 0.8,\n subdivisions: 3\n }, scene);\n }\n body.parent = pet;\n let colorIndex = Math.floor(Math.random() * petParts.colors.length);\n if (traits.includes('fire-based')) colorIndex = 3;\n if (traits.includes('water-based')) colorIndex = 2;\n if (traits.includes('earth-based')) colorIndex = 0;\n if (traits.includes('air-based')) colorIndex = 1;\n const material = new StandardMaterial(\"petMaterial\", scene);\n material.diffuseColor = petParts.colors[colorIndex];\n material.emissiveColor = petParts.colors[colorIndex].scale(0.5);\n material.specularPower = 64;\n body.material = material;\n if (traits.includes('sneaky') || traits.includes('intelligent')) {\n const eye1 = MeshBuilder.CreateSphere(\"eye1\", {\n diameter: 0.3\n }, scene);\n eye1.parent = pet;\n eye1.position = new Vector3(0.3, 0.3, 0.6);\n const eye2 = MeshBuilder.CreateSphere(\"eye2\", {\n diameter: 0.3\n }, scene);\n eye2.parent = pet;\n eye2.position = new Vector3(-0.3, 0.3, 0.6);\n const eyeMaterial = new StandardMaterial(\"eyeMaterial\", scene);\n eyeMaterial.diffuseColor = new Color3(1, 1, 1);\n eyeMaterial.emissiveColor = new Color3(0.2, 0.9, 0.9);\n eye1.material = eyeMaterial;\n eye2.material = eyeMaterial;\n }\n if (traits.includes('strong') || traits.includes('brave')) {\n const appendage1 = MeshBuilder.CreateCylinder(\"limb1\", {\n height: 0.8,\n diameter: 0.2\n }, scene);\n appendage1.parent = pet;\n appendage1.position = new Vector3(0.6, -0.4, 0);\n appendage1.rotation.z = Math.PI / 4;\n const appendage2 = MeshBuilder.CreateCylinder(\"limb2\", {\n height: 0.8,\n diameter: 0.2\n }, scene);\n appendage2.parent = pet;\n appendage2.position = new Vector3(-0.6, -0.4, 0);\n appendage2.rotation.z = -Math.PI / 4;\n appendage1.material = material;\n appendage2.material = material;\n }\n if (traits.includes('quantum-shifting') || traits.includes('time-warping') || traits.includes('gravity-defying') || traits.includes('dimension-hopping')) {\n const particleSystem = new ParticleSystem(\"petParticles\", 500, scene);\n const particleEmitter = new SphereParticleEmitter(0.5);\n particleSystem.particleEmitterType = particleEmitter;\n particleSystem.emitter = body;\n particleSystem.minEmitBox = new Vector3(-0.5, -0.5, -0.5);\n particleSystem.maxEmitBox = new Vector3(0.5, 0.5, 0.5);\n particleSystem.color1 = petParts.colors[colorIndex];\n particleSystem.color2 = petParts.colors[(colorIndex + 1) % petParts.colors.length];\n particleSystem.minSize = 0.05;\n particleSystem.maxSize = 0.1;\n particleSystem.minLifeTime = 0.3;\n particleSystem.maxLifeTime = 1.0;\n particleSystem.emitRate = 50;\n particleSystem.blendMode = ParticleSystem.BLENDMODE_ADD;\n particleSystem.direction1 = new Vector3(-1, -1, -1);\n particleSystem.direction2 = new Vector3(1, 1, 1);\n particleSystem.minAngularSpeed = 0;\n particleSystem.maxAngularSpeed = Math.PI;\n particleSystem.minEmitPower = 0.5;\n particleSystem.maxEmitPower = 1.5;\n particleSystem.start();\n }\n const petData = {\n id: Date.now().toString(),\n name: `Quantum-${Math.floor(Math.random() * 9999)}`,\n traits: traits,\n level: 1,\n experience: 0,\n happiness: 100,\n energy: 100,\n health: 100,\n lastFed: Date.now(),\n lastPlayed: Date.now(),\n bodyType: bodyType,\n colorIndex: colorIndex,\n wins: 0,\n losses: 0\n };\n pet.petData = petData;\n await stateClient.createEntity('pets', petData);\n userPets.push(petData);\n return pet;\n}\nasync function fetchUserPets() {\n try {\n const pets = await stateClient.getEntities('pets');\n if (pets && pets.length > 0) {\n userPets = pets;\n return pets;\n }\n return [];\n } catch (error) {\n console.error(\"Error fetching pets:\", error);\n return [];\n }\n}\nfunction createMainHUD(scene, advancedTexture) {\n const mainPanel = new StackPanel();\n mainPanel.width = \"100%\";\n mainPanel.height = \"100%\";\n mainPanel.isVertical = true;\n advancedTexture.addControl(mainPanel);\n const headerPanel = new Grid();\n headerPanel.addColumnDefinition(0.5);\n headerPanel.addColumnDefinition(0.5);\n headerPanel.height = \"60px\";\n headerPanel.width = \"100%\";\n headerPanel.background = \"rgba(25, 10, 80, 0.7)\";\n mainPanel.addControl(headerPanel);\n const titleText = new TextBlock();\n titleText.text = \"QUANTUM PETS\";\n titleText.color = \"white\";\n titleText.fontSize = 24;\n titleText.fontWeight = \"bold\";\n headerPanel.addControl(titleText, 0, 0);\n const headerRightPanel = new StackPanel();\n headerRightPanel.isVertical = false;\n headerRightPanel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n headerRightPanel.paddingRight = \"15px\";\n headerPanel.addControl(headerRightPanel, 0, 1);\n const walletButton = Button.CreateSimpleButton(\"walletBtn\", walletConnected ? \"Wallet: \" + shortenAddress(walletAddress) : \"Connect Wallet\");\n walletButton.width = walletConnected ? \"120px\" : \"100px\";\n walletButton.height = \"30px\";\n walletButton.color = \"white\";\n walletButton.background = walletConnected ? \"rgba(0, 100, 200, 0.8)\" : \"rgba(80, 40, 170, 0.8)\";\n walletButton.cornerRadius = 5;\n walletButton.fontSize = 12;\n walletButton.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n walletButton.onPointerUpObservable.add(() => {\n if (walletConnected) {\n showWalletOptions(scene, advancedTexture);\n } else {\n showWalletConnectDialog(scene, advancedTexture);\n }\n });\n headerRightPanel.addControl(walletButton);\n const spacer = new Rectangle();\n spacer.width = \"10px\";\n spacer.height = \"1px\";\n spacer.thickness = 0;\n headerRightPanel.addControl(spacer);\n const coinsContainer = new StackPanel();\n coinsContainer.isVertical = false;\n coinsContainer.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n headerRightPanel.addControl(coinsContainer);\n const coinIcon = new TextBlock();\n coinIcon.text = \"🪙\";\n coinIcon.fontSize = 20;\n coinIcon.paddingRight = \"5px\";\n coinsContainer.addControl(coinIcon);\n const coinsText = new TextBlock();\n coinsText.text = quantumCoins.toString();\n coinsText.color = \"#00BFFF\";\n coinsText.fontSize = 20;\n coinsText.name = \"coinsText\";\n coinsContainer.addControl(coinsText);\n const petDisplayArea = new Rectangle();\n petDisplayArea.width = \"100%\";\n petDisplayArea.height = \"40%\";\n petDisplayArea.thickness = 0;\n petDisplayArea.background = \"rgba(10, 20, 60, 0.3)\";\n mainPanel.addControl(petDisplayArea);\n const petInfoText = new TextBlock();\n petInfoText.text = currentPet ? `${currentPet.petData.name} (Lvl ${currentPet.petData.level})` : \"No active pet\";\n petInfoText.color = \"white\";\n petInfoText.fontSize = 18;\n petInfoText.top = \"-40%\";\n petInfoText.name = \"petInfoText\";\n petDisplayArea.addControl(petInfoText);\n if (!walletConnected) {\n const walletWarning = new TextBlock();\n walletWarning.text = \"Connect wallet to access all features\";\n walletWarning.color = \"#FF9900\";\n walletWarning.fontSize = 14;\n walletWarning.top = \"-25%\";\n petDisplayArea.addControl(walletWarning);\n }\n if (currentPet) {\n const statsPanel = new Grid();\n statsPanel.addColumnDefinition(0.33);\n statsPanel.addColumnDefinition(0.33);\n statsPanel.addColumnDefinition(0.33);\n statsPanel.width = \"90%\";\n statsPanel.height = \"30px\";\n statsPanel.top = \"35%\";\n petDisplayArea.addControl(statsPanel);\n const healthBar = createStatBar(\"Health\", currentPet.petData.health, \"green\");\n statsPanel.addControl(healthBar, 0, 0);\n const energyBar = createStatBar(\"Energy\", currentPet.petData.energy, \"yellow\");\n statsPanel.addControl(energyBar, 0, 1);\n const happinessBar = createStatBar(\"Happiness\", currentPet.petData.happiness, \"pink\");\n statsPanel.addControl(happinessBar, 0, 2);\n }\n const menuGrid = new Grid();\n menuGrid.addRowDefinition(0.5);\n menuGrid.addRowDefinition(0.5);\n menuGrid.addColumnDefinition(0.5);\n menuGrid.addColumnDefinition(0.5);\n menuGrid.width = \"100%\";\n menuGrid.height = \"40%\";\n mainPanel.addControl(menuGrid);\n const createPetBtn = createMenuButton(\"Create Pet\", \"rgba(80, 40, 170, 0.8)\");\n createPetBtn.onPointerUpObservable.add(() => {\n if (walletConnected) {\n showCreatePetDialog(scene, advancedTexture);\n } else {\n showWalletRequiredMessage(advancedTexture);\n }\n });\n menuGrid.addControl(createPetBtn, 0, 0);\n const arenaBtn = createMenuButton(\"Multiverse Arena\", \"rgba(170, 40, 120, 0.8)\");\n arenaBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else if (currentPet) {\n enterArena(scene, advancedTexture);\n } else {\n showMessage(advancedTexture, \"You need an active pet to enter the arena!\");\n }\n });\n menuGrid.addControl(arenaBtn, 0, 1);\n const mergeLabBtn = createMenuButton(\"Merge Lab\", \"rgba(40, 120, 170, 0.8)\");\n mergeLabBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else if (userPets.length >= 2) {\n enterMergeLab(scene, advancedTexture);\n } else {\n showMessage(advancedTexture, \"You need at least 2 pets to use the Merge Lab!\");\n }\n });\n menuGrid.addControl(mergeLabBtn, 1, 0);\n const historyBtn = createMenuButton(\"Transaction History\", \"rgba(40, 170, 120, 0.8)\");\n historyBtn.onPointerUpObservable.add(() => {\n if (walletConnected) {\n showTransactionHistory(scene, advancedTexture);\n } else {\n showWalletRequiredMessage(advancedTexture);\n }\n });\n menuGrid.addControl(historyBtn, 1, 1);\n const carePanel = new StackPanel();\n carePanel.isVertical = false;\n carePanel.height = \"60px\";\n carePanel.width = \"100%\";\n carePanel.background = \"rgba(25, 10, 80, 0.7)\";\n mainPanel.addControl(carePanel);\n const feedBtn = createActionButton(\"Feed\");\n feedBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else if (currentPet) {\n feedPet(currentPet, advancedTexture);\n updatePetDisplay(advancedTexture);\n } else {\n showMessage(advancedTexture, \"Select a pet first!\");\n }\n });\n carePanel.addControl(feedBtn);\n const playBtn = createActionButton(\"Play\");\n playBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else if (currentPet) {\n playWithPet(currentPet, advancedTexture);\n updatePetDisplay(advancedTexture);\n } else {\n showMessage(advancedTexture, \"Select a pet first!\");\n }\n });\n carePanel.addControl(playBtn);\n const trainBtn = createActionButton(\"Train\");\n trainBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else if (currentPet) {\n trainPet(currentPet, advancedTexture);\n updatePetDisplay(advancedTexture);\n } else {\n showMessage(advancedTexture, \"Select a pet first!\");\n }\n });\n carePanel.addControl(trainBtn);\n const switchBtn = createActionButton(\"Switch\");\n switchBtn.onPointerUpObservable.add(() => {\n if (!walletConnected) {\n showWalletRequiredMessage(advancedTexture);\n } else {\n showPetSelector(scene, advancedTexture);\n }\n });\n carePanel.addControl(switchBtn);\n if (isNewUser) {\n setTimeout(() => {\n showOnboardingTutorial(scene, advancedTexture);\n isNewUser = false;\n }, 1000);\n }\n return mainPanel;\n}\nfunction createStatBar(name, value, color) {\n const container = new StackPanel();\n container.isVertical = true;\n const label = new TextBlock();\n label.text = name;\n label.color = \"white\";\n label.fontSize = 12;\n container.addControl(label);\n const barBackground = new Rectangle();\n barBackground.width = \"90%\";\n barBackground.height = \"10px\";\n barBackground.background = \"rgba(255,255,255,0.2)\";\n barBackground.cornerRadius = 5;\n container.addControl(barBackground);\n const bar = new Rectangle();\n bar.width = `${value}%`;\n bar.height = \"10px\";\n bar.background = color;\n bar.cornerRadius = 5;\n bar.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n barBackground.addControl(bar);\n return container;\n}\nfunction createMenuButton(text, color) {\n const button = Button.CreateSimpleButton(\"btn_\" + text, text);\n button.width = \"90%\";\n button.height = \"80%\";\n button.color = \"white\";\n button.background = color;\n button.cornerRadius = 10;\n button.fontSize = 20;\n button.fontWeight = \"bold\";\n button.thickness = 0;\n button.shadowColor = \"black\";\n button.shadowBlur = 10;\n button.shadowOffsetX = 3;\n button.shadowOffsetY = 3;\n button.hoverCursor = \"pointer\";\n return button;\n}\nfunction createActionButton(text) {\n const button = Button.CreateSimpleButton(\"btn_\" + text, text);\n button.width = \"22%\";\n button.height = \"70%\";\n button.color = \"white\";\n button.cornerRadius = 10;\n button.background = \"rgba(60, 20, 120, 0.8)\";\n button.fontSize = 16;\n button.thickness = 0;\n button.hoverCursor = \"pointer\";\n return button;\n}\nfunction showCreatePetDialog(scene, advancedTexture) {\n const dialogBackground = new Rectangle();\n dialogBackground.width = \"90%\";\n dialogBackground.height = \"80%\";\n dialogBackground.cornerRadius = 10;\n dialogBackground.color = \"white\";\n dialogBackground.thickness = 2;\n dialogBackground.background = \"rgba(30, 10, 60, 0.95)\";\n advancedTexture.addControl(dialogBackground);\n const dialogPanel = new StackPanel();\n dialogPanel.width = \"100%\";\n dialogPanel.height = \"100%\";\n dialogPanel.isVertical = true;\n dialogBackground.addControl(dialogPanel);\n const titleText = new TextBlock();\n titleText.text = \"CREATE YOUR QUANTUM PET\";\n titleText.color = \"white\";\n titleText.fontSize = 24;\n titleText.height = \"40px\";\n titleText.fontWeight = \"bold\";\n dialogPanel.addControl(titleText);\n const descriptionText = new TextBlock();\n descriptionText.text = \"Enter traits for your quantum pet (comma separated)\";\n descriptionText.color = \"white\";\n descriptionText.fontSize = 16;\n descriptionText.height = \"30px\";\n dialogPanel.addControl(descriptionText);\n const suggestionsText = new TextBlock();\n suggestionsText.text = \"Suggestions: fire-based, water-based, sneaky, brave, quantum-shifting\";\n suggestionsText.color = \"lightblue\";\n suggestionsText.fontSize = 14;\n suggestionsText.height = \"40px\";\n suggestionsText.textWrapping = true;\n dialogPanel.addControl(suggestionsText);\n const inputBox = new InputText();\n inputBox.width = \"80%\";\n inputBox.height = \"40px\";\n inputBox.color = \"white\";\n inputBox.background = \"rgba(60, 30, 90, 0.8)\";\n inputBox.placeholderText = \"fire-based, sneaky\";\n inputBox.placeholderColor = \"gray\";\n inputBox.fontSize = 16;\n dialogPanel.addControl(inputBox);\n const spacer = new Rectangle();\n spacer.width = \"100%\";\n spacer.height = \"20px\";\n spacer.thickness = 0;\n dialogPanel.addControl(spacer);\n const buttonPanel = new StackPanel();\n buttonPanel.isVertical = false;\n buttonPanel.height = \"50px\";\n dialogPanel.addControl(buttonPanel);\n const cancelButton = new Button();\n cancelButton.width = \"40%\";\n cancelButton.height = \"40px\";\n cancelButton.color = \"white\";\n cancelButton.background = \"rgba(80, 20, 60, 0.8)\";\n cancelButton.cornerRadius = 10;\n cancelButton.fontSize = 16;\n cancelButton.textBlock.text = \"Cancel\";\n cancelButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(dialogBackground);\n });\n buttonPanel.addControl(cancelButton);\n const createButton = new Button();\n createButton.width = \"40%\";\n createButton.height = \"40px\";\n createButton.color = \"white\";\n createButton.background = \"rgba(40, 100, 170, 0.8)\";\n createButton.cornerRadius = 10;\n createButton.fontSize = 16;\n createButton.textBlock.text = \"Create\";\n createButton.onPointerUpObservable.add(async () => {\n if (!walletConnected) {\n advancedTexture.removeControl(dialogBackground);\n showWalletRequiredMessage(advancedTexture);\n return;\n }\n const traitsText = inputBox.text.trim();\n if (traitsText) {\n const traits = traitsText.split(',').map(t => t.trim().toLowerCase());\n advancedTexture.removeControl(dialogBackground);\n showMessage(advancedTexture, \"Creating your quantum pet...\");\n try {\n if (currentPet) {\n currentPet.dispose();\n }\n currentPet = await generatePet(traits, scene);\n currentPet.position = new Vector3(0, 1, 5);\n const appearAnimation = new Animation(\"petAppear\", \"scaling\", 30, Animation.ANIMATIONTYPE_VECTOR3, Animation.ANIMATIONLOOPMODE_CONSTANT);\n const keyFrames = [{\n frame: 0,\n value: new Vector3(0, 0, 0)\n }, {\n frame: 30,\n value: new Vector3(1, 1, 1)\n }];\n appearAnimation.setKeys(keyFrames);\n currentPet.animations = [appearAnimation];\n scene.beginAnimation(currentPet, 0, 30, false);\n updateCoins(5, \"New pet creation reward\", advancedTexture);\n updateUI(scene, advancedTexture);\n showQuantumNotification(advancedTexture, \"Quantum pet successfully created! +5 $QuantumCoin\", \"success\");\n } catch (error) {\n console.error(\"Error creating pet:\", error);\n showMessage(advancedTexture, \"Error creating pet. Please try again.\");\n }\n } else {\n showMessage(advancedTexture, \"Please enter at least one trait!\");\n }\n });\n buttonPanel.addControl(createButton);\n}\nfunction showPetSelector(scene, advancedTexture) {\n if (userPets.length === 0) {\n showMessage(advancedTexture, \"You don't have any pets yet. Create one first!\");\n return;\n }\n const selectorBackground = new Rectangle();\n selectorBackground.width = \"90%\";\n selectorBackground.height = \"80%\";\n selectorBackground.cornerRadius = 10;\n selectorBackground.color = \"white\";\n selectorBackground.thickness = 2;\n selectorBackground.background = \"rgba(30, 10, 60, 0.95)\";\n advancedTexture.addControl(selectorBackground);\n const selectorPanel = new StackPanel();\n selectorPanel.width = \"100%\";\n selectorPanel.isVertical = true;\n selectorBackground.addControl(selectorPanel);\n const titleText = new TextBlock();\n titleText.text = \"SELECT YOUR PET\";\n titleText.color = \"white\";\n titleText.fontSize = 24;\n titleText.height = \"40px\";\n titleText.fontWeight = \"bold\";\n selectorPanel.addControl(titleText);\n const petsScrollPanel = new StackPanel();\n petsScrollPanel.width = \"100%\";\n petsScrollPanel.height = \"80%\";\n petsScrollPanel.isVertical = true;\n selectorPanel.addControl(petsScrollPanel);\n userPets.forEach(pet => {\n const petButton = new Button();\n petButton.width = \"90%\";\n petButton.height = \"60px\";\n petButton.color = \"white\";\n petButton.cornerRadius = 10;\n petButton.background = \"rgba(60, 30, 90, 0.8)\";\n petButton.fontSize = 16;\n petButton.thickness = 0;\n petButton.paddingBottom = \"10px\";\n petButton.textBlock.text = `${pet.name} (Lvl ${pet.level}) - ${pet.traits.join(', ')}`;\n petButton.onPointerUpObservable.add(async () => {\n if (currentPet) {\n currentPet.dispose();\n }\n currentPet = await generatePet(pet.traits, scene);\n currentPet.petData = pet;\n currentPet.position = new Vector3(0, 1, 5);\n advancedTexture.removeControl(selectorBackground);\n updateUI(scene, advancedTexture);\n });\n petsScrollPanel.addControl(petButton);\n });\n const closeButton = new Button();\n closeButton.width = \"40%\";\n closeButton.height = \"40px\";\n closeButton.color = \"white\";\n closeButton.background = \"rgba(80, 20, 60, 0.8)\";\n closeButton.cornerRadius = 10;\n closeButton.fontSize = 16;\n closeButton.textBlock.text = \"Close\";\n closeButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(selectorBackground);\n });\n selectorPanel.addControl(closeButton);\n}\nfunction feedPet(pet, advancedTexture) {\n if (pet.petData.energy < 80) {\n pet.petData.energy = Math.min(100, pet.petData.energy + 20);\n pet.petData.happiness = Math.min(100, pet.petData.happiness + 10);\n showQuantumEffect(pet, \"feeding\");\n if (Math.random() < 0.1) {\n evolvePet(pet);\n }\n } else {\n pet.petData.happiness = Math.max(0, pet.petData.happiness - 5);\n showMessage(advancedTexture, \"Your pet is too full! It doesn't want to eat.\");\n }\n pet.petData.lastFed = Date.now();\n stateClient.updateEntity('pets', pet.petData.id, pet.petData);\n}\nfunction playWithPet(pet, advancedTexture) {\n pet.petData.happiness = Math.min(100, pet.petData.happiness + 20);\n pet.petData.energy = Math.max(0, pet.petData.energy - 10);\n pet.petData.lastPlayed = Date.now();\n showQuantumEffect(pet, \"playing\");\n stateClient.updateEntity('pets', pet.petData.id, pet.petData);\n}\nfunction trainPet(pet, advancedTexture) {\n pet.petData.experience += 10;\n pet.petData.energy = Math.max(0, pet.petData.energy - 15);\n pet.petData.happiness = Math.max(0, pet.petData.happiness - 5);\n showQuantumEffect(pet, \"training\");\n if (pet.petData.experience >= pet.petData.level * 50) {\n pet.petData.level++;\n pet.petData.experience = 0;\n updateCoins(5, \"Pet evolution reward\", advancedTexture);\n showMessage(advancedTexture, `${pet.petData.name} has evolved to level ${pet.petData.level}!`);\n evolvePet(pet);\n }\n stateClient.updateEntity('pets', pet.petData.id, pet.petData);\n}\nfunction evolvePet(pet) {\n const evolutionAnimation = new Animation(\"evolutionAnimation\", \"scaling\", 30, Animation.ANIMATIONTYPE_VECTOR3, Animation.ANIMATIONLOOPMODE_CONSTANT);\n const keyFrames = [{\n frame: 0,\n value: new Vector3(1, 1, 1)\n }, {\n frame: 15,\n value: new Vector3(1.3, 1.3, 1.3)\n }, {\n frame: 30,\n value: new Vector3(1, 1, 1)\n }];\n evolutionAnimation.setKeys(keyFrames);\n pet.animations = [evolutionAnimation];\n const evolutionParticles = new ParticleSystem(\"evolutionParticles\", 200, pet._scene);\n const evolutionEmitter = new SphereParticleEmitter(0.5);\n evolutionParticles.particleEmitterType = evolutionEmitter;\n evolutionParticles.emitter = pet;\n evolutionParticles.minEmitBox = new Vector3(-1, -1, -1);\n evolutionParticles.maxEmitBox = new Vector3(1, 1, 1);\n evolutionParticles.color1 = new Color4(0.7, 0.2, 1.0, 1.0);\n evolutionParticles.color2 = new Color4(0.2, 0.5, 1.0, 1.0);\n evolutionParticles.minSize = 0.1;\n evolutionParticles.maxSize = 0.3;\n evolutionParticles.minLifeTime = 0.5;\n evolutionParticles.maxLifeTime = 1.5;\n evolutionParticles.emitRate = 100;\n evolutionParticles.blendMode = ParticleSystem.BLENDMODE_ADD;\n evolutionParticles.direction1 = new Vector3(-5, -5, -5);\n evolutionParticles.direction2 = new Vector3(5, 5, 5);\n evolutionParticles.minEmitPower = 1;\n evolutionParticles.maxEmitPower = 3;\n pet._scene.beginAnimation(pet, 0, 30, false, 1, () => {\n setTimeout(() => {\n evolutionParticles.stop();\n }, 1000);\n });\n evolutionParticles.start();\n}\nfunction showQuantumEffect(pet, effectType) {\n let particleColor1, particleColor2;\n switch (effectType) {\n case \"feeding\":\n particleColor1 = new Color4(0.2, 0.8, 0.3, 1.0);\n particleColor2 = new Color4(0.5, 1.0, 0.5, 1.0);\n break;\n case \"playing\":\n particleColor1 = new Color4(1.0, 0.7, 0.3, 1.0);\n particleColor2 = new Color4(1.0, 0.9, 0.5, 1.0);\n break;\n case \"training\":\n particleColor1 = new Color4(0.8, 0.3, 0.8, 1.0);\n particleColor2 = new Color4(1.0, 0.5, 1.0, 1.0);\n break;\n default:\n particleColor1 = new Color4(0.5, 0.5, 1.0, 1.0);\n particleColor2 = new Color4(0.7, 0.7, 1.0, 1.0);\n }\n const effectParticles = new ParticleSystem(\"effectParticles\", 100, pet._scene);\n const effectEmitter = new SphereParticleEmitter(0.5);\n effectParticles.particleEmitterType = effectEmitter;\n effectParticles.emitter = pet;\n effectParticles.minEmitBox = new Vector3(-0.5, -0.5, -0.5);\n effectParticles.maxEmitBox = new Vector3(0.5, 0.5, 0.5);\n effectParticles.color1 = particleColor1;\n effectParticles.color2 = particleColor2;\n effectParticles.minSize = 0.1;\n effectParticles.maxSize = 0.2;\n effectParticles.minLifeTime = 0.5;\n effectParticles.maxLifeTime = 1.0;\n effectParticles.emitRate = 50;\n effectParticles.blendMode = ParticleSystem.BLENDMODE_ADD;\n effectParticles.minEmitPower = 0.5;\n effectParticles.maxEmitPower = 1.5;\n effectParticles.start();\n setTimeout(() => {\n effectParticles.stop();\n }, 1000);\n}\nfunction enterArena(scene, advancedTexture) {\n currentScene = 'arena';\n advancedTexture.dispose();\n const arenaTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"arenaUI\");\n const arenaGround = MeshBuilder.CreateGround(\"arenaGround\", {\n width: 30,\n height: 30\n }, scene);\n const arenaMaterial = new StandardMaterial(\"arenaMaterial\", scene);\n arenaMaterial.diffuseColor = new Color3(0.2, 0.1, 0.4);\n arenaMaterial.emissiveColor = new Color3(0.1, 0.05, 0.2);\n arenaGround.material = arenaMaterial;\n const boundary = MeshBuilder.CreateTorus(\"boundary\", {\n diameter: 28,\n thickness: 0.5\n }, scene);\n boundary.position.y = 0.25;\n const boundaryMaterial = new StandardMaterial(\"boundaryMaterial\", scene);\n boundaryMaterial.emissiveColor = new Color3(0, 0.5, 1);\n boundaryMaterial.alpha = 0.7;\n boundary.material = boundaryMaterial;\n for (let i = 0; i < 5; i++) {\n const pillar = MeshBuilder.CreateCylinder(`pillar${i}`, {\n height: 5,\n diameter: 0.8\n }, scene);\n const angle = i / 5 * Math.PI * 2;\n pillar.position = new Vector3(Math.sin(angle) * 12, 2.5, Math.cos(angle) * 12);\n const pillarMaterial = new StandardMaterial(`pillarMaterial${i}`, scene);\n pillarMaterial.diffuseColor = new Color3(0.3, 0.1, 0.5);\n pillarMaterial.emissiveColor = new Color3(0.1, 0.05, 0.3);\n pillar.material = pillarMaterial;\n }\n if (currentPet) {\n currentPet.position = new Vector3(-5, 1, 0);\n }\n const opponentTraits = ['quantum-shifting', 'strong', 'fire-based'];\n generatePet(opponentTraits, scene).then(opponent => {\n opponent.position = new Vector3(5, 1, 0);\n createArenaUI(scene, arenaTexture, opponent);\n });\n const returnBtn = Button.CreateSimpleButton(\"returnBtn\", \"Return to Main\");\n returnBtn.width = \"150px\";\n returnBtn.height = \"40px\";\n returnBtn.color = \"white\";\n returnBtn.background = \"rgba(80, 20, 60, 0.8)\";\n returnBtn.cornerRadius = 10;\n returnBtn.thickness = 0;\n returnBtn.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n returnBtn.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n returnBtn.top = \"10px\";\n returnBtn.left = \"10px\";\n returnBtn.onPointerUpObservable.add(() => {\n arenaGround.dispose();\n boundary.dispose();\n for (let i = 0; i < 5; i++) {\n scene.getMeshByName(`pillar${i}`).dispose();\n }\n scene.getMeshByName(\"opponentPet\").dispose();\n currentScene = 'main';\n arenaTexture.dispose();\n const mainTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n createMainHUD(scene, mainTexture);\n if (currentPet) {\n currentPet.position = new Vector3(0, 1, 5);\n }\n });\n arenaTexture.addControl(returnBtn);\n}\nfunction createArenaUI(scene, arenaTexture, opponent) {\n const arenaHeader = new Rectangle(\"arenaHeader\");\n arenaHeader.width = \"100%\";\n arenaHeader.height = \"60px\";\n arenaHeader.background = \"rgba(25, 10, 80, 0.7)\";\n arenaHeader.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n arenaHeader.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n arenaTexture.addControl(arenaHeader);\n const arenaTitle = new TextBlock(\"arenaTitle\");\n arenaTitle.text = \"MULTIVERSE ARENA\";\n arenaTitle.color = \"white\";\n arenaTitle.fontSize = 24;\n arenaTitle.fontWeight = \"bold\";\n arenaHeader.addControl(arenaTitle);\n const battlePanel = new Rectangle(\"battlePanel\");\n battlePanel.width = \"80%\";\n battlePanel.height = \"120px\";\n battlePanel.cornerRadius = 10;\n battlePanel.background = \"rgba(30, 10, 60, 0.8)\";\n battlePanel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n battlePanel.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;\n battlePanel.bottom = \"80px\";\n arenaTexture.addControl(battlePanel);\n const statusText = new TextBlock(\"statusText\");\n statusText.text = \"Ready to battle! Press FIGHT to begin.\";\n statusText.color = \"white\";\n statusText.fontSize = 18;\n statusText.fontWeight = \"bold\";\n battlePanel.addControl(statusText);\n const controlsPanel = new Rectangle(\"controlsPanel\");\n controlsPanel.width = \"80%\";\n controlsPanel.height = \"60px\";\n controlsPanel.cornerRadius = 10;\n controlsPanel.background = \"rgba(30, 10, 60, 0.8)\";\n controlsPanel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n controlsPanel.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n controlsPanel.bottom = \"10px\";\n arenaTexture.addControl(controlsPanel);\n const buttonGrid = new Grid();\n buttonGrid.addColumnDefinition(0.33);\n buttonGrid.addColumnDefinition(0.33);\n buttonGrid.addColumnDefinition(0.33);\n controlsPanel.addControl(buttonGrid);\n const fightBtn = Button.CreateSimpleButton(\"fightBtn\", \"FIGHT\");\n fightBtn.width = \"90%\";\n fightBtn.height = \"40px\";\n fightBtn.color = \"white\";\n fightBtn.background = \"rgba(170, 40, 120, 0.8)\";\n fightBtn.cornerRadius = 10;\n fightBtn.thickness = 0;\n fightBtn.onPointerUpObservable.add(() => {\n startBattle(scene, statusText, opponent);\n });\n buttonGrid.addControl(fightBtn, 0, 0);\n const defendBtn = Button.CreateSimpleButton(\"defendBtn\", \"DEFEND\");\n defendBtn.width = \"90%\";\n defendBtn.height = \"40px\";\n defendBtn.color = \"white\";\n defendBtn.background = \"rgba(40, 120, 170, 0.8)\";\n defendBtn.cornerRadius = 10;\n defendBtn.thickness = 0;\n buttonGrid.addControl(defendBtn, 0, 1);\n const specialBtn = Button.CreateSimpleButton(\"specialBtn\", \"SPECIAL\");\n specialBtn.width = \"90%\";\n specialBtn.height = \"40px\";\n specialBtn.color = \"white\";\n specialBtn.background = \"rgba(40, 170, 120, 0.8)\";\n specialBtn.cornerRadius = 10;\n specialBtn.thickness = 0;\n buttonGrid.addControl(specialBtn, 0, 2);\n const playerHealthBar = createHealthBar(\"Your Pet\", currentPet.petData.health, -200);\n arenaTexture.addControl(playerHealthBar);\n const opponentHealthBar = createHealthBar(\"Opponent\", 100, 200);\n arenaTexture.addControl(opponentHealthBar);\n}\nfunction createHealthBar(name, health, xOffset) {\n const container = new Rectangle();\n container.width = \"200px\";\n container.height = \"50px\";\n container.cornerRadius = 10;\n container.background = \"rgba(30, 10, 60, 0.8)\";\n container.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n container.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n container.top = \"70px\";\n container.left = xOffset;\n const nameText = new TextBlock();\n nameText.text = name;\n nameText.color = \"white\";\n nameText.fontSize = 14;\n nameText.top = \"-10px\";\n container.addControl(nameText);\n const healthBackground = new Rectangle();\n healthBackground.width = \"180px\";\n healthBackground.height = \"15px\";\n healthBackground.background = \"rgba(80, 0, 0, 0.5)\";\n healthBackground.cornerRadius = 5;\n healthBackground.top = \"10px\";\n container.addControl(healthBackground);\n const healthFill = new Rectangle();\n healthFill.width = health / 100 * 180 + \"px\";\n healthFill.height = \"15px\";\n healthFill.background = \"rgba(220, 40, 40, 0.8)\";\n healthFill.cornerRadius = 5;\n healthFill.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n healthFill.left = \"0px\";\n healthBackground.addControl(healthFill);\n return container;\n}\nfunction startBattle(scene, statusText, opponent) {\n let playerHealth = currentPet.petData.health;\n let opponentHealth = 100;\n let turnCount = 0;\n let battleInterval;\n let quantumEffectActive = false;\n if (!walletConnected) {\n statusText.text = \"Wallet connection required for battles!\";\n return;\n }\n statusText.text = \"Battle started! Quantum fluctuations detected...\";\n const animatePet = (pet, targetPosition, isAttacking) => {\n const startPosition = pet.position.clone();\n const animation = new Animation(\"attackAnimation\", \"position\", 30, Animation.ANIMATIONTYPE_VECTOR3, Animation.ANIMATIONLOOPMODE_CONSTANT);\n let keyFrames;\n if (isAttacking) {\n keyFrames = [{\n frame: 0,\n value: startPosition\n }, {\n frame: 15,\n value: targetPosition\n }, {\n frame: 30,\n value: startPosition\n }];\n } else {\n const dodgeOffset = new Vector3(startPosition.x + (Math.random() > 0.5 ? 1 : -1), startPosition.y + 0.5, startPosition.z);\n keyFrames = [{\n frame: 0,\n value: startPosition\n }, {\n frame: 10,\n value: dodgeOffset\n }, {\n frame: 20,\n value: startPosition\n }];\n }\n animation.setKeys(keyFrames);\n pet.animations = [animation];\n return scene.beginAnimation(pet, 0, 30, false);\n };\n const createAttackEffect = (attacker, target) => {\n const attackParticles = new ParticleSystem(\"attackParticles\", 100, scene);\n const attackEmitter = new SphereParticleEmitter(0.5);\n attackParticles.particleEmitterType = attackEmitter;\n attackParticles.emitter = attacker;\n attackParticles.minEmitBox = new Vector3(-0.5, -0.5, -0.5);\n attackParticles.maxEmitBox = new Vector3(0.5, 0.5, 0.5);\n if (attacker === currentPet) {\n if (currentPet.petData.traits.includes('fire-based')) {\n attackParticles.color1 = new Color4(1, 0.3, 0, 1);\n attackParticles.color2 = new Color4(1, 0.5, 0, 1);\n } else if (currentPet.petData.traits.includes('water-based')) {\n attackParticles.color1 = new Color4(0, 0.5, 1, 1);\n attackParticles.color2 = new Color4(0.3, 0.7, 1, 1);\n } else {\n attackParticles.color1 = new Color4(0.7, 0.2, 1, 1);\n attackParticles.color2 = new Color4(0.5, 0.3, 1, 1);\n }\n } else {\n attackParticles.color1 = new Color4(1, 0.2, 0.3, 1);\n attackParticles.color2 = new Color4(0.8, 0.1, 0.5, 1);\n }\n attackParticles.minSize = 0.1;\n attackParticles.maxSize = 0.3;\n attackParticles.minLifeTime = 0.3;\n attackParticles.maxLifeTime = 0.6;\n attackParticles.emitRate = 100;\n attackParticles.blendMode = ParticleSystem.BLENDMODE_ADD;\n attackParticles.direction1 = new Vector3(target.position.x - attacker.position.x, 0, target.position.z - attacker.position.z).normalize();\n attackParticles.direction2 = attackParticles.direction1.clone();\n attackParticles.minEmitPower = 10;\n attackParticles.maxEmitPower = 15;\n attackParticles.updateSpeed = 0.01;\n attackParticles.start();\n setTimeout(() => {\n attackParticles.stop();\n }, 500);\n };\n const triggerQuantumEffect = () => {\n quantumEffectActive = true;\n const effectType = Math.floor(Math.random() * 3);\n switch (effectType) {\n case 0:\n scene.getAnimationRatio = () => 0.3;\n statusText.text = \"QUANTUM EFFECT: Time Warp! Battle slows down...\";\n break;\n case 1:\n scene.getPhysicsEngine().setGravity(new Vector3(0, 9.81, 0));\n statusText.text = \"QUANTUM EFFECT: Gravity Reversal! Everything floats upward!\";\n break;\n case 2:\n statusText.text = \"QUANTUM EFFECT: Reality Shift! Attack values have inverted!\";\n break;\n }\n const quantumEffectParticles = new ParticleSystem(\"quantumEffect\", 500, scene);\n const quantumEmitter = new SphereParticleEmitter(5);\n quantumEffectParticles.particleEmitterType = quantumEmitter;\n quantumEffectParticles.emitter = new Vector3(0, 2, 0);\n quantumEffectParticles.minEmitBox = new Vector3(-15, -1, -15);\n quantumEffectParticles.maxEmitBox = new Vector3(15, 5, 15);\n quantumEffectParticles.color1 = new Color4(0.5, 0.2, 1.0, 1.0);\n quantumEffectParticles.color2 = new Color4(0.2, 0.5, 1.0, 1.0);\n quantumEffectParticles.minSize = 0.1;\n quantumEffectParticles.maxSize = 0.3;\n quantumEffectParticles.minLifeTime = 1;\n quantumEffectParticles.maxLifeTime = 2;\n quantumEffectParticles.emitRate = 200;\n quantumEffectParticles.blendMode = ParticleSystem.BLENDMODE_ADD;\n quantumEffectParticles.direction1 = new Vector3(-1, 1, -1);\n quantumEffectParticles.direction2 = new Vector3(1, 1, 1);\n quantumEffectParticles.minEmitPower = 0.5;\n quantumEffectParticles.maxEmitPower = 1.5;\n quantumEffectParticles.start();\n setTimeout(() => {\n quantumEffectActive = false;\n scene.getAnimationRatio = () => 1;\n scene.getPhysicsEngine().setGravity(new Vector3(0, -9.81, 0));\n quantumEffectParticles.stop();\n statusText.text = \"Quantum effect dissipated. Battle continues!\";\n }, 5000);\n };\n battleInterval = setInterval(() => {\n turnCount++;\n if (turnCount % 3 === 0 && Math.random() < 0.7) {\n triggerQuantumEffect();\n }\n if (turnCount % 2 === 1) {\n let damage = 10 + currentPet.petData.level * 2;\n if (currentPet.petData.traits.includes('strong')) damage += 5;\n if (currentPet.petData.traits.includes('fire-based')) damage += 3;\n if (quantumEffectActive && Math.random() < 0.3) {\n damage = damage * -0.5;\n statusText.text = \"Reality shift causes your attack to heal the opponent!\";\n }\n const isCritical = Math.random() < 0.2;\n if (isCritical) damage *= 1.5;\n opponentHealth -= damage;\n if (opponentHealth < 0) opponentHealth = 0;\n const opponentHealthBar = scene.getEngine().getRenderingCanvas().parentElement.querySelector('[name=\"Opponent\"]');\n if (opponentHealthBar) {\n const healthFill = opponentHealthBar.children[1].children[0];\n healthFill.width = opponentHealth / 100 * 180 + \"px\";\n }\n const targetPosition = new Vector3(opponent.position.x - 1, opponent.position.y, opponent.position.z);\n animatePet(currentPet, targetPosition, true);\n createAttackEffect(currentPet, opponent);\n statusText.text = isCritical ? `CRITICAL HIT! Your pet deals ${damage.toFixed(1)} damage!` : `Your pet attacks for ${damage.toFixed(1)} damage!`;\n if (opponentHealth <= 0) {\n clearInterval(battleInterval);\n statusText.text = \"Victory! You've defeated your opponent!\";\n currentPet.petData.wins++;\n currentPet.petData.experience += 20;\n const battleReward = 10;\n updateCoins(battleReward, \"Battle victory reward\", scene._advancedTexture);\n showQuantumNotification(scene._advancedTexture, `+${battleReward} $QuantumCoin for winning a battle!`, \"success\");\n if (currentPet.petData.experience >= currentPet.petData.level * 50) {\n currentPet.petData.level++;\n currentPet.petData.experience = 0;\n statusText.text = `Victory! ${currentPet.petData.name} has evolved to level ${currentPet.petData.level}!`;\n evolvePet(currentPet);\n }\n if (Math.random() < 0.05) {\n const weeklyPrize = 50;\n updateCoins(weeklyPrize, \"Wildest Pet of the Week award\", scene._advancedTexture);\n showQuantumNotification(scene._advancedTexture, `${currentPet.petData.name} won \"Wildest Pet of the Week\"! +${weeklyPrize} $QuantumCoin awarded!`, \"special\");\n }\n stateClient.updateEntity('pets', currentPet.petData.id, currentPet.petData);\n }\n } else {\n let damage = 8 + Math.floor(Math.random() * 8);\n if (quantumEffectActive && Math.random() < 0.3) {\n damage = damage * -0.5;\n statusText.text = \"Reality shift causes opponent's attack to heal you!\";\n }\n const isDodged = currentPet.petData.traits.includes('sneaky') && Math.random() < 0.3;\n if (isDodged) {\n damage = 0;\n statusText.text = \"Your pet dodged the attack!\";\n animatePet(currentPet, currentPet.position, false);\n } else {\n playerHealth -= damage;\n if (playerHealth < 0) playerHealth = 0;\n const playerHealthBar = scene.getEngine().getRenderingCanvas().parentElement.querySelector('[name=\"Your Pet\"]');\n if (playerHealthBar) {\n const healthFill = playerHealthBar.children[1].children[0];\n healthFill.width = playerHealth / 100 * 180 + \"px\";\n }\n const targetPosition = new Vector3(currentPet.position.x + 1, currentPet.position.y, currentPet.position.z);\n animatePet(opponent, targetPosition, true);\n createAttackEffect(opponent, currentPet);\n statusText.text = `Opponent attacks for ${damage.toFixed(1)} damage!`;\n }\n if (playerHealth <= 0) {\n clearInterval(battleInterval);\n statusText.text = \"Defeat! Your pet has been knocked out!\";\n currentPet.petData.losses++;\n currentPet.petData.health = 20;\n stateClient.updateEntity('pets', currentPet.petData.id, currentPet.petData);\n showQuantumNotification(scene._advancedTexture, \"Your pet was defeated in battle! Train harder next time.\", \"failure\");\n }\n }\n }, 2000);\n}\nfunction enterMergeLab(scene, advancedTexture) {\n currentScene = 'lab';\n advancedTexture.dispose();\n const labTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"labUI\");\n const labGround = MeshBuilder.CreateGround(\"labGround\", {\n width: 30,\n height: 30\n }, scene);\n const labMaterial = new StandardMaterial(\"labMaterial\", scene);\n labMaterial.diffuseColor = new Color3(0.1, 0.2, 0.3);\n labMaterial.emissiveColor = new Color3(0.05, 0.1, 0.15);\n labGround.material = labMaterial;\n const mergeContainer = MeshBuilder.CreateCylinder(\"mergeContainer\", {\n height: 3,\n diameter: 5\n }, scene);\n mergeContainer.position.y = 1.5;\n const containerMaterial = new StandardMaterial(\"containerMaterial\", scene);\n containerMaterial.diffuseColor = new Color3(0.1, 0.4, 0.7);\n containerMaterial.alpha = 0.7;\n mergeContainer.material = containerMaterial;\n const energyField = MeshBuilder.CreateTorus(\"energyField\", {\n diameter: 4,\n thickness: 0.4\n }, scene);\n energyField.position.y = 1.5;\n const energyMaterial = new StandardMaterial(\"energyMaterial\", scene);\n energyMaterial.emissiveColor = new Color3(0.3, 0.7, 1);\n energyMaterial.alpha = 0.6;\n energyField.material = energyMaterial;\n scene.onBeforeRenderObservable.add(() => {\n energyField.rotation.y += 0.01;\n energyField.rotation.x = Math.sin(scene.getEngine().getFps() / 1000) * 0.2;\n });\n for (let i = 0; i < 3; i++) {\n const console = MeshBuilder.CreateBox(`console${i}`, {\n width: 2,\n height: 1,\n depth: 1\n }, scene);\n const angle = i / 3 * Math.PI * 2;\n console.position = new Vector3(Math.sin(angle) * 8, 0.5, Math.cos(angle) * 8);\n console.rotation.y = angle + Math.PI;\n const consoleMaterial = new StandardMaterial(`consoleMaterial${i}`, scene);\n consoleMaterial.diffuseColor = new Color3(0.2, 0.3, 0.4);\n consoleMaterial.emissiveColor = new Color3(0, 0.2, 0.4);\n console.material = consoleMaterial;\n }\n createMergeLabUI(scene, labTexture);\n const returnBtn = Button.CreateSimpleButton(\"returnBtn\", \"Return to Main\");\n returnBtn.width = \"150px\";\n returnBtn.height = \"40px\";\n returnBtn.color = \"white\";\n returnBtn.background = \"rgba(80, 20, 60, 0.8)\";\n returnBtn.cornerRadius = 10;\n returnBtn.thickness = 0;\n returnBtn.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n returnBtn.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n returnBtn.top = \"10px\";\n returnBtn.left = \"10px\";\n returnBtn.onPointerUpObservable.add(() => {\n labGround.dispose();\n mergeContainer.dispose();\n energyField.dispose();\n for (let i = 0; i < 3; i++) {\n scene.getMeshByName(`console${i}`).dispose();\n }\n currentScene = 'main';\n labTexture.dispose();\n const mainTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n createMainHUD(scene, mainTexture);\n if (currentPet) {\n currentPet.position = new Vector3(0, 1, 5);\n }\n });\n labTexture.addControl(returnBtn);\n}\nfunction createMergeLabUI(scene, labTexture) {\n const labHeader = new Rectangle(\"labHeader\");\n labHeader.width = \"100%\";\n labHeader.height = \"60px\";\n labHeader.background = \"rgba(25, 10, 80, 0.7)\";\n labHeader.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n labHeader.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n labTexture.addControl(labHeader);\n const labTitle = new TextBlock(\"labTitle\");\n labTitle.text = \"QUANTUM MERGE LAB\";\n labTitle.color = \"white\";\n labTitle.fontSize = 24;\n labTitle.fontWeight = \"bold\";\n labHeader.addControl(labTitle);\n const instructionPanel = new Rectangle(\"instructionPanel\");\n instructionPanel.width = \"80%\";\n instructionPanel.height = \"80px\";\n instructionPanel.cornerRadius = 10;\n instructionPanel.background = \"rgba(30, 10, 60, 0.8)\";\n instructionPanel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n instructionPanel.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n instructionPanel.top = \"70px\";\n labTexture.addControl(instructionPanel);\n const instructionText = new TextBlock(\"instructionText\");\n instructionText.text = \"Select two pets to merge into a new quantum hybrid. Merging costs 20 QuantumCoins.\";\n instructionText.color = \"white\";\n instructionText.fontSize = 16;\n instructionText.textWrapping = true;\n instructionPanel.addControl(instructionText);\n const petSelectionPanel = new Grid(\"petSelectionPanel\");\n petSelectionPanel.addColumnDefinition(0.48);\n petSelectionPanel.addColumnDefinition(0.04);\n petSelectionPanel.addColumnDefinition(0.48);\n petSelectionPanel.width = \"80%\";\n petSelectionPanel.height = \"300px\";\n petSelectionPanel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n petSelectionPanel.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n petSelectionPanel.top = \"160px\";\n labTexture.addControl(petSelectionPanel);\n const pet1Panel = new Rectangle(\"pet1Panel\");\n pet1Panel.cornerRadius = 10;\n pet1Panel.background = \"rgba(40, 20, 80, 0.7)\";\n pet1Panel.thickness = 2;\n pet1Panel.color = \"rgba(80, 200, 255, 0.8)\";\n Grid.SetColumn(pet1Panel, 0);\n petSelectionPanel.addControl(pet1Panel);\n const pet1Title = new TextBlock(\"pet1Title\");\n pet1Title.text = \"Select First Pet\";\n pet1Title.color = \"white\";\n pet1Title.fontSize = 18;\n pet1Title.height = \"30px\";\n pet1Title.top = \"10px\";\n pet1Panel.addControl(pet1Title);\n const pet1ScrollPanel = new StackPanel(\"pet1ScrollPanel\");\n pet1ScrollPanel.width = \"90%\";\n pet1ScrollPanel.height = \"230px\";\n pet1ScrollPanel.top = \"30px\";\n pet1ScrollPanel.isVertical = true;\n pet1Panel.addControl(pet1ScrollPanel);\n const pet2Panel = new Rectangle(\"pet2Panel\");\n pet2Panel.cornerRadius = 10;\n pet2Panel.background = \"rgba(40, 20, 80, 0.7)\";\n pet2Panel.thickness = 2;\n pet2Panel.color = \"rgba(255, 100, 200, 0.8)\";\n Grid.SetColumn(pet2Panel, 2);\n petSelectionPanel.addControl(pet2Panel);\n const pet2Title = new TextBlock(\"pet2Title\");\n pet2Title.text = \"Select Second Pet\";\n pet2Title.color = \"white\";\n pet2Title.fontSize = 18;\n pet2Title.height = \"30px\";\n pet2Title.top = \"10px\";\n pet2Panel.addControl(pet2Title);\n const pet2ScrollPanel = new StackPanel(\"pet2ScrollPanel\");\n pet2ScrollPanel.width = \"90%\";\n pet2ScrollPanel.height = \"230px\";\n pet2ScrollPanel.top = \"30px\";\n pet2ScrollPanel.isVertical = true;\n pet2Panel.addControl(pet2ScrollPanel);\n const plusSign = new TextBlock(\"plusSign\");\n plusSign.text = \"+\";\n plusSign.color = \"white\";\n plusSign.fontSize = 36;\n plusSign.fontWeight = \"bold\";\n petSelectionPanel.addControl(plusSign, 0, 1);\n let selectedPet1 = null;\n let selectedPet2 = null;\n userPets.forEach((pet, index) => {\n const pet1Button = Button.CreateSimpleButton(`pet1Button${index}`, `${pet.name} (Lvl ${pet.level})`);\n pet1Button.width = \"90%\";\n pet1Button.height = \"40px\";\n pet1Button.color = \"white\";\n pet1Button.cornerRadius = 5;\n pet1Button.background = \"rgba(60, 30, 90, 0.5)\";\n pet1Button.thickness = 1;\n pet1Button.fontSize = 14;\n pet1Button.paddingBottom = \"5px\";\n pet1Button.onPointerUpObservable.add(() => {\n if (selectedPet1 !== null) {\n const prevButton = pet1ScrollPanel.children.find(c => c.name === `pet1Button${selectedPet1}`);\n if (prevButton) {\n prevButton.background = \"rgba(60, 30, 90, 0.5)\";\n }\n }\n selectedPet1 = index;\n pet1Button.background = \"rgba(80, 140, 240, 0.8)\";\n });\n pet1ScrollPanel.addControl(pet1Button);\n if (userPets.length > 1) {\n const pet2Button = Button.CreateSimpleButton(`pet2Button${index}`, `${pet.name} (Lvl ${pet.level})`);\n pet2Button.width = \"90%\";\n pet2Button.height = \"40px\";\n pet2Button.color = \"white\";\n pet2Button.cornerRadius = 5;\n pet2Button.background = \"rgba(60, 30, 90, 0.5)\";\n pet2Button.thickness = 1;\n pet2Button.fontSize = 14;\n pet2Button.paddingBottom = \"5px\";\n pet2Button.onPointerUpObservable.add(() => {\n if (selectedPet1 === index) {\n showMessage(labTexture, \"You can't merge a pet with itself!\");\n return;\n }\n if (selectedPet2 !== null) {\n const prevButton = pet2ScrollPanel.children.find(c => c.name === `pet2Button${selectedPet2}`);\n if (prevButton) {\n prevButton.background = \"rgba(60, 30, 90, 0.5)\";\n }\n }\n selectedPet2 = index;\n pet2Button.background = \"rgba(240, 80, 140, 0.8)\";\n });\n pet2ScrollPanel.addControl(pet2Button);\n }\n });\n const mergeButton = Button.CreateSimpleButton(\"mergeButton\", \"MERGE PETS (20 🪙)\");\n mergeButton.width = \"300px\";\n mergeButton.height = \"50px\";\n mergeButton.color = \"white\";\n mergeButton.cornerRadius = 10;\n mergeButton.background = \"rgba(80, 40, 170, 0.8)\";\n mergeButton.thickness = 0;\n mergeButton.fontSize = 18;\n mergeButton.fontWeight = \"bold\";\n mergeButton.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n mergeButton.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;\n mergeButton.bottom = \"20px\";\n mergeButton.onPointerUpObservable.add(async () => {\n if (!walletConnected) {\n showWalletRequiredMessage(labTexture);\n return;\n }\n if (selectedPet1 === null || selectedPet2 === null) {\n showMessage(labTexture, \"Select two pets to merge first!\");\n return;\n }\n if (quantumCoins < 20) {\n showQuantumNotification(labTexture, \"Not enough $QuantumCoin! Win more in battles or complete challenges.\", \"failure\");\n return;\n }\n const pet1 = userPets[selectedPet1];\n const pet2 = userPets[selectedPet2];\n updateCoins(-20, \"Pet merging fee\", labTexture);\n const combinedTraits = [...new Set([...pet1.traits, ...pet2.traits])];\n const quantumTraits = ['quantum-shifting', 'time-warping', 'gravity-defying', 'dimension-hopping'];\n const randomQuantumTrait = quantumTraits[Math.floor(Math.random() * quantumTraits.length)];\n if (!combinedTraits.includes(randomQuantumTrait) && Math.random() < 0.5) {\n combinedTraits.push(randomQuantumTrait);\n }\n const pet1Mesh = await generatePet(pet1.traits, scene);\n pet1Mesh.position = new Vector3(-2, 1.5, 0);\n const pet2Mesh = await generatePet(pet2.traits, scene);\n pet2Mesh.position = new Vector3(2, 1.5, 0);\n const moveToCenterAnimation = new Animation(\"moveToCenterAnimation\", \"position\", 30, Animation.ANIMATIONTYPE_VECTOR3, Animation.ANIMATIONLOOPMODE_CONSTANT);\n const pet1KeyFrames = [{\n frame: 0,\n value: new Vector3(-2, 1.5, 0)\n }, {\n frame: 60,\n value: new Vector3(0, 1.5, 0)\n }];\n const pet2KeyFrames = [{\n frame: 0,\n value: new Vector3(2, 1.5, 0)\n }, {\n frame: 60,\n value: new Vector3(0, 1.5, 0)\n }];\n moveToCenterAnimation.setKeys(pet1KeyFrames);\n pet1Mesh.animations = [moveToCenterAnimation];\n const pet2Animation = moveToCenterAnimation.clone();\n pet2Animation.setKeys(pet2KeyFrames);\n pet2Mesh.animations = [pet2Animation];\n const pet1Anim = scene.beginAnimation(pet1Mesh, 0, 60, false);\n const pet2Anim = scene.beginAnimation(pet2Mesh, 0, 60, false);\n Promise.all([pet1Anim.waitAsync(), pet2Anim.waitAsync()]).then(async () => {\n const mergeParticles = new ParticleSystem(\"mergeParticles\", 1000, scene);\n const mergeEmitter = new SphereParticleEmitter(0.5);\n mergeParticles.particleEmitterType = mergeEmitter;\n mergeParticles.emitter = new Vector3(0, 1.5, 0);\n mergeParticles.minEmitBox = new Vector3(-0.5, -0.5, -0.5);\n mergeParticles.maxEmitBox = new Vector3(0.5, 0.5, 0.5);\n mergeParticles.color1 = new Color4(0.7, 0.2, 1.0, 1.0);\n mergeParticles.color2 = new Color4(0.2, 0.5, 1.0, 1.0);\n mergeParticles.minSize = 0.1;\n mergeParticles.maxSize = 0.3;\n mergeParticles.minLifeTime = 0.5;\n mergeParticles.maxLifeTime = 1.5;\n mergeParticles.emitRate = 500;\n mergeParticles.blendMode = ParticleSystem.BLENDMODE_ADD;\n mergeParticles.direction1 = new Vector3(-5, -5, -5);\n mergeParticles.direction2 = new Vector3(5, 5, 5);\n mergeParticles.minEmitPower = 3;\n mergeParticles.maxEmitPower = 5;\n mergeParticles.start();\n const flashScreen = new Rectangle(\"flashScreen\");\n flashScreen.width = \"100%\";\n flashScreen.height = \"100%\";\n flashScreen.background = \"white\";\n flashScreen.alpha = 0;\n labTexture.addControl(flashScreen);\n const flashAnimation = new Animation(\"flashAnimation\", \"alpha\", 30, Animation.ANIMATIONTYPE_FLOAT, Animation.ANIMATIONLOOPMODE_CONSTANT);\n const flashKeyFrames = [{\n frame: 0,\n value: 0\n }, {\n frame: 15,\n value: 0.8\n }, {\n frame: 30,\n value: 0\n }];\n flashAnimation.setKeys(flashKeyFrames);\n scene.beginDirectAnimation(flashScreen, [flashAnimation], 0, 30, false, 1, () => {\n labTexture.removeControl(flashScreen);\n });\n setTimeout(() => {\n pet1Mesh.dispose();\n pet2Mesh.dispose();\n mergeParticles.stop();\n generatePet(combinedTraits, scene).then(mergedPet => {\n mergedPet.position = new Vector3(0, 1.5, 0);\n const scaleAnimation = new Animation(\"scaleAnimation\", \"scaling\", 30, Animation.ANIMATIONTYPE_VECTOR3, Animation.ANIMATIONLOOPMODE_CONSTANT);\n const scaleKeyFrames = [{\n frame: 0,\n value: new Vector3(0, 0, 0)\n }, {\n frame: 30,\n value: new Vector3(1, 1, 1)\n }];\n scaleAnimation.setKeys(scaleKeyFrames);\n mergedPet.animations = [scaleAnimation];\n scene.beginAnimation(mergedPet, 0, 30, false);\n showMessage(labTexture, \"Merge successful! A new quantum pet has been created!\");\n currentPet = mergedPet;\n selectedPet1 = null;\n selectedPet2 = null;\n });\n }, 2000);\n });\n });\n labTexture.addControl(mergeButton);\n}\nfunction showMessage(advancedTexture, message) {\n const messageBox = new Rectangle(\"messageBox\");\n messageBox.width = \"80%\";\n messageBox.height = \"70px\";\n messageBox.cornerRadius = 10;\n messageBox.color = \"white\";\n messageBox.thickness = 2;\n messageBox.background = \"rgba(30, 10, 60, 0.95)\";\n messageBox.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n messageBox.verticalAlignment = Control.VERTICAL_ALIGNMENT_BOTTOM;\n messageBox.bottom = \"100px\";\n advancedTexture.addControl(messageBox);\n const messageText = new TextBlock(\"messageText\");\n messageText.text = message;\n messageText.color = \"white\";\n messageText.fontSize = 18;\n messageBox.addControl(messageText);\n messageBox.alpha = 0;\n const fadeInAnimation = new Animation(\"fadeIn\", \"alpha\", 30, Animation.ANIMATIONTYPE_FLOAT, Animation.ANIMATIONLOOPMODE_CONSTANT);\n fadeInAnimation.setKeys([{\n frame: 0,\n value: 0\n }, {\n frame: 30,\n value: 1\n }]);\n messageBox.animations = [fadeInAnimation];\n advancedTexture._scene.beginAnimation(messageBox, 0, 30, false, 1, () => {\n setTimeout(() => {\n const fadeOutAnimation = new Animation(\"fadeOut\", \"alpha\", 30, Animation.ANIMATIONTYPE_FLOAT, Animation.ANIMATIONLOOPMODE_CONSTANT);\n fadeOutAnimation.setKeys([{\n frame: 0,\n value: 1\n }, {\n frame: 30,\n value: 0\n }]);\n messageBox.animations = [fadeOutAnimation];\n advancedTexture._scene.beginAnimation(messageBox, 0, 30, false, 1, () => {\n advancedTexture.removeControl(messageBox);\n });\n }, 2000);\n });\n}\nfunction showWalletRequiredMessage(advancedTexture) {\n showQuantumNotification(advancedTexture, \"Wallet connection required to access this feature!\", \"warning\");\n}\nfunction showQuantumNotification(advancedTexture, message, type = \"info\") {\n let colors = {\n info: {\n background: \"rgba(30, 30, 120, 0.9)\",\n border: \"#4488FF\"\n },\n success: {\n background: \"rgba(20, 100, 40, 0.9)\",\n border: \"#44FF88\"\n },\n warning: {\n background: \"rgba(120, 80, 10, 0.9)\",\n border: \"#FFAA44\"\n },\n failure: {\n background: \"rgba(120, 20, 20, 0.9)\",\n border: \"#FF4444\"\n },\n special: {\n background: \"rgba(80, 20, 120, 0.9)\",\n border: \"#FF44FF\"\n }\n };\n const style = colors[type] || colors.info;\n const notificationBox = new Rectangle(\"notificationBox\");\n notificationBox.width = \"80%\";\n notificationBox.height = \"80px\";\n notificationBox.cornerRadius = 15;\n notificationBox.color = style.border;\n notificationBox.thickness = 3;\n notificationBox.background = style.background;\n notificationBox.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n notificationBox.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n notificationBox.top = \"100px\";\n advancedTexture.addControl(notificationBox);\n const particlesCanvas = new Rectangle(\"particlesCanvas\");\n particlesCanvas.width = \"100%\";\n particlesCanvas.height = \"100%\";\n particlesCanvas.thickness = 0;\n particlesCanvas.alpha = 0.3;\n notificationBox.addControl(particlesCanvas);\n let alpha = 0.3;\n let increasing = true;\n const pulseObserver = advancedTexture.onBeginRenderObservable.add(() => {\n if (increasing) {\n alpha += 0.01;\n if (alpha >= 0.6) increasing = false;\n } else {\n alpha -= 0.01;\n if (alpha <= 0.3) increasing = true;\n }\n particlesCanvas.alpha = alpha;\n });\n const notificationText = new TextBlock(\"notificationText\");\n notificationText.text = message;\n notificationText.color = \"white\";\n notificationText.fontSize = 18;\n notificationText.textWrapping = true;\n notificationBox.addControl(notificationText);\n notificationBox.left = \"-1000px\";\n let currentLeft = -1000;\n const slideInSpeed = 50;\n const slideInObserver = advancedTexture.onBeginRenderObservable.add(() => {\n if (currentLeft < 0) {\n currentLeft += slideInSpeed;\n notificationBox.left = currentLeft + \"px\";\n } else {\n advancedTexture.onBeginRenderObservable.remove(slideInObserver);\n notificationBox.left = \"0px\";\n setTimeout(() => {\n let slideOutLeft = 0;\n const slideOutSpeed = 50;\n const slideOutObserver = advancedTexture.onBeginRenderObservable.add(() => {\n if (slideOutLeft < 1000) {\n slideOutLeft += slideOutSpeed;\n notificationBox.left = slideOutLeft + \"px\";\n } else {\n advancedTexture.onBeginRenderObservable.remove(slideOutObserver);\n advancedTexture.onBeginRenderObservable.remove(pulseObserver);\n advancedTexture.removeControl(notificationBox);\n }\n });\n }, 4000);\n }\n });\n}\nfunction updatePetDisplay(advancedTexture) {\n if (currentPet) {\n const petInfoText = advancedTexture.getControlByName(\"petInfoText\");\n if (petInfoText) {\n petInfoText.text = `${currentPet.petData.name} (Lvl ${currentPet.petData.level})`;\n }\n const healthBar = advancedTexture.getControlByName(\"healthBar\");\n const energyBar = advancedTexture.getControlByName(\"energyBar\");\n const happinessBar = advancedTexture.getControlByName(\"happinessBar\");\n if (healthBar) {\n healthBar.width = `${currentPet.petData.health}%`;\n }\n if (energyBar) {\n energyBar.width = `${currentPet.petData.energy}%`;\n }\n if (happinessBar) {\n happinessBar.width = `${currentPet.petData.happiness}%`;\n }\n }\n}\nfunction updateCoins(amount, reason, advancedTexture) {\n quantumCoins += amount;\n if (quantumCoins < 0) quantumCoins = 0;\n const displays = document.querySelectorAll('[name=\"coinsText\"]');\n displays.forEach(display => {\n if (display) {\n display.text = quantumCoins.toString();\n }\n });\n const transaction = {\n id: Date.now().toString(),\n timestamp: new Date().toISOString(),\n amount: amount,\n balance: quantumCoins,\n type: amount > 0 ? 'credit' : 'debit',\n reason: reason || (amount > 0 ? 'Deposit' : 'Withdrawal')\n };\n transactionHistory.push(transaction);\n if (walletConnected) {\n stateClient.createEntity('transactions', transaction).catch(error => {\n console.error(\"Error saving transaction:\", error);\n });\n }\n const coinsText = advancedTexture.getControlByName(\"coinsText\");\n if (coinsText) {\n const originalFontSize = coinsText.fontSize;\n const originalColor = coinsText.color;\n coinsText.fontSize = originalFontSize * 1.5;\n coinsText.color = amount >= 0 ? \"#00FF00\" : \"#FF0000\";\n setTimeout(() => {\n coinsText.fontSize = originalFontSize;\n coinsText.color = originalColor;\n }, 1000);\n }\n return transaction;\n}\nfunction updateUI(scene, advancedTexture) {\n advancedTexture.dispose();\n const newTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n createMainHUD(scene, newTexture);\n}\nfunction showWalletConnectDialog(scene, advancedTexture) {\n const dialogBackground = new Rectangle(\"walletDialog\");\n dialogBackground.width = \"90%\";\n dialogBackground.height = \"80%\";\n dialogBackground.cornerRadius = 10;\n dialogBackground.color = \"white\";\n dialogBackground.thickness = 2;\n dialogBackground.background = \"rgba(30, 10, 60, 0.95)\";\n advancedTexture.addControl(dialogBackground);\n const dialogPanel = new StackPanel();\n dialogPanel.width = \"100%\";\n dialogPanel.height = \"100%\";\n dialogPanel.isVertical = true;\n dialogBackground.addControl(dialogPanel);\n const titleText = new TextBlock();\n titleText.text = \"CONNECT YOUR WALLET\";\n titleText.color = \"white\";\n titleText.fontSize = 24;\n titleText.height = \"40px\";\n titleText.fontWeight = \"bold\";\n dialogPanel.addControl(titleText);\n const descriptionText = new TextBlock();\n descriptionText.text = \"Connect your Solana wallet to manage $QuantumCoin and access all features\";\n descriptionText.color = \"white\";\n descriptionText.fontSize = 16;\n descriptionText.height = \"60px\";\n descriptionText.textWrapping = true;\n dialogPanel.addControl(descriptionText);\n const spacer = new Rectangle();\n spacer.width = \"100%\";\n spacer.height = \"20px\";\n spacer.thickness = 0;\n dialogPanel.addControl(spacer);\n const phantomButton = Button.CreateSimpleButton(\"phantomBtn\", \"Connect Phantom Wallet\");\n phantomButton.width = \"80%\";\n phantomButton.height = \"50px\";\n phantomButton.color = \"white\";\n phantomButton.background = \"rgba(100, 70, 200, 0.8)\";\n phantomButton.cornerRadius = 10;\n phantomButton.fontSize = 18;\n phantomButton.onPointerUpObservable.add(() => {\n connectWallet(\"phantom\", advancedTexture, dialogBackground);\n });\n dialogPanel.addControl(phantomButton);\n const spacer2 = new Rectangle();\n spacer2.width = \"100%\";\n spacer2.height = \"20px\";\n spacer2.thickness = 0;\n dialogPanel.addControl(spacer2);\n const solflareButton = Button.CreateSimpleButton(\"solflareBtn\", \"Connect Solflare Wallet\");\n solflareButton.width = \"80%\";\n solflareButton.height = \"50px\";\n solflareButton.color = \"white\";\n solflareButton.background = \"rgba(200, 70, 100, 0.8)\";\n solflareButton.cornerRadius = 10;\n solflareButton.fontSize = 18;\n solflareButton.onPointerUpObservable.add(() => {\n connectWallet(\"solflare\", advancedTexture, dialogBackground);\n });\n dialogPanel.addControl(solflareButton);\n const spacer3 = new Rectangle();\n spacer3.width = \"100%\";\n spacer3.height = \"20px\";\n spacer3.thickness = 0;\n dialogPanel.addControl(spacer3);\n const cancelButton = Button.CreateSimpleButton(\"cancelBtn\", \"Cancel\");\n cancelButton.width = \"50%\";\n cancelButton.height = \"40px\";\n cancelButton.color = \"white\";\n cancelButton.background = \"rgba(80, 80, 80, 0.8)\";\n cancelButton.cornerRadius = 10;\n cancelButton.fontSize = 16;\n cancelButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(dialogBackground);\n });\n dialogPanel.addControl(cancelButton);\n}\nasync function connectWallet(provider, advancedTexture, dialogBackground) {\n try {\n let walletInstance;\n if (provider === \"phantom\") {\n const isPhantomInstalled = typeof window !== 'undefined' && window.solana && window.solana.isPhantom;\n if (!isPhantomInstalled) {\n showQuantumNotification(advancedTexture, `Phantom wallet not detected. Please install it first.`, \"warning\");\n return;\n }\n walletInstance = window.solana;\n } else if (provider === \"solflare\") {\n const isSolflareInstalled = typeof window !== 'undefined' && window.solflare;\n if (!isSolflareInstalled) {\n showQuantumNotification(advancedTexture, `Solflare wallet not detected. Please install it first.`, \"warning\");\n return;\n }\n walletInstance = window.solflare;\n }\n if (!walletInstance) {\n showQuantumNotification(advancedTexture, `Wallet provider not available`, \"warning\");\n return;\n }\n const connectionResponse = await walletInstance.connect();\n walletProvider = provider;\n if (connectionResponse && connectionResponse.publicKey) {\n walletAddress = connectionResponse.publicKey.toString();\n } else {\n walletAddress = walletInstance.publicKey ? walletInstance.publicKey.toString() : \"Connected\" + Math.floor(Math.random() * 1000000).toString(16).padStart(8, '0');\n }\n walletConnected = true;\n advancedTexture.removeControl(dialogBackground);\n showQuantumNotification(advancedTexture, \"Wallet connected successfully!\", \"success\");\n updateUI(advancedTexture._scene, advancedTexture);\n fetchTransactionHistory();\n if (walletInstance.on) {\n walletInstance.on('disconnect', () => {\n walletConnected = false;\n walletAddress = '';\n walletProvider = null;\n showQuantumNotification(advancedTexture, \"Wallet disconnected\", \"info\");\n updateUI(advancedTexture._scene, advancedTexture);\n });\n }\n } catch (error) {\n console.error(\"Error connecting wallet:\", error);\n let errorMessage = \"Wallet connection failed—please try again.\";\n if (error.code === 4001) {\n errorMessage = \"Connection request rejected by user.\";\n } else if (error.message && error.message.includes(\"timeout\")) {\n errorMessage = \"Connection timed out. Please check your wallet and try again.\";\n }\n showQuantumNotification(advancedTexture, errorMessage, \"failure\");\n }\n}\nfunction showWalletOptions(scene, advancedTexture) {\n const optionsBackground = new Rectangle(\"walletOptionsDialog\");\n optionsBackground.width = \"300px\";\n optionsBackground.height = \"200px\";\n optionsBackground.cornerRadius = 10;\n optionsBackground.color = \"white\";\n optionsBackground.thickness = 2;\n optionsBackground.background = \"rgba(30, 10, 60, 0.95)\";\n optionsBackground.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n optionsBackground.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n optionsBackground.top = \"70px\";\n optionsBackground.right = \"20px\";\n advancedTexture.addControl(optionsBackground);\n const optionsPanel = new StackPanel();\n optionsPanel.width = \"100%\";\n optionsPanel.height = \"100%\";\n optionsPanel.isVertical = true;\n optionsBackground.addControl(optionsPanel);\n const titleText = new TextBlock();\n titleText.text = \"WALLET OPTIONS\";\n titleText.color = \"white\";\n titleText.fontSize = 18;\n titleText.height = \"30px\";\n titleText.fontWeight = \"bold\";\n optionsPanel.addControl(titleText);\n const addressText = new TextBlock();\n addressText.text = `Address: ${shortenAddress(walletAddress)}`;\n addressText.color = \"#00BFFF\";\n addressText.fontSize = 14;\n addressText.height = \"30px\";\n optionsPanel.addControl(addressText);\n const balanceText = new TextBlock();\n balanceText.text = `Balance: ${quantumCoins} $QuantumCoin`;\n balanceText.color = \"#00BFFF\";\n balanceText.fontSize = 14;\n balanceText.height = \"30px\";\n optionsPanel.addControl(balanceText);\n const spacer = new Rectangle();\n spacer.width = \"100%\";\n spacer.height = \"10px\";\n spacer.thickness = 0;\n optionsPanel.addControl(spacer);\n const historyButton = Button.CreateSimpleButton(\"historyBtn\", \"Transaction History\");\n historyButton.width = \"80%\";\n historyButton.height = \"30px\";\n historyButton.color = \"white\";\n historyButton.background = \"rgba(60, 100, 180, 0.8)\";\n historyButton.cornerRadius = 5;\n historyButton.fontSize = 14;\n historyButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(optionsBackground);\n showTransactionHistory(scene, advancedTexture);\n });\n optionsPanel.addControl(historyButton);\n const disconnectButton = Button.CreateSimpleButton(\"disconnectBtn\", \"Disconnect Wallet\");\n disconnectButton.width = \"80%\";\n disconnectButton.height = \"30px\";\n disconnectButton.color = \"white\";\n disconnectButton.background = \"rgba(180, 60, 60, 0.8)\";\n disconnectButton.cornerRadius = 5;\n disconnectButton.fontSize = 14;\n disconnectButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(optionsBackground);\n showDisconnectConfirmation(scene, advancedTexture);\n });\n optionsPanel.addControl(disconnectButton);\n const closeButton = Button.CreateSimpleButton(\"closeBtn\", \"X\");\n closeButton.width = \"30px\";\n closeButton.height = \"30px\";\n closeButton.color = \"white\";\n closeButton.background = \"rgba(100, 20, 60, 0.8)\";\n closeButton.cornerRadius = 15;\n closeButton.fontSize = 16;\n closeButton.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;\n closeButton.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;\n closeButton.top = \"5px\";\n closeButton.right = \"5px\";\n closeButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(optionsBackground);\n });\n optionsBackground.addControl(closeButton);\n}\nfunction showDisconnectConfirmation(scene, advancedTexture) {\n const confirmDialog = new Rectangle(\"confirmDialog\");\n confirmDialog.width = \"350px\";\n confirmDialog.height = \"150px\";\n confirmDialog.cornerRadius = 10;\n confirmDialog.color = \"white\";\n confirmDialog.thickness = 2;\n confirmDialog.background = \"rgba(60, 20, 40, 0.95)\";\n confirmDialog.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n confirmDialog.verticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;\n advancedTexture.addControl(confirmDialog);\n const confirmPanel = new StackPanel();\n confirmPanel.width = \"100%\";\n confirmPanel.height = \"100%\";\n confirmPanel.isVertical = true;\n confirmDialog.addControl(confirmPanel);\n const confirmText = new TextBlock();\n confirmText.text = \"Are you sure you want to disconnect your wallet?\";\n confirmText.color = \"white\";\n confirmText.fontSize = 16;\n confirmText.height = \"60px\";\n confirmText.textWrapping = true;\n confirmPanel.addControl(confirmText);\n const buttonPanel = new StackPanel();\n buttonPanel.width = \"100%\";\n buttonPanel.height = \"40px\";\n buttonPanel.isVertical = false;\n confirmPanel.addControl(buttonPanel);\n const cancelBtn = Button.CreateSimpleButton(\"cancelDisconnectBtn\", \"Cancel\");\n cancelBtn.width = \"40%\";\n cancelBtn.height = \"35px\";\n cancelBtn.color = \"white\";\n cancelBtn.background = \"rgba(60, 60, 60, 0.8)\";\n cancelBtn.cornerRadius = 5;\n cancelBtn.fontSize = 14;\n cancelBtn.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(confirmDialog);\n });\n buttonPanel.addControl(cancelBtn);\n const spacer = new Rectangle();\n spacer.width = \"20px\";\n spacer.height = \"1px\";\n spacer.thickness = 0;\n buttonPanel.addControl(spacer);\n const confirmBtn = Button.CreateSimpleButton(\"confirmDisconnectBtn\", \"Disconnect\");\n confirmBtn.width = \"40%\";\n confirmBtn.height = \"35px\";\n confirmBtn.color = \"white\";\n confirmBtn.background = \"rgba(180, 40, 40, 0.8)\";\n confirmBtn.cornerRadius = 5;\n confirmBtn.fontSize = 14;\n confirmBtn.onPointerUpObservable.add(async () => {\n try {\n if (walletProvider === \"phantom\" && window.solana) {\n await window.solana.disconnect();\n } else if (walletProvider === \"solflare\" && window.solflare) {\n await window.solflare.disconnect();\n }\n walletConnected = false;\n walletAddress = '';\n walletProvider = null;\n advancedTexture.removeControl(confirmDialog);\n showQuantumNotification(advancedTexture, \"Wallet disconnected successfully\", \"info\");\n updateUI(scene, advancedTexture);\n } catch (error) {\n console.error(\"Error disconnecting wallet:\", error);\n showQuantumNotification(advancedTexture, \"Error disconnecting wallet. Please try again.\", \"failure\");\n advancedTexture.removeControl(confirmDialog);\n }\n });\n buttonPanel.addControl(confirmBtn);\n}\nfunction showTransactionHistory(scene, advancedTexture) {\n const historyBackground = new Rectangle(\"historyDialog\");\n historyBackground.width = \"90%\";\n historyBackground.height = \"80%\";\n historyBackground.cornerRadius = 10;\n historyBackground.color = \"white\";\n historyBackground.thickness = 2;\n historyBackground.background = \"rgba(30, 10, 60, 0.95)\";\n advancedTexture.addControl(historyBackground);\n const historyPanel = new StackPanel();\n historyPanel.width = \"100%\";\n historyPanel.height = \"100%\";\n historyPanel.isVertical = true;\n historyBackground.addControl(historyPanel);\n const titleText = new TextBlock();\n titleText.text = \"TRANSACTION HISTORY\";\n titleText.color = \"white\";\n titleText.fontSize = 24;\n titleText.height = \"40px\";\n titleText.fontWeight = \"bold\";\n historyPanel.addControl(titleText);\n const descriptionText = new TextBlock();\n descriptionText.text = `Wallet: ${shortenAddress(walletAddress)} | Current Balance: ${quantumCoins} $QuantumCoin`;\n descriptionText.color = \"#00BFFF\";\n descriptionText.fontSize = 16;\n descriptionText.height = \"30px\";\n historyPanel.addControl(descriptionText);\n const scrollViewer = new ScrollViewer();\n scrollViewer.width = \"90%\";\n scrollViewer.height = \"70%\";\n scrollViewer.background = \"rgba(20, 10, 40, 0.5)\";\n scrollViewer.barSize = 15;\n scrollViewer.barBackground = \"rgba(60, 20, 120, 0.4)\";\n scrollViewer.barColor = \"rgba(100, 50, 200, 0.8)\";\n scrollViewer.wheelPrecision = 20;\n scrollViewer.cornerRadius = 10;\n historyPanel.addControl(scrollViewer);\n const transactionsPanel = new StackPanel();\n transactionsPanel.width = \"100%\";\n transactionsPanel.isVertical = true;\n scrollViewer.addControl(transactionsPanel);\n if (transactionHistory.length === 0) {\n const noTransactionsText = new TextBlock();\n noTransactionsText.text = \"No transactions yet. Start using your $QuantumCoin!\";\n noTransactionsText.color = \"white\";\n noTransactionsText.fontSize = 16;\n noTransactionsText.height = \"50px\";\n noTransactionsText.textWrapping = true;\n transactionsPanel.addControl(noTransactionsText);\n } else {\n const sortedTransactions = [...transactionHistory].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n sortedTransactions.forEach((tx, index) => {\n const txPanel = new Rectangle();\n txPanel.width = \"95%\";\n txPanel.height = \"70px\";\n txPanel.background = index % 2 === 0 ? \"rgba(40, 20, 80, 0.5)\" : \"rgba(30, 15, 70, 0.5)\";\n txPanel.thickness = 1;\n txPanel.color = tx.type === 'credit' ? \"rgba(40, 200, 100, 0.5)\" : \"rgba(200, 40, 40, 0.5)\";\n txPanel.cornerRadius = 5;\n txPanel.paddingBottom = \"5px\";\n transactionsPanel.addControl(txPanel);\n const txGrid = new Grid();\n txGrid.addRowDefinition(0.4);\n txGrid.addRowDefinition(0.6);\n txGrid.addColumnDefinition(0.7);\n txGrid.addColumnDefinition(0.3);\n txPanel.addControl(txGrid);\n const txReason = new TextBlock();\n txReason.text = tx.reason;\n txReason.color = \"white\";\n txReason.fontSize = 16;\n txReason.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n txReason.paddingLeft = \"10px\";\n txGrid.addControl(txReason, 0, 0);\n const txAmount = new TextBlock();\n txAmount.text = `${tx.amount > 0 ? '+' : ''}${tx.amount} $QC`;\n txAmount.color = tx.amount > 0 ? \"#44FF88\" : \"#FF8866\";\n txAmount.fontSize = 16;\n txAmount.fontWeight = \"bold\";\n txGrid.addControl(txAmount, 0, 1);\n const txDate = new TextBlock();\n txDate.text = new Date(tx.timestamp).toLocaleString();\n txDate.color = \"lightgray\";\n txDate.fontSize = 12;\n txDate.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n txDate.paddingLeft = \"10px\";\n txGrid.addControl(txDate, 1, 0);\n const txBalance = new TextBlock();\n txBalance.text = `Balance: ${tx.balance} $QC`;\n txBalance.color = \"lightgray\";\n txBalance.fontSize = 12;\n txGrid.addControl(txBalance, 1, 1);\n });\n }\n const closeButton = Button.CreateSimpleButton(\"closeHistoryBtn\", \"Return\");\n closeButton.width = \"200px\";\n closeButton.height = \"40px\";\n closeButton.color = \"white\";\n closeButton.cornerRadius = 10;\n closeButton.background = \"rgba(80, 40, 170, 0.8)\";\n closeButton.fontSize = 16;\n closeButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(historyBackground);\n });\n historyPanel.addControl(closeButton);\n}\nasync function fetchTransactionHistory() {\n try {\n const transactions = await stateClient.getEntities('transactions');\n if (transactions && transactions.length > 0) {\n transactionHistory = transactions.sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n } else {\n transactionHistory = [{\n id: Date.now().toString() + \"-1\",\n timestamp: new Date().toISOString(),\n amount: 100,\n balance: 100,\n type: 'credit',\n reason: 'Initial wallet balance'\n }];\n await stateClient.createEntity('transactions', transactionHistory[0]);\n }\n } catch (error) {\n console.error(\"Error fetching transaction history:\", error);\n transactionHistory = [];\n }\n}\nfunction shortenAddress(address) {\n if (!address) return '';\n if (address.length <= 12) return address;\n return address.slice(0, 6) + '...' + address.slice(-4);\n}\nfunction showOnboardingTutorial(scene, advancedTexture) {\n const tutorialBackground = new Rectangle(\"tutorialDialog\");\n tutorialBackground.width = \"90%\";\n tutorialBackground.height = \"90%\";\n tutorialBackground.cornerRadius = 10;\n tutorialBackground.color = \"#00BFFF\";\n tutorialBackground.thickness = 2;\n tutorialBackground.background = \"rgba(20, 5, 40, 0.97)\";\n advancedTexture.addControl(tutorialBackground);\n const tutorialPanel = new StackPanel();\n tutorialPanel.width = \"100%\";\n tutorialPanel.height = \"100%\";\n tutorialPanel.isVertical = true;\n tutorialBackground.addControl(tutorialPanel);\n const titleText = new TextBlock();\n titleText.text = \"WELCOME TO QUANTUM PETS\";\n titleText.color = \"#FF44FF\";\n titleText.fontSize = 28;\n titleText.height = \"50px\";\n titleText.fontWeight = \"bold\";\n tutorialPanel.addControl(titleText);\n const scrollViewer = new ScrollViewer();\n scrollViewer.width = \"90%\";\n scrollViewer.height = \"75%\";\n scrollViewer.barSize = 15;\n scrollViewer.barBackground = \"rgba(60, 20, 120, 0.4)\";\n scrollViewer.barColor = \"rgba(100, 50, 200, 0.8)\";\n tutorialPanel.addControl(scrollViewer);\n const contentPanel = new StackPanel();\n contentPanel.width = \"100%\";\n contentPanel.isVertical = true;\n scrollViewer.addControl(contentPanel);\n const sections = [{\n title: \"CONNECT YOUR WALLET\",\n text: \"Start by connecting your Solana wallet (Phantom or Solflare) to manage your $QuantumCoin and access all features of the game.\",\n color: \"#00BFFF\"\n }, {\n title: \"CREATE YOUR QUANTUM PET\",\n text: \"Create your own quantum pet by selecting traits. Your pet will evolve based on how you care for it and quantum randomness!\",\n color: \"#FF44FF\"\n }, {\n title: \"BATTLE IN THE MULTIVERSE\",\n text: \"Enter the Multiverse Arena to battle other quantum pets. Win battles to earn $QuantumCoin and experience.\",\n color: \"#FF8844\"\n }, {\n title: \"MERGE YOUR PETS\",\n text: \"Use the Merge Lab to combine two of your pets into a new hybrid with unique traits. Costs 20 $QuantumCoin.\",\n color: \"#44FF88\"\n }, {\n title: \"EARN $QUANTUMCOIN\",\n text: \"Earn $QuantumCoin by winning battles (10 coins), evolving pets (5 coins), and participating in weekly contests (50 coins).\",\n color: \"#FFFF44\"\n }, {\n title: \"TRACK YOUR TRANSACTIONS\",\n text: \"View your transaction history to see all your $QuantumCoin earnings and spending. Access it from your wallet menu.\",\n color: \"#44FFFF\"\n }];\n sections.forEach((section, index) => {\n const sectionPanel = new Rectangle();\n sectionPanel.width = \"95%\";\n sectionPanel.height = \"120px\";\n sectionPanel.background = \"rgba(40, 20, 80, 0.7)\";\n sectionPanel.thickness = 2;\n sectionPanel.color = section.color;\n sectionPanel.cornerRadius = 10;\n sectionPanel.paddingBottom = \"10px\";\n contentPanel.addControl(sectionPanel);\n const sectionContent = new StackPanel();\n sectionContent.width = \"100%\";\n sectionContent.isVertical = true;\n sectionPanel.addControl(sectionContent);\n const sectionTitle = new TextBlock();\n sectionTitle.text = `${index + 1}. ${section.title}`;\n sectionTitle.color = section.color;\n sectionTitle.fontSize = 18;\n sectionTitle.height = \"30px\";\n sectionTitle.fontWeight = \"bold\";\n sectionTitle.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n sectionTitle.paddingLeft = \"10px\";\n sectionTitle.paddingTop = \"5px\";\n sectionContent.addControl(sectionTitle);\n const sectionText = new TextBlock();\n sectionText.text = section.text;\n sectionText.color = \"white\";\n sectionText.fontSize = 14;\n sectionText.textWrapping = true;\n sectionText.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;\n sectionText.paddingLeft = \"10px\";\n sectionText.paddingRight = \"10px\";\n sectionContent.addControl(sectionText);\n if (index < sections.length - 1) {\n const spacer = new Rectangle();\n spacer.width = \"100%\";\n spacer.height = \"10px\";\n spacer.thickness = 0;\n contentPanel.addControl(spacer);\n }\n });\n const startButton = Button.CreateSimpleButton(\"startBtn\", \"START YOUR QUANTUM JOURNEY\");\n startButton.width = \"60%\";\n startButton.height = \"50px\";\n startButton.color = \"white\";\n startButton.cornerRadius = 10;\n startButton.background = \"rgba(80, 40, 170, 0.8)\";\n startButton.fontSize = 18;\n startButton.fontWeight = \"bold\";\n startButton.onPointerUpObservable.add(() => {\n advancedTexture.removeControl(tutorialBackground);\n if (!walletConnected) {\n setTimeout(() => {\n showWalletConnectDialog(scene, advancedTexture);\n }, 500);\n }\n });\n tutorialPanel.addControl(startButton);\n}\nasync function setup({\n scene,\n engine,\n canvas,\n camera\n}) {\n try {\n setupTerrain(scene, camera);\n camera.lowerRadiusLimit = 2;\n camera.upperRadiusLimit = 20;\n camera.radius = 10;\n camera.alpha = Math.PI;\n camera.beta = Math.PI / 3;\n const advancedTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n scene._advancedTexture = advancedTexture;\n checkForExistingWalletConnection(scene);\n const ambientLight = new HemisphericLight(\"ambientLight\", new Vector3(0, 1, 0), scene);\n ambientLight.intensity = 0.6;\n const sunLight = new DirectionalLight(\"sunLight\", new Vector3(-1, -2, -1), scene);\n sunLight.intensity = 0.8;\n player = MeshBuilder.CreateCapsule('player', {\n height: 2,\n radius: 0.5,\n capSubdivisions: 6,\n subdivisions: 8\n }, scene);\n player.position = new Vector3(0, 10, 0);\n player.checkCollisions = true;\n player.ellipsoid = new Vector3(0.5, 1, 0.5);\n player.rotationQuaternion = Quaternion.Identity();\n const playerMaterial = new StandardMaterial('playerMaterial', scene);\n playerMaterial.diffuseColor = new Color3(0.4, 0.4, 0.8);\n player.material = playerMaterial;\n const playerShape = new PhysicsShapeBox(new Vector3(0, 0, 0), Quaternion.Identity(), new Vector3(1, 2, 1), scene);\n playerBody = new PhysicsBody(player, PhysicsMotionType.DYNAMIC, false, scene);\n playerBody.shape = playerShape;\n playerBody.setMassProperties({\n mass: 1\n });\n playerBody.setLinearDamping(0.5);\n playerBody.setAngularDamping(0.5);\n playerBody.setAngularVelocity(Vector3.Zero());\n const inputMap = {};\n scene.actionManager = new ActionManager(scene);\n scene.actionManager.registerAction(new ExecuteCodeAction(ActionManager.OnKeyDownTrigger, evt => {\n inputMap[evt.sourceEvent.key] = evt.sourceEvent.type === 'keydown';\n }));\n scene.actionManager.registerAction(new ExecuteCodeAction(ActionManager.OnKeyUpTrigger, evt => {\n inputMap[evt.sourceEvent.key] = evt.sourceEvent.type === 'keydown';\n }));\n scene.onBeforeRenderObservable.add(() => {\n const moveSpeed = 0.5;\n const moveVector = Vector3.Zero();\n const deltaTime = scene.getEngine().getDeltaTime() / 1000;\n const forward = camera.getDirection(Vector3.Forward());\n const right = camera.getDirection(Vector3.Right());\n if (inputMap['w'] || inputMap['W']) {\n moveVector.addInPlace(forward.scale(moveSpeed * deltaTime * 60));\n }\n if (inputMap['s'] || inputMap['S']) {\n moveVector.addInPlace(forward.scale(-moveSpeed * deltaTime * 60));\n }\n if (inputMap['a'] || inputMap['A']) {\n moveVector.addInPlace(right.scale(-moveSpeed * deltaTime * 60));\n }\n if (inputMap['d'] || inputMap['D']) {\n moveVector.addInPlace(right.scale(moveSpeed * deltaTime * 60));\n }\n if ((inputMap[' '] || inputMap['Spacebar']) && player.position.y <= 1.1) {\n playerBody.applyImpulse(new Vector3(0, 5, 0), player.position);\n }\n if (moveVector.length() > 0) {\n moveVector.y = 0;\n playerBody.setLinearVelocity(new Vector3(moveVector.x * 10, playerBody.getLinearVelocity().y, moveVector.z * 10));\n }\n player.rotationQuaternion = Quaternion.Identity();\n camera.target = player.position.clone();\n if (currentPet && currentScene === 'main') {\n const distance = Vector3.Distance(currentPet.position, player.position);\n if (distance > 10) {\n currentPet.position = new Vector3(player.position.x + (Math.random() - 0.5) * 5, 1, player.position.z + (Math.random() - 0.5) * 5);\n } else if (distance > 5) {\n const direction = player.position.subtract(currentPet.position).normalize();\n currentPet.position.addInPlace(direction.scale(deltaTime * 3));\n currentPet.position.y = 1;\n }\n }\n });\n createMainHUD(scene, advancedTexture);\n try {\n await fetchUserPets();\n } catch (error) {\n console.error(\"Error fetching pets:\", error);\n }\n try {\n await fetchTransactionHistory();\n } catch (error) {\n console.error(\"Error fetching transaction history:\", error);\n }\n socket.on('connect', () => {\n console.log('Connected to QuantumPets multiplayer');\n });\n socket.on('devfun:user_count', count => {\n console.log(`${count} users online in QuantumPets`);\n });\n socket.on('pet_update', data => {\n console.log('Received pet update:', data);\n });\n socket.on('connect_error', error => {\n console.error(\"Socket connection error:\", error);\n });\n } catch (error) {\n console.error(\"Error during app setup:\", error);\n const errorTexture = AdvancedDynamicTexture.CreateFullscreenUI(\"ErrorUI\");\n const errorText = new TextBlock();\n errorText.text = \"Something went wrong loading the app. Please refresh the page.\";\n errorText.color = \"white\";\n errorText.fontSize = 24;\n errorText.textWrapping = true;\n errorText.width = \"80%\";\n errorText.height = \"40%\";\n errorText.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;\n errorText.textVerticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;\n errorTexture.addControl(errorText);\n }\n}\nasync function checkForExistingWalletConnection(scene) {\n try {\n if (typeof window !== 'undefined' && window.solana && window.solana.isPhantom) {\n if (window.solana.isConnected) {\n walletProvider = \"phantom\";\n walletAddress = window.solana.publicKey.toString();\n walletConnected = true;\n if (scene._advancedTexture) {\n showQuantumNotification(scene._advancedTexture, \"Phantom wallet reconnected!\", \"success\");\n updateUI(scene, scene._advancedTexture);\n }\n fetchTransactionHistory();\n return;\n }\n }\n if (typeof window !== 'undefined' && window.solflare) {\n if (window.solflare.isConnected) {\n walletProvider = \"solflare\";\n walletAddress = window.solflare.publicKey.toString();\n walletConnected = true;\n if (scene._advancedTexture) {\n showQuantumNotification(scene._advancedTexture, \"Solflare wallet reconnected!\", \"success\");\n updateUI(scene, scene._advancedTexture);\n }\n fetchTransactionHistory();\n return;\n }\n }\n } catch (error) {\n console.error(\"Error checking existing wallet connection:\", error);\n walletConnected = false;\n walletAddress = '';\n walletProvider = null;\n }\n}\nstartBabylon(setup).catch(console.error);","packageJson","{\"dependencies\":{\"@babylonjs/core\":\"6.49.0\",\"@devfunlabs/babylon-sdk\":\"0.2.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"socket.io-client\":\"4.7.1\",\"@solana/web3.js\":\"1.78.0\",\"@babylonjs/gui\":\"6.49.0\"}}","appFunctions",[],"token",{"_18":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":88,"_90":40,"_91":40,"_68":69},"QuantumCoin","symbol","$$QuantumCo","price",0.00000423,"marketcap",5173.03482154,"image","https://pump.mypinata.cloud/ipfs/bafkreihuwgyxycevdqwbktncirgdhpfaqulivwglpojkglcuch2gdg77yi?img-width=256&img-dpr=2","website","","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[96,100,102,104,106,108,110,112,114,116,118,120,122,124],{"_97":98,"_99":57},"day","2025-07-12","runCount",{"_97":101,"_99":57},"2025-07-13",{"_97":103,"_99":57},"2025-07-14",{"_97":105,"_99":57},"2025-07-15",{"_97":107,"_99":57},"2025-07-16",{"_97":109,"_99":57},"2025-07-17",{"_97":111,"_99":57},"2025-07-18",{"_97":113,"_99":57},"2025-07-19",{"_97":115,"_99":57},"2025-07-20",{"_97":117,"_99":57},"2025-07-21",{"_97":119,"_99":57},"2025-07-22",{"_97":121,"_99":57},"2025-07-23",{"_97":123,"_99":57},"2025-07-24",{"_97":125,"_99":57},"2025-07-25","snapshot","ogImage","https://cdn.dev.fun/og/image/69b2d29f7654b78683cc/356f6b7b.webp","isDevbase","commitDetail","livestream","actionData","errors"]