standardize logs

public/client.js

@@ -6,6 +6,7 @@ const global = (0,eval)('this')
 const scene = new THREE.Scene()
 const raycaster = new THREE.Raycaster()
 const camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 0.1, 1000)
+const clock = new THREE.Clock()
 const renderer = new THREE.WebGLRenderer()
 const backgroundColor = new THREE.Color().setHex(0x112233)
 scene.background = backgroundColor
@@ -82,8 +83,10 @@ const mouse = {}
 var stats = new Stats()
 stats.showPanel(0)
 
+var delta = 0
 function render() {
   stats.begin()
+  delta = clock.getDelta()
   cameraMovement()
   Object.values(positionTweens).forEach((tween) => tween.update()) // TODO: clean up tweens
 	renderer.render(scene, camera)
@@ -94,11 +97,14 @@ function minimapRender() {
 	minimapRenderer.render(scene, minimapCamera)
 }
 
+const lockedCameraSpeedMultiplier = 3
 var cameraLocked = true
 function followCamera() {
   const entity = entities[playerId]
   if (entity == null) { return }
 
+  const cameraSpeed = lockedCameraSpeedMultiplier * delta
+
   const distanceX = Math.abs((entity.position.x + cameraOffsetX) - camera.position.x)
   const distanceY = Math.abs((entity.position.y + cameraOffsetY) - camera.position.y)
 
@@ -128,13 +134,15 @@ function followCamera() {
   }
 }
 
-const cameraSpeed = 0.03
+const cameraSpeedMultiplier = 10
 function cameraMovement() {
   if (cameraLocked) {
     followCamera()
     return
   }
 
+  const cameraSpeed = cameraSpeedMultiplier * delta
+
   if (keysDown.ArrowLeft) { camera.position.x -= cameraSpeed }
   else if (keysDown.ArrowRight) { camera.position.x += cameraSpeed }