fix mouse motion on pointer lock

Author: riccardobl

nge-web/src/main/java/org/ngengine/web/input/WebKeyInput.java

@@ -3,19 +3,14 @@
 import java.util.ArrayList;
 import java.util.List;
 
-import org.teavm.jso.browser.Window;
 import org.teavm.jso.dom.events.Event;
 import org.teavm.jso.dom.events.EventListener;
 import org.teavm.jso.dom.events.KeyboardEvent;
 
 import com.jme3.input.KeyInput;
-import com.jme3.input.MouseInput;
 import com.jme3.input.RawInputListener;
 import com.jme3.input.event.KeyInputEvent;
-import com.jme3.input.event.MouseMotionEvent;
-
 import org.ngengine.web.WebBinds;
-import org.ngengine.web.context.WebCanvasElement;
 
 public class WebKeyInput implements KeyInput {
     private boolean initialized = false;

nge-web/src/main/java/org/ngengine/web/input/WebMouseInput.java

@@ -77,7 +77,6 @@ private void handleWebEvent(Event evt) {
             if (isLocked() && !undefinedPos) { // captured pointer mode
                 dX = (int) ev.getMovementX();
                 dY = (int) ev.getMovementY();
-                dY = -dY;
                 xPos += dX;
                 yPos += dY;
             } else {

nge-web/src/main/resources/org/ngengine/web/Window.js

@@ -70,6 +70,20 @@ function bindListeners(canvas,renderTarget){
         event.targetTouches = inputEvent.targetTouches ? makeTouchesClonable(inputEvent.targetTouches) : [];
         event.changedTouches = inputEvent.changedTouches ? makeTouchesClonable(inputEvent.changedTouches) : [];
 
+        {
+            const rect = canvas.getBoundingClientRect();
+            const scaleX = canvas.width / rect.width;
+            const scaleY = canvas.height / rect.height;
+
+            if(event.movementY) {
+                event.movementY = -event.movementY * scaleY; 
+            } 
+
+            if(event.movementX){
+                event.movementX = event.movementX * scaleX;
+            }
+        }
+
         if (event.clientX !== undefined) {
             const rect = canvas.getBoundingClientRect();    
             const scaleX = canvas.width / rect.width;