rgalindox Posted November 30, 2018 Share Posted November 30, 2018 Hi, Hope I'm clear with my explanation: I have a Babylon scene and when it is alone (no other div on the html that has the canvas) the OnPointerOverTrigger works perfectly. However, when I put the canvas inside a <div> the OnPointerOverTrigger seems shifted, I mean, when I hover over the mouse over the mesh the action starts outside the mesh. I need the scene to be inside a div as I'm using w2ui as the GUI interface of the application. Attached one example: camera.html and cameraGood.html camera.html is the one with the issue, it only adds these lines: <div> <h2>Title</h2> </div> <div> <canvas id="renderCanvas" touch-action="none"></canvas> </div> cameraGood.html has no divs <canvas id="renderCanvas" touch-action="none"></canvas> I create a sphere every time you click on the surface. Without the div it works great, but when I add a div for a title and another for the canvas it fails, it picks another position. It seems the mouse coordinates are being used for the complete web browser and not the canvas. Any recommendation? camera.html cameraGood.html Quote Link to comment Share on other sites More sharing options...
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.