Hi guys. Ok, so I have a weird playground here (sorry for neck pain). Basically, I have a situation where I need to rotate the app, so it kinda goes in “landscape mode”. This is done by using CSS and rotating whole html. After rotation, clicks on the GUI elements are not detected. (uncomment the st…

One thing that may help is the ScreenOrientation API, particularly the lock() function. It allows you to force the screen orientation to be either landscape or portrait. Unfortunately, while it’s well supported on Android, it’s not supported at all on iOS. Your best move might just be to show a mes…

Let me open my grimoire and summon @PolygonalSun

So, I took a look at this and from what I’m gathering, it’s not so much that the GUI elements aren’t being detected but that where the page thinks the GUI elements are, is vastly different from where they actually are. While I’m not sure on the best approach here, I’d imagine that it’d be a matter …

[image] Safari iOS full screen experience. Problem with ArcCamera controls Questions I’m not sure if modifying the limits will help in this scenario but if you’re just handling a single input for rotation, there’s an additional approach I could recommend trying. You could…

This is a really interesting one, thanks for bringing it to our attention! I haven’t investigated carefully yet, but it looks like we are not applying the CSS transformation to our input system. It’s actually a bit of a philosophical question about whether or not we would want to do this. Effectivel…

I raised this issue with the team but ultimately we do not intend to add any logic relating to CSS transformations. We are going to leave that to the developer’s responsibility. I would say that if you need this behavior, you will probably want to extend Scene and AdvancedDynamicTexture with your ow…

Hi. Well basically the goal is to have like “forced landscape mode”. As I understand, browsers are not allowing to force landscape orientation without user interaction (but I’ve been told that some engines, like Cocos, have ability to do this, but I don’t know how). So the idea was to detect portrai…

Hello @nogalo just checking in, was your question answered?

Hey. Kinda yes. Didn’t quite get the solution, but I got the information that can help me plan further actions.

Hello, I also meet the same problem now, may I ask how you solve it?

Pointer click detection is wrong after rotating the HTML (via CSS). Click on GUI elements not detected

Questions

singerxt February 10, 2022, 10:56pm 4

You might need to write your custom input which handles that.

Topic		Replies	Views
If rotate div, the button will can not be click Bugs gui	5	798	May 31, 2022
After the canvas is rotated 90 degrees, moving the finger to the left in the direction of the canvas will trigger an upward movement event Questions	15	1745	January 30, 2021
Force landscape mode Questions	9	2040	August 16, 2022
When body of html use scale, gui shows correct but button click uncorrect with wrong interaction area Questions	1	526	July 17, 2022
Make scene force landscape mode, Click position error Questions	2	939	July 7, 2022

Pointer click detection is wrong after rotating the HTML (via CSS). Click on GUI elements not detected

Related topics