Is it possible to change the size of the webxr teleportation landing zone mesh? And is it also possible to replace the default landing zone mesh with another mesh?
I do not know the answer, but if not, making the size dynamic based on how far away might be what helps. When pointing close it could be smaller for better precision, and large in the distance. Could look weird though as you move it around.
It is possible to do anything you want with the landing zone.
The mesh is configurable:
Babylon.js/WebXRControllerTeleportation.ts at master · BabylonJS/Babylon.js (github.com)
So if that’s enough for you, there is no need to create your own mesh. If it’s not (which might be the case, of course), you can create your own mesh and provide it as an option when initializing the teleportation feature - Babylon.js/WebXRControllerTeleportation.ts at master · BabylonJS/Babylon.js (github.com)
Notice that, as the doc states, if you want to support rotation you will need to provide a rotatable mesh, with the same structure as the default mesh - Babylon.js/WebXRControllerTeleportation.ts at master · BabylonJS/Babylon.js (github.com)
It is not a must to follow this structure (the more important thing is the naming of specific elements, like the rotation cone), but if you don’t, it might behave in a different way.
Hope this helps!