From bd479ca06d2d1153a1cc16f71a2b49db226ec642 Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Wed, 1 Feb 2023 11:17:04 +0000
Subject: [PATCH] #481 fix: Backport retina displays fix

---
 .../src/3d-canvas/threeDEngine/ThreeDEngine.js         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js b/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
index f05797fbe..7bfb28a07 100644
--- a/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
+++ b/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
@@ -74,9 +74,9 @@ export default class ThreeDEngine {
     this.setupListeners(onSelection);
 
     this.start = this.start.bind(this);
+    this.stop = this.stop.bind(this);
     this.animate = this.animate.bind(this);
     this.renderScene = this.renderScene.bind(this);
-    this.stop = this.stop.bind(this);
     this.resize = this.resize.bind(this);
   }
 
@@ -730,14 +730,14 @@ export default class ThreeDEngine {
           that.mouse.y
             = -(
               (event.clientY
-                - that.renderer.domElement.getBoundingClientRect().top)
+                - that.renderer.domElement.getBoundingClientRect().top) * window.devicePixelRatio
               / that.renderer.domElement.getBoundingClientRect().height
             )
               * 2
             + 1;
           that.mouse.x
             = ((event.clientX
-              - that.renderer.domElement.getBoundingClientRect().left)
+              - that.renderer.domElement.getBoundingClientRect().left) * window.devicePixelRatio
               / that.renderer.domElement.getBoundingClientRect().width)
               * 2
             - 1;
@@ -821,14 +821,14 @@ export default class ThreeDEngine {
         that.mouse.y
           = -(
             (event.clientY
-              - that.renderer.domElement.getBoundingClientRect().top)
+              - that.renderer.domElement.getBoundingClientRect().top) * window.devicePixelRatio
             / that.renderer.domElement.height
           )
             * 2
           + 1;
         that.mouse.x
           = ((event.clientX
-            - that.renderer.domElement.getBoundingClientRect().left)
+            - that.renderer.domElement.getBoundingClientRect().left) * window.devicePixelRatio
             / that.renderer.domElement.width)
             * 2
           - 1;