\n \n

🎤 Voice: Disconnected

\n```0.08\n```\n>>>>>>> REPLACE\n```\n\nmain.js\n```\n<<<<<<< SEARCH\nimport * as THREE from 'three';\nimport { VRButton } from 'three/addons/webxr/VRButton.js';\nimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';\nimport { FBXLoader } from 'three/addons/loaders/FBXLoader.js';\nimport { PointerLockControls } from 'three/addons/controls/PointerLockControls.js';\nimport RAPIER from '@dimforge/rapier3d-compat';\nimport { GorillaTaggingManager } from './GorillaTaggingManager.js';\nimport { VoiceChatManager } from './VoiceChatManager.js';\n```three/addons/webxr/VRButton.js\n```\n\nmain.js\n```main.js\n```\n=======\nconst ADMIN_WHITELIST = ['silverriver94037468', 'kjson', '@kjson', 'sillysilvaz'];\n\n// Mobile detection and state\nlet isMobile = /Mobi|Android|iPhone|iPad|Android/i.test(navigator.userAgent) || window.innerWidth <= 800;\nlet mobileState = {\n leftAxis: { x: 0, y: 0 },\n rightAxis: { x: 0, y: 0 },\n menuPressed: false,\n gripPressed: false,\n platformPressed: false\n};\nlet nippleLeft = null, nippleRight = null;\n>>>>>>> REPLACE\n```\n\nmain.js\n```\n<<<<<<< SEARCH\nasync function init() {\n await RAPIER.init();\n // room.initialize() removed - connecting via trigger\n```RAPIER.init\n```\n>>>>>>> REPLACE\n```\n\nmain.js\n```\n<<<<<<< SEARCH\nfunction createAdminMenu() {\n // Create Canvas Texture\n const width = 512;\n const height = 640;\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n menuCanvasContext = canvas.getContext('2d');\n\n```canvas.width\n```\n}\n```\n=======\nfunction createAdminMenu() {\n // Create Canvas Texture\n const width = 512;\n const height = 640;\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n menuCanvasContext = canvas.getContext('2d');\n \n menuTexture = new THREE.CanvasTexture(canvas);\n menuTexture.colorSpace = THREE.SRGBColorSpace;\n \n const geometry = new THREE.PlaneGeometry(0.25, 0.31); // Approx tablet size\n const material = new THREE.MeshBasicMaterial({ \n map: menuTexture,\n side: THREE.DoubleSide,\n transparent: true\n });\n \n adminMenu = new THREE.Mesh(geometry, material);\n adminMenu.visible = false;\n \n // Position relative to hand\n adminMenu.rotation.x = -Math.PI / 4; // Tilt up slightly\n adminMenu.position.set(0.15, 0.1, 0); // Offset to side\n \n scene.add(adminMenu);\n updateAdminMenuUI();\n}\n\n// Mobile control initialization (nipplejs + touch buttons)\nfunction initMobileControls() {\n // make mobile-controls visible by default\n const mc = document.getElementById('mobile-controls');\n if (mc) mc.style.display = 'block';\n\n // Left joystick (movement / fly horizontal)\n const leftZone = document.getElementById('left-joystick');\n const rightZone = document.getElementById('right-joystick');\n\n nippleLeft = nipplejs.create({\n zone: leftZone,\n mode: 'static',\n position: { left: '50%', top: '50%' },\n color: 'white',\n size: 140,\n restOpacity: 0.6\n });\n\n nippleRight = nipplejs.create({\n zone: rightZone,\n mode: 'static',\n position: { left: '50%', top: '50%' },\n color: 'white',\n size: 120,\n restOpacity: 0.6\n });\n\n nippleLeft.on('move', (evt, data) => {\n if (!data || !data.vector) return;\n mobileState.leftAxis.x = data.vector.x;\n mobileState.leftAxis.y = data.vector.y;\n });\n nippleLeft.on('end', () => { mobileState.leftAxis.x = 0; mobileState.leftAxis.y = 0; });\n\n nippleRight.on('move', (evt, data) => {\n if (!data || !data.vector) return;\n mobileState.rightAxis.x = data.vector.x;\n mobileState.rightAxis.y = data.vector.y;\n });\n nippleRight.on('end', () => { mobileState.rightAxis.x = 0; mobileState.rightAxis.y = 0; });\n\n // Touch Buttons\n const menuBtn = document.getElementById('menu-btn');\n const gripBtn = document.getElementById('grip-btn');\n const platformBtn = document.getElementById('platform-btn');\n\n if (menuBtn) {\n menuBtn.addEventListener('touchstart', (e) => { e.preventDefault(); mobileState.menuPressed = true; toggleAdminMenu(); });\n menuBtn.addEventListener('touchend', (e) => { e.preventDefault(); mobileState.menuPressed = false; });\n }\n if (gripBtn) {\n gripBtn.addEventListener('touchstart', (e) => { e.preventDefault(); mobileState.gripPressed = true; });\n gripBtn.addEventListener('touchend', (e) => { e.preventDefault(); mobileState.gripPressed = false; });\n }\n if (platformBtn) {\n platformBtn.addEventListener('touchstart', (e) => { e.preventDefault(); mobileState.platformPressed = true; });\n platformBtn.addEventListener('touchend', (e) => { e.preventDefault(); mobileState.platformPressed = false; });\n }\n}\n>>>>>>> REPLACE\n```\n\nmain.js\n```main.js\n```\n=======\n // 1. FLY MOD\n if (modSettings.fly && sphereBody) {\n let moveX = 0;\n let moveY = 0; // Vertical movement relative to camera look\n\n```modSettings.fly\n```\n>>>>>>> REPLACE\n```\n\nmain.js\n```\n<<<<<<< SEARCH\n // 2. PLATFORMS MOD\n if (modSettings.platforms) {\n if (renderer.xr.isPresenting) {\n const session = renderer.xr.getSession();\n if (session) {\n for (const source of session.inputSources) {\n if (!source.gamepad) continue;\n\n```renderer.xr\n```\n```\n=======\n // 2. PLATFORMS MOD\n if (modSettings.platforms) {\n if (isMobile) {\n // Mobile: use touch hold to create platform under left or right based on platform button\n // We'll only spawn one platform for the \"right\" hand for simplicity; pressing platform button spawns under right follower\n if (mobileState.platformPressed && !activePlatforms['right']) {\n const handPos = new THREE.Vector3();\n rightHandSphere.getWorldPosition(handPos);\n handPos.y -= 0.1;\n const size = { w: 0.3, h: 0.05, d: 0.3 };\n const geo = new THREE.BoxGeometry(size.w, size.h, size.d);\n const mat = new THREE.MeshStandardMaterial({ color: 0xFF8C00 });\n const mesh = new THREE.Mesh(geo, mat);\n mesh.position.copy(handPos);\n scene.add(mesh);\n const bodyDesc = RAPIER.RigidBodyDesc.fixed().setTranslation(handPos.x, handPos.y, handPos.z);\n const body = world.createRigidBody(bodyDesc);\n const colliderDesc = RAPIER.ColliderDesc.cuboid(size.w/2, size.h/2, size.d/2);\n const collider = world.createCollider(colliderDesc, body);\n activePlatforms['right'] = { mesh, body, collider };\n } else if (!mobileState.platformPressed && activePlatforms['right']) {\n const p = activePlatforms['right'];\n scene.remove(p.mesh);\n world.removeCollider(p.collider, false);\n world.removeRigidBody(p.body);\n activePlatforms['right'] = null;\n }\n } else if (renderer.xr.isPresenting) {\n const session = renderer.xr.getSession();\n if (session) {\n for (const source of session.inputSources) {\n if (!source.gamepad) continue;\n \n const hand = source.handedness;\n // Grip button is usually index 1\n const isGripping = source.gamepad.buttons[1] && source.gamepad.buttons[1].pressed;\n \n if (isGripping && !activePlatforms[hand]) {\n>>>>>>> REPLACE\n```\n\nmain.js\n```main.js\n```\n=======\n // 3. STICK FLING MOD\n if (modSettings.stickFling && rightHandSphere) {\n // Check if we have the stick\n const stick = rightHandSphere.getObjectByName('stick');\n if (stick) {\n // Check collision with other players\n const stickPos = new THREE.Vector3();\n stick.getWorldPosition(stickPos);\n\n```THREE.Vector3\n```\n>>>>>>> REPLACE\n```\n\nSummary: I added a mobile UI and nipplejs-based joysticks + touch buttons, wired mobile inputs into flying, platforms, menu and stick-fling logic, and ensured mobile controls show/hide depending on device detection.","page_description","This page contains a script that defines an import map for using the Three.js library version 0.159.0 and its addons, as well as compatibility for the…","cursor","eyJpZCI6IjNraDZiOWpjeHVkY20xd2JlenJhIn0","token","included",[],"about",{"_192":-5},"parent","routes/browser/layout","actionData","errors"]

Physics Sphere