disable debug

README.MD

@@ -78,8 +78,6 @@ There is a builtin proxy, but you can also host your one! Just clone the repo, r
 
 [![Deploy to Koyeb](https://www.koyeb.com/static/images/deploy/button.svg)](https://app.koyeb.com/deploy?name=minecraft-web-client&type=git&repository=zardoy%2Fminecraft-web-client&branch=next&builder=dockerfile&env%5B%5D=&ports=8080%3Bhttp%3B%2F)
 
-> **Note**: If you want to make **your own** Minecraft server accessible to web clients (without our proxies), you can use [mwc-proxy](https://github.com/zardoy/mwc-proxy) - a lightweight JS WebSocket proxy that runs on the same server as your Minecraft server, allowing players to connect directly via `wss://play.example.com`. `?client_mcraft` is added to the URL, so the proxy will know that it's this client.
-
 Proxy servers are used to connect to Minecraft servers which use TCP protocol. When you connect connect to a server with a proxy, websocket connection is created between you (browser client) and the proxy server located in Europe, then the proxy connects to the Minecraft server and sends the data to the client (you) without any packet deserialization to avoid any additional delays. That said all the Minecraft protocol packets are processed by the client, right in your browser.
 
 ```mermaid

config.json

@@ -10,10 +10,6 @@
     {
       "ip": "wss://play.mcraft.fun"
     },
-    {
-      "ip": "wss://play.webmc.fun",
-      "name": "WebMC"
-    },
     {
       "ip": "wss://ws.fuchsmc.net"
     },

renderer/viewer/three/waypointSprite.ts

@@ -16,7 +16,7 @@ export const WAYPOINT_CONFIG = {
   CANVAS_SCALE: 2,
   ARROW: {
     enabledDefault: false,
-    pixelSize: 50,
+    pixelSize: 30,
     paddingPx: 50,
   },
 }
@@ -50,7 +50,6 @@ export function createWaypointSprite (options: {
   depthTest?: boolean,
   // Y offset in world units used by updateScaleWorld only (screen-pixel API ignores this)
   labelYOffset?: number,
-  metadata?: any,
 }): WaypointSprite {
   const color = options.color ?? 0xFF_00_00
   const depthTest = options.depthTest ?? false
@@ -132,22 +131,16 @@ export function createWaypointSprite (options: {
     canvas.height = size
     const ctx = canvas.getContext('2d')!
     ctx.clearRect(0, 0, size, size)
-
-    // Draw arrow shape
     ctx.beginPath()
-    ctx.moveTo(size * 0.15, size * 0.5)
-    ctx.lineTo(size * 0.85, size * 0.5)
-    ctx.lineTo(size * 0.5, size * 0.15)
+    ctx.moveTo(size * 0.2, size * 0.5)
+    ctx.lineTo(size * 0.8, size * 0.5)
+    ctx.lineTo(size * 0.5, size * 0.2)
     ctx.closePath()
-
-    // Use waypoint color for arrow
-    const colorHex = `#${color.toString(16).padStart(6, '0')}`
-    ctx.lineWidth = 6
+    ctx.lineWidth = 4
     ctx.strokeStyle = 'black'
     ctx.stroke()
-    ctx.fillStyle = colorHex
+    ctx.fillStyle = 'white'
     ctx.fill()
-
     const texture = new THREE.CanvasTexture(canvas)
     const material = new THREE.SpriteMaterial({ map: texture, transparent: true, depthTest: false, depthWrite: false })
     arrowSprite = new THREE.Sprite(material)
@@ -176,9 +169,6 @@ export function createWaypointSprite (options: {
     ensureArrow()
     if (!arrowSprite) return true
 
-    // Check if onlyLeftRight is enabled in metadata
-    const onlyLeftRight = options.metadata?.onlyLeftRight === true
-
     // Build camera basis using camera.up to respect custom orientations
     const forward = new THREE.Vector3()
     camera.getWorldDirection(forward) // camera look direction
@@ -223,20 +213,6 @@ export function createWaypointSprite (options: {
       }
     }
 
-    // Apply onlyLeftRight logic - restrict arrows to left/right edges only
-    if (onlyLeftRight) {
-      // Force the arrow to appear only on left or right edges
-      if (Math.abs(rx) > Math.abs(ry)) {
-        // Horizontal direction is dominant, keep it
-        ry = 0
-      } else {
-        // Vertical direction is dominant, but we want only left/right
-        // So choose left or right based on the sign of rx
-        rx = rx >= 0 ? 1 : -1
-        ry = 0
-      }
-    }
-
     // Place on the rectangle border [-1,1]x[-1,1]
     const s = Math.max(Math.abs(rx), Math.abs(ry)) || 1
     let ndcX = rx / s

renderer/viewer/three/waypoints.ts

@@ -17,7 +17,6 @@ interface WaypointOptions {
   color?: number
   label?: string
   minDistance?: number
-  metadata?: any
 }
 
 export class WaypointsRenderer {
@@ -72,14 +71,13 @@ export class WaypointsRenderer {
     this.removeWaypoint(id)
 
     const color = options.color ?? 0xFF_00_00
-    const { label, metadata } = options
+    const { label } = options
     const minDistance = options.minDistance ?? 0
 
     const sprite = createWaypointSprite({
       position: new THREE.Vector3(x, y, z),
       color,
       label: (label || id),
-      metadata,
     })
     sprite.enableOffscreenArrow(true)
     sprite.setArrowParent(this.waypointScene)

src/appConfig.ts

@@ -35,7 +35,7 @@ export type AppConfig = {
   // defaultVersion?: string
   peerJsServer?: string
   peerJsServerFallback?: string
-  promoteServers?: Array<{ ip, description, name?, version?, }>
+  promoteServers?: Array<{ ip, description, version? }>
   mapsProvider?: string
 
   appParams?: Record<string, any> // query string params

src/basicSounds.ts

@@ -7,12 +7,7 @@ let audioContext: AudioContext
 const sounds: Record<string, any> = {}
 
 // Track currently playing sounds and their gain nodes
-const activeSounds: Array<{
-  source: AudioBufferSourceNode;
-  gainNode: GainNode;
-  volumeMultiplier: number;
-  isMusic: boolean;
-}> = []
+const activeSounds: Array<{ source: AudioBufferSourceNode; gainNode: GainNode; volumeMultiplier: number }> = []
 window.activeSounds = activeSounds
 
 // load as many resources on page load as possible instead on demand as user can disable internet connection after he thinks the page is loaded
@@ -48,7 +43,7 @@ export async function loadSound (path: string, contents = path) {
   }
 }
 
-export const loadOrPlaySound = async (url, soundVolume = 1, loadTimeout = options.remoteSoundsLoadTimeout, loop = false, isMusic = false) => {
+export const loadOrPlaySound = async (url, soundVolume = 1, loadTimeout = options.remoteSoundsLoadTimeout, loop = false) => {
   const soundBuffer = sounds[url]
   if (!soundBuffer) {
     const start = Date.now()
@@ -56,11 +51,11 @@ export const loadOrPlaySound = async (url, soundVolume = 1, loadTimeout = option
     if (cancelled || Date.now() - start > loadTimeout) return
   }
 
-  return playSound(url, soundVolume, loop, isMusic)
+  return playSound(url, soundVolume, loop)
 }
 
-export async function playSound (url, soundVolume = 1, loop = false, isMusic = false) {
-  const volume = soundVolume * (options.volume / 100) * (isMusic ? options.musicVolume / 100 : 1)
+export async function playSound (url, soundVolume = 1, loop = false) {
+  const volume = soundVolume * (options.volume / 100)
 
   if (!volume) return
 
@@ -87,7 +82,7 @@ export async function playSound (url, soundVolume = 1, loop = false, isMusic = f
   source.start(0)
 
   // Add to active sounds
-  activeSounds.push({ source, gainNode, volumeMultiplier: soundVolume, isMusic })
+  activeSounds.push({ source, gainNode, volumeMultiplier: soundVolume })
 
   const callbacks = [] as Array<() => void>
   source.onended = () => {
@@ -115,7 +110,6 @@ export async function playSound (url, soundVolume = 1, loop = false, isMusic = f
         console.warn('Failed to stop sound:', err)
       }
     },
-    gainNode,
   }
 }
 
@@ -143,11 +137,11 @@ export function stopSound (url: string) {
   }
 }
 
-export function changeVolumeOfCurrentlyPlayingSounds (newVolume: number, newMusicVolume: number) {
+export function changeVolumeOfCurrentlyPlayingSounds (newVolume: number) {
   const normalizedVolume = newVolume / 100
-  for (const { gainNode, volumeMultiplier, isMusic } of activeSounds) {
+  for (const { gainNode, volumeMultiplier } of activeSounds) {
     try {
-      gainNode.gain.value = normalizedVolume * volumeMultiplier * (isMusic ? newMusicVolume / 100 : 1)
+      gainNode.gain.value = normalizedVolume * volumeMultiplier
     } catch (err) {
       console.warn('Failed to change sound volume:', err)
     }
@@ -155,9 +149,5 @@ export function changeVolumeOfCurrentlyPlayingSounds (newVolume: number, newMusi
 }
 
 subscribeKey(options, 'volume', () => {
-  changeVolumeOfCurrentlyPlayingSounds(options.volume, options.musicVolume)
-})
-
-subscribeKey(options, 'musicVolume', () => {
-  changeVolumeOfCurrentlyPlayingSounds(options.volume, options.musicVolume)
+  changeVolumeOfCurrentlyPlayingSounds(options.volume)
 })

src/customChannels.ts

@@ -82,30 +82,15 @@ const registerWaypointChannels = () => {
       {
         name: 'color',
         type: 'i32'
-      },
-      {
-        name: 'metadataJson',
-        type: ['pstring', { countType: 'i16' }]
       }
     ]
   ]
 
   registerChannel('minecraft-web-client:waypoint-add', packetStructure, (data) => {
-    // Parse metadata if provided
-    let metadata: any = {}
-    if (data.metadataJson && data.metadataJson.trim() !== '') {
-      try {
-        metadata = JSON.parse(data.metadataJson)
-      } catch (error) {
-        console.warn('Failed to parse waypoint metadataJson:', error)
-      }
-    }
-
     getThreeJsRendererMethods()?.addWaypoint(data.id, data.x, data.y, data.z, {
       minDistance: data.minDistance,
       label: data.label || undefined,
-      color: data.color || undefined,
-      metadata
+      color: data.color || undefined
     })
   })
 

src/defaultOptions.ts

@@ -16,8 +16,7 @@ export const defaultOptions = {
   chatOpacityOpened: 100,
   messagesLimit: 200,
   volume: 50,
-  enableMusic: true,
-  musicVolume: 50,
+  enableMusic: false,
   // fov: 70,
   fov: 75,
   defaultPerspective: 'first_person' as 'first_person' | 'third_person_back' | 'third_person_front',

src/devtools.ts

@@ -5,17 +5,6 @@ import { WorldRendererThree } from 'renderer/viewer/three/worldrendererThree'
 import { enable, disable, enabled } from 'debug'
 import { Vec3 } from 'vec3'
 
-customEvents.on('mineflayerBotCreated', () => {
-  window.debugServerPacketNames = Object.fromEntries(Object.keys(loadedData.protocol.play.toClient.types).map(name => {
-    name = name.replace('packet_', '')
-    return [name, name]
-  }))
-  window.debugClientPacketNames = Object.fromEntries(Object.keys(loadedData.protocol.play.toServer.types).map(name => {
-    name = name.replace('packet_', '')
-    return [name, name]
-  }))
-})
-
 window.Vec3 = Vec3
 window.cursorBlockRel = (x = 0, y = 0, z = 0) => {
   const newPos = bot.blockAtCursor(5)?.position.offset(x, y, z)

src/entities.ts

@@ -246,29 +246,22 @@ customEvents.on('gameLoaded', () => {
         }
       }
       // even if not found, still record to cache
-      void getThreeJsRendererMethods()!.updatePlayerSkin(entityId, player.username, player.uuid, skinUrl ?? true, capeUrl)
+      void getThreeJsRendererMethods()?.updatePlayerSkin(entityId, player.username, player.uuid, skinUrl ?? true, capeUrl)
     } catch (err) {
-      reportError(new Error('Error applying skin texture:', { cause: err }))
+      console.error('Error decoding player texture:', err)
     }
   }
 
   bot.on('playerJoined', updateSkin)
   bot.on('playerUpdated', updateSkin)
-  for (const entity of Object.values(bot.players)) {
-    updateSkin(entity)
-  }
 
-  const teamUpdated = (team: Team) => {
+  bot.on('teamUpdated', (team: Team) => {
     for (const entity of Object.values(bot.entities)) {
       if (entity.type === 'player' && entity.username && team.members.includes(entity.username) || entity.uuid && team.members.includes(entity.uuid)) {
         bot.emit('entityUpdate', entity)
       }
     }
-  }
-  bot.on('teamUpdated', teamUpdated)
-  for (const team of Object.values(bot.teams)) {
-    teamUpdated(team)
-  }
+  })
 
   const updateEntityNameTags = (team: Team) => {
     for (const entity of Object.values(bot.entities)) {

src/inventoryWindows.ts

@@ -470,7 +470,6 @@ const openWindow = (type: string | undefined, title: string | any = undefined) =
       const isRightClick = type === 'rightclick'
       const isLeftClick = type === 'leftclick'
       if (isLeftClick || isRightClick) {
-        modelViewerState.model = undefined
         inv.canvasManager.children[0].showRecipesOrUsages(isLeftClick, item)
       }
     } else {
@@ -502,7 +501,6 @@ const openWindow = (type: string | undefined, title: string | any = undefined) =
       if (freeSlot === null) return
       void bot.creative.setInventorySlot(freeSlot, item)
     } else {
-      modelViewerState.model = undefined
       inv.canvasManager.children[0].showRecipesOrUsages(!isRightclick, mapSlots([item], true)[0])
     }
   }

src/mineflayer/websocket-core.ts

@@ -15,12 +15,9 @@ class CustomDuplex extends Duplex {
 }
 
 export const getWebsocketStream = async (host: string) => {
-  const baseProtocol = host.startsWith('ws://') ? 'ws' : 'wss'
+  const baseProtocol = location.protocol === 'https:' ? 'wss' : host.startsWith('ws://') ? 'ws' : 'wss'
   const hostClean = host.replace('ws://', '').replace('wss://', '')
-  const hostURL = new URL(`${baseProtocol}://${hostClean}`)
-  const hostParams = hostURL.searchParams
-  hostParams.append('client_mcraft', '')
-  const ws = new WebSocket(`${baseProtocol}://${hostURL.host}${hostURL.pathname}?${hostParams.toString()}`)
+  const ws = new WebSocket(`${baseProtocol}://${hostClean}`)
   const clientDuplex = new CustomDuplex(undefined, data => {
     ws.send(data)
   })

src/optionsGuiScheme.tsx

@@ -480,24 +480,6 @@ export const guiOptionsScheme: {
   ],
   sound: [
     { volume: {} },
-    {
-      custom () {
-        return <OptionSlider
-          valueOverride={options.enableMusic ? undefined : 0}
-          onChange={(value) => {
-            options.musicVolume = value
-          }}
-          item={{
-            type: 'slider',
-            id: 'musicVolume',
-            text: 'Music Volume',
-            min: 0,
-            max: 100,
-            unit: '%',
-          }}
-        />
-      },
-    },
     {
       custom () {
         return <Button label='Sound Muffler' onClick={() => showModal({ reactType: 'sound-muffler' })} inScreen />

src/packetsReplay/replayPackets.ts

@@ -59,7 +59,6 @@ export const startLocalReplayServer = (contents: string) => {
   const server = createServer({
     Server: LocalServer as any,
     version: header.minecraftVersion,
-    keepAlive: false,
     'online-mode': false
   })
 

src/react/AddServerOrConnect.tsx

@@ -117,7 +117,7 @@ export default ({ onBack, onConfirm, title = 'Add a Server', initialData, parseQ
   }
 
   const displayConnectButton = qsParamIp
-  const serverExamples = ['example.com:25565', 'play.hypixel.net', 'ws://play.pcm.gg', 'wss://play.webmc.fun']
+  const serverExamples = ['example.com:25565', 'play.hypixel.net', 'ws://play.pcm.gg']
   // pick random example
   const example = serverExamples[Math.floor(Math.random() * serverExamples.length)]
 

src/react/Chat.tsx

@@ -125,9 +125,7 @@ export default ({
   const chatInput = useRef<HTMLInputElement>(null!)
   const chatMessages = useRef<HTMLDivElement>(null)
   const chatHistoryPos = useRef(sendHistoryRef.current.length)
-  const commandHistoryPos = useRef(0)
   const inputCurrentlyEnteredValue = useRef('')
-  const commandHistoryRef = useRef(sendHistoryRef.current.filter((msg: string) => msg.startsWith('/')))
 
   const { scrollToBottom, isAtBottom, wasAtBottom, currentlyAtBottom } = useScrollBehavior(chatMessages, { messages, opened })
   const [rightNowAtBottom, setRightNowAtBottom] = useState(false)
@@ -144,9 +142,6 @@ export default ({
     sendHistoryRef.current = newHistory
     window.sessionStorage.chatHistory = JSON.stringify(newHistory)
     chatHistoryPos.current = newHistory.length
-    // Update command history (only messages starting with /)
-    commandHistoryRef.current = newHistory.filter((msg: string) => msg.startsWith('/'))
-    commandHistoryPos.current = commandHistoryRef.current.length
   }
 
   const acceptComplete = (item: string) => {
@@ -185,21 +180,6 @@ export default ({
     updateInputValue(sendHistoryRef.current[chatHistoryPos.current] || inputCurrentlyEnteredValue.current || '')
   }
 
-  const handleCommandArrowUp = () => {
-    if (commandHistoryPos.current === 0 || commandHistoryRef.current.length === 0) return
-    if (commandHistoryPos.current === commandHistoryRef.current.length) { // started navigating command history
-      inputCurrentlyEnteredValue.current = chatInput.current.value
-    }
-    commandHistoryPos.current--
-    updateInputValue(commandHistoryRef.current[commandHistoryPos.current] || '')
-  }
-
-  const handleCommandArrowDown = () => {
-    if (commandHistoryPos.current === commandHistoryRef.current.length) return
-    commandHistoryPos.current++
-    updateInputValue(commandHistoryRef.current[commandHistoryPos.current] || inputCurrentlyEnteredValue.current || '')
-  }
-
   const auxInputFocus = (direction: 'up' | 'down') => {
     chatInput.current.focus()
     if (direction === 'up') {
@@ -223,7 +203,6 @@ export default ({
       updateInputValue(chatInputValueGlobal.value)
       chatInputValueGlobal.value = ''
       chatHistoryPos.current = sendHistoryRef.current.length
-      commandHistoryPos.current = commandHistoryRef.current.length
       if (!usingTouch) {
         chatInput.current.focus()
       }
@@ -545,19 +524,9 @@ export default ({
               onBlur={() => setIsInputFocused(false)}
               onKeyDown={(e) => {
                 if (e.code === 'ArrowUp') {
-                  if (e.altKey) {
-                    handleCommandArrowUp()
-                    e.preventDefault()
-                  } else {
-                    handleArrowUp()
-                  }
+                  handleArrowUp()
                 } else if (e.code === 'ArrowDown') {
-                  if (e.altKey) {
-                    handleCommandArrowDown()
-                    e.preventDefault()
-                  } else {
-                    handleArrowDown()
-                  }
+                  handleArrowDown()
                 }
                 if (e.code === 'Tab') {
                   if (completionItemsSource.length) {

src/react/OptionsItems.tsx

@@ -161,15 +161,7 @@ export const OptionButton = ({ item, onClick, valueText, cacheKey }: {
   />
 }
 
-export const OptionSlider = ({
-  item,
-  onChange,
-  valueOverride
-}: {
-  item: Extract<OptionMeta, { type: 'slider' }>
-  onChange?: (value: number) => void
-  valueOverride?: number
-}) => {
+export const OptionSlider = ({ item }: { item: Extract<OptionMeta, { type: 'slider' }> }) => {
   const { disabledBecauseOfSetting } = useCommonComponentsProps(item)
 
   const optionValue = useSnapshot(options)[item.id!]
@@ -182,7 +174,7 @@ export const OptionSlider = ({
   return (
     <Slider
       label={item.text!}
-      value={valueOverride ?? options[item.id!]}
+      value={options[item.id!]}
       data-setting={item.id}
       disabledReason={isLocked(item) ? 'qs' : disabledBecauseOfSetting ? `Disabled because ${item.disableIf![0]} is ${item.disableIf![1]}` : item.disabledReason}
       min={item.min}
@@ -192,7 +184,6 @@ export const OptionSlider = ({
       updateOnDragEnd={item.delayApply}
       updateValue={(value) => {
         options[item.id!] = value
-        onChange?.(value)
       }}
     />
   )

src/react/OverlayModelViewer.tsx

@@ -6,7 +6,6 @@ import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
 import { applySkinToPlayerObject, createPlayerObject, PlayerObjectType } from '../../renderer/viewer/lib/createPlayerObject'
 import { currentScaling } from '../scaleInterface'
-import { activeModalStack } from '../globalState'
 
 THREE.ColorManagement.enabled = false
 
@@ -30,7 +29,6 @@ export const modelViewerState = proxy({
     modelCustomization?: { [modelUrl: string]: { color?: string, opacity?: number, metalness?: number, roughness?: number } }
     resetRotationOnReleae?: boolean
     continiousRender?: boolean
-    alwaysRender?: boolean
   }
 })
 globalThis.modelViewerState = modelViewerState
@@ -77,15 +75,6 @@ globalThis.getModelViewerValues = () => {
   }
 }
 
-subscribe(activeModalStack, () => {
-  if (!modelViewerState.model || !modelViewerState.model?.alwaysRender) {
-    return
-  }
-  if (activeModalStack.length === 0) {
-    modelViewerState.model = undefined
-  }
-})
-
 export default () => {
   const { model } = useSnapshot(modelViewerState)
   const containerRef = useRef<HTMLDivElement>(null)
@@ -119,15 +108,11 @@ export default () => {
     modelLoaders.current.set(modelUrl, loader)
 
     const onLoad = (object: THREE.Object3D) => {
-      // Apply customization if available and enable shadows
+      // Apply customization if available
       const customization = model?.modelCustomization?.[modelUrl]
-      object.traverse((child) => {
-        if (child instanceof THREE.Mesh) {
-          // Enable shadow casting and receiving for all meshes
-          child.castShadow = true
-          child.receiveShadow = true
-
-          if (child.material && customization) {
+      if (customization) {
+        object.traverse((child) => {
+          if (child instanceof THREE.Mesh && child.material) {
             const material = child.material as THREE.MeshStandardMaterial
             if (customization.color) {
               material.color.setHex(parseInt(customization.color.replace('#', ''), 16))
@@ -143,8 +128,8 @@ export default () => {
               material.roughness = customization.roughness
             }
           }
-        }
-      })
+        })
+      }
 
       // Center and scale model
       const box = new THREE.Box3().setFromObject(object)
@@ -263,12 +248,6 @@ export default () => {
     }
     renderer.setPixelRatio(scale)
     renderer.setSize(model.positioning.width, model.positioning.height)
-
-    // Enable shadow rendering for depth and realism
-    renderer.shadowMap.enabled = true
-    renderer.shadowMap.type = THREE.PCFSoftShadowMap // Soft shadows for better quality
-    renderer.shadowMap.autoUpdate = true
-
     containerRef.current.appendChild(renderer.domElement)
 
     // Setup controls
@@ -280,30 +259,10 @@ export default () => {
     controls.enableDamping = true
     controls.dampingFactor = 0.05
 
-    // Add ambient light for overall illumination
-    const ambientLight = new THREE.AmbientLight(0xff_ff_ff, 0.4) // Reduced intensity to allow shadows
+    // Add ambient light
+    const ambientLight = new THREE.AmbientLight(0xff_ff_ff, 1)
     scene.add(ambientLight)
 
-    // Add directional light for shadows and depth (similar to Minecraft inventory lighting)
-    const directionalLight = new THREE.DirectionalLight(0xff_ff_ff, 0.6)
-    directionalLight.position.set(2, 2, 2) // Position light from top-right-front
-    directionalLight.target.position.set(0, 0, 0) // Point towards center of scene
-
-    // Configure shadow properties for optimal quality
-    directionalLight.castShadow = true
-    directionalLight.shadow.mapSize.width = 2048 // High resolution shadow map
-    directionalLight.shadow.mapSize.height = 2048
-    directionalLight.shadow.camera.near = 0.1
-    directionalLight.shadow.camera.far = 10
-    directionalLight.shadow.camera.left = -3
-    directionalLight.shadow.camera.right = 3
-    directionalLight.shadow.camera.top = 3
-    directionalLight.shadow.camera.bottom = -3
-    directionalLight.shadow.bias = -0.0001 // Reduce shadow acne
-
-    scene.add(directionalLight)
-    scene.add(directionalLight.target)
-
     // Cursor following function
     const updatePlayerLookAt = () => {
       if (!isFollowingCursor.current || !sceneRef.current?.playerObject) return
@@ -372,14 +331,6 @@ export default () => {
           scale: 1 // Start with base scale, will adjust below
         })
 
-        // Enable shadows for player object
-        wrapper.traverse((child) => {
-          if (child instanceof THREE.Mesh) {
-            child.castShadow = true
-            child.receiveShadow = true
-          }
-        })
-
         // Calculate proper scale and positioning for camera view
         const box = new THREE.Box3().setFromObject(wrapper)
         const size = box.getSize(new THREE.Vector3())

src/react/ServersListProvider.tsx

@@ -119,7 +119,6 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
     ...serversListProvided,
     ...(customServersList ? [] : (miscUiState.appConfig?.promoteServers ?? [])).map((server): StoreServerItem => ({
       ip: server.ip,
-      name: server.name,
       versionOverride: server.version,
       description: server.description,
       isRecommended: true
@@ -168,7 +167,6 @@ const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersL
                   console.log('pingResult.fullInfo.description', pingResult.fullInfo.description)
                   data = {
                     formattedText: pingResult.fullInfo.description,
-                    icon: pingResult.fullInfo.favicon,
                     textNameRight: `ws ${pingResult.latency}ms`,
                     textNameRightGrayed: `${pingResult.fullInfo.players?.online ?? '??'}/${pingResult.fullInfo.players?.max ?? '??'}`,
                     offline: false

src/screens.css

@@ -26,10 +26,6 @@
     display: flex;
     justify-content: center;
     z-index: 12;
-    /* Account for GUI scaling */
-    width: calc(100dvw / var(--guiScale, 1));
-    height: calc(100dvh / var(--guiScale, 1));
-    overflow: hidden;
 }
 
 .screen-content {

src/sounds/musicSystem.ts

@@ -5,10 +5,10 @@ class MusicSystem {
   private currentMusic: string | null = null
 
   async playMusic (url: string, musicVolume = 1) {
-    if (!options.enableMusic || this.currentMusic || options.musicVolume === 0) return
+    if (!options.enableMusic || this.currentMusic) return
 
     try {
-      const { onEnded } = await loadOrPlaySound(url, musicVolume, 5000, undefined, true) ?? {}
+      const { onEnded } = await loadOrPlaySound(url, 0.5 * musicVolume, 5000) ?? {}
 
       if (!onEnded) return
 

src/watchOptions.ts

@@ -3,7 +3,6 @@
 import { subscribeKey } from 'valtio/utils'
 import { isMobile } from 'renderer/viewer/lib/simpleUtils'
 import { WorldDataEmitter } from 'renderer/viewer/lib/worldDataEmitter'
-import { setSkinsConfig } from 'renderer/viewer/lib/utils/skins'
 import { options, watchValue } from './optionsStorage'
 import { reloadChunks } from './utils'
 import { miscUiState } from './globalState'
@@ -98,8 +97,6 @@ export const watchOptionsAfterViewerInit = () => {
     appViewer.inWorldRenderingConfig.highlightBlockColor = o.highlightBlockColor
     appViewer.inWorldRenderingConfig._experimentalSmoothChunkLoading = o.rendererSharedOptions._experimentalSmoothChunkLoading
     appViewer.inWorldRenderingConfig._renderByChunks = o.rendererSharedOptions._renderByChunks
-
-    setSkinsConfig({ apiEnabled: o.loadPlayerSkins })
   })
 
   appViewer.inWorldRenderingConfig.smoothLighting = options.smoothLighting