spoint 0.1.29 → 0.1.31

package/client/app.js

@@ -750,6 +750,10 @@ async function createPlayerVRM(id) {
       if (head) cam.setHeadBone(head)
       if (cam.getMode() === 'fps' && head) head.scale.set(0, 0, 0)
     }
+    if (!_vrmWarmupDone) {
+      _vrmWarmupDone = true
+      requestAnimationFrame(() => { renderer.compile(scene, camera); console.log('[shader] vrm warmup compile done') })
+    }
   } catch (e) { console.error('[vrm]', id, e.message) }
   return group
 }
@@ -1022,12 +1026,13 @@ const client = new PhysicsNetworkClient({
     const a = evaluateAppModule(d.code)
     if (a?.client) {
       appModules.set(d.app, a.client)
+      _appModuleList = [...appModules.values()]
       if (a.client.setup) try { a.client.setup(engineCtx) } catch (e) { console.error('[app-setup]', d.app, e.message) }
     }
   },
   onAssetUpdate: () => {},
   onAppEvent: (payload) => {
-    for (const [, mod] of appModules) { if (mod.onEvent) try { mod.onEvent(payload, engineCtx) } catch (e) { console.error('[app-event]', e.message) } }
+    for (let _i = 0; _i < _appModuleList.length; _i++) { const mod = _appModuleList[_i]; if (mod.onEvent) try { mod.onEvent(payload, engineCtx) } catch (e) { console.error('[app-event]', e.message) } }
   },
   onHotReload: () => { sessionStorage.setItem('cam', JSON.stringify(cam.save())); location.reload() },
   debug: false
@@ -1065,6 +1070,18 @@ let firstSnapshotReceived = false
 let lastShootState = false
 let lastHealth = 100
 
+let _shaderWarmupDone = false
+let _vrmWarmupDone = false
+
+function warmupShaders() {
+  if (_shaderWarmupDone) return
+  _shaderWarmupDone = true
+  const ext = renderer.extensions.get('KHR_parallel_shader_compile')
+  if (ext) console.log('[shader] KHR_parallel_shader_compile active')
+  renderer.compile(scene, camera)
+  console.log('[shader] warmup compile done')
+}
+
 function checkAllLoaded() {
   if (loadingScreenHidden) return
   if (!assetsLoaded) return
@@ -1072,7 +1089,7 @@ function checkAllLoaded() {
   if (!firstSnapshotReceived) return
   loadingMgr.setStage('INIT')
   loadingMgr.complete()
-  loadingScreen.hide().catch(() => {})
+  loadingScreen.hide().then(() => requestAnimationFrame(warmupShaders)).catch(() => requestAnimationFrame(warmupShaders))
   loadingScreenHidden = true
 }
 
@@ -1098,7 +1115,7 @@ function initInputHandler() {
     setTimeout(() => {
       xrBaseReferenceSpace = renderer.xr.getReferenceSpace()
       if (!xrBaseReferenceSpace) return
-      const local = client.state?.players?.find(p => p.id === client.playerId)
+      const local = playerStates.get(client.playerId)
       if (local?.position) {
         const headHeight = local.crouch ? 1.1 : 1.6
         const pos = { x: -local.position[0], y: -(local.position[1] + headHeight), z: -local.position[2] }
@@ -1227,7 +1244,7 @@ function startInputLoop() {
       inputHandler.pulse('right', 0.5, 100)
     }
     lastShootState = input.shoot
-    const local = client.state?.players?.find(p => p.id === client.playerId)
+    const local = playerStates.get(client.playerId)
     if (local) {
       if (local.health < lastHealth) {
         inputHandler.pulse('left', 0.8, 200)
@@ -1235,7 +1252,7 @@ function startInputLoop() {
       }
       lastHealth = local.health
     }
-    for (const [, mod] of appModules) { if (mod.onInput) try { mod.onInput(input, engineCtx) } catch (e) { console.error('[app-input]', e.message) } }
+    for (let _i = 0; _i < _appModuleList.length; _i++) { const mod = _appModuleList[_i]; if (mod.onInput) try { mod.onInput(input, engineCtx) } catch (e) { console.error('[app-input]', e.message) } }
     client.sendInput(input)
   }, 1000 / 60)
 }
@@ -1248,8 +1265,8 @@ document.addEventListener('pointerlockchange', () => {
   else document.removeEventListener('mousemove', cam.onMouseMove)
 })
 renderer.domElement.addEventListener('wheel', cam.onWheel, { passive: false })
-renderer.domElement.addEventListener('mousedown', (e) => { for (const [, mod] of appModules) { if (mod.onMouseDown) try { mod.onMouseDown(e, engineCtx) } catch (ex) {} } })
-renderer.domElement.addEventListener('mouseup', (e) => { for (const [, mod] of appModules) { if (mod.onMouseUp) try { mod.onMouseUp(e, engineCtx) } catch (ex) {} } })
+renderer.domElement.addEventListener('mousedown', (e) => { for (let _i = 0; _i < _appModuleList.length; _i++) { const mod = _appModuleList[_i]; if (mod.onMouseDown) try { mod.onMouseDown(e, engineCtx) } catch (ex) {} } })
+renderer.domElement.addEventListener('mouseup', (e) => { for (let _i = 0; _i < _appModuleList.length; _i++) { const mod = _appModuleList[_i]; if (mod.onMouseUp) try { mod.onMouseUp(e, engineCtx) } catch (ex) {} } })
 renderer.domElement.addEventListener('contextmenu', (e) => e.preventDefault())
 window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight) })
 
@@ -1290,7 +1307,7 @@ function loadQueuedModels() {
     try {
       const buffer = e.target.result
       gltfLoader.parse(buffer, '', (gltf) => {
-        const local = client.state?.players?.find(p => p.id === client.playerId)
+        const local = playerStates.get(client.playerId)
         if (!local) return
         const sy = Math.sin(cam.yaw), cy = Math.cos(cam.yaw)
         const spawnDist = 1.0
@@ -1361,6 +1378,7 @@ document.addEventListener('drop', (e) => {
 })
 
 let smoothDt = 1 / 60
+let _appModuleList = []
 function animate(timestamp) {
   const now = timestamp || performance.now()
   const rawDt = Math.min((now - lastFrameTime) / 1000, 0.1)
@@ -1370,22 +1388,22 @@ function animate(timestamp) {
   fpsFrames++
   if (now - fpsLast >= 1000) { fpsDisplay = fpsFrames; fpsFrames = 0; fpsLast = now }
   const lerpFactor = 1.0 - Math.exp(-16.0 * frameDt)
-  for (const [id, target] of playerTargets) {
+  playerTargets.forEach((target, id) => {
     const mesh = playerMeshes.get(id)
-    if (!mesh) continue
+    if (!mesh) return
     const ps = playerStates.get(id)
     const vx = ps?.velocity?.[0] || 0, vy = ps?.velocity?.[1] || 0, vz = ps?.velocity?.[2] || 0
     const goalX = target.x + vx * frameDt, goalY = target.y + vy * frameDt, goalZ = target.z + vz * frameDt
     mesh.position.x += (goalX - mesh.position.x) * lerpFactor
     mesh.position.y += (goalY - mesh.position.y) * lerpFactor
     mesh.position.z += (goalZ - mesh.position.z) * lerpFactor
-  }
-  for (const [id, animator] of playerAnimators) {
+  })
+  playerAnimators.forEach((animator, id) => {
     const ps = playerStates.get(id)
-    if (!ps) continue
+    if (!ps) return
     animator.update(frameDt, ps.velocity, ps.onGround, ps.health, ps._aiming || false, ps.crouch || 0)
     const mesh = playerMeshes.get(id)
-    if (!mesh) continue
+    if (!mesh) return
     const vx = ps.velocity?.[0] || 0, vz = ps.velocity?.[2] || 0
     if (vx * vx + vz * vz > 0.25) mesh.userData.lastYaw = Math.atan2(vx, vz)
     if (mesh.userData.lastYaw !== undefined) {
@@ -1403,16 +1421,16 @@ function animate(timestamp) {
       }
       if (features?._headBone) features._headBone.rotation.x = -(ps.lookPitch || 0) * 0.6
     }
-  }
-  for (const [eid, mesh] of entityMeshes) {
+  })
+  entityMeshes.forEach((mesh) => {
     if (mesh.userData.spin) mesh.rotation.y += mesh.userData.spin * frameDt
     if (mesh.userData.hover) {
       mesh.userData.hoverTime = (mesh.userData.hoverTime || 0) + frameDt
       const child = mesh.children[0]
       if (child) child.position.y = Math.sin(mesh.userData.hoverTime * 2) * mesh.userData.hover
     }
-  }
-  for (const [, mod] of appModules) { if (mod.onFrame) try { mod.onFrame(frameDt, engineCtx) } catch (e) {} }
+  })
+  for (let _i = 0; _i < _appModuleList.length; _i++) { const mod = _appModuleList[_i]; if (mod.onFrame) try { mod.onFrame(frameDt, engineCtx) } catch (e) {} }
   if (engineCtx.facial) engineCtx.facial.update(frameDt)
   uiTimer += frameDt
   if (latestState && uiTimer >= 0.25) { uiTimer = 0; renderAppUI(latestState) }
@@ -1442,15 +1460,15 @@ function animate(timestamp) {
     const speed = Math.sqrt(local.velocity[0] ** 2 + local.velocity[2] ** 2)
     isMoving = speed > 0.5
   }
-updateVignette(frameDt, isMoving)
+  updateVignette(frameDt, isMoving)
 
   if (arEnabled) {
     const xrFrame = renderer.xr.getFrame()
     if (xrFrame) {
       arControls.update(xrFrame, camera, scene)
-      const local = client.state?.players?.find(p => p.id === client.playerId)
-      if (local?.position && !arControls.anchorPlaced) {
-        arControls.setInitialFPSPosition(local.position, cam.yaw)
+      const arLocal = playerStates.get(client.playerId)
+      if (arLocal?.position && !arControls.anchorPlaced) {
+        arControls.setInitialFPSPosition(arLocal.position, cam.yaw)
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoint",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "description": "Physics and netcode SDK for multiplayer game servers",
   "type": "module",
   "main": "src/index.js",