Update ViewHelper.js (#26067)

* Update ViewHelper.js

I tried to embed the editor's ViewHelper and the mouse events did not translate properly.

Instead of using a complex code to calc the mouse.x and mouse.y, i did use event.offsetX and event.offsetY
This solved my problem and fixed any embedding issues.

* Update ViewHelper.js

Y axis should be inversed.

* Update ViewHelper.js

Reverting back to the original code with one fix. rect.width should be rect.right

* Update ViewHelper.js

* Update ViewHelper.js

---------

Co-authored-by: mrdoob <[email protected]>
Co-authored-by: Michael Herzog <[email protected]>

Author: 3 people

examples/jsm/helpers/ViewHelper.js

@@ -167,7 +167,7 @@ class ViewHelper extends Object3D {
 			const rect = domElement.getBoundingClientRect();
 			const offsetX = rect.left + ( domElement.offsetWidth - dim );
 			const offsetY = rect.top + ( domElement.offsetHeight - dim );
-			mouse.x = ( ( event.clientX - offsetX ) / ( rect.width - offsetX ) ) * 2 - 1;
+			mouse.x = ( ( event.clientX - offsetX ) / ( rect.right - offsetX ) ) * 2 - 1;
 			mouse.y = - ( ( event.clientY - offsetY ) / ( rect.bottom - offsetY ) ) * 2 + 1;
 
 			raycaster.setFromCamera( mouse, orthoCamera );