<mr-app data-orbital="mode:true; targetPos:0 2 3"> ... </mr-app>

Orbital state can be attached to an mr-app using data-orbital.:


Specifies the orbital setup.

Enables just the use of orbital controls. Though this feature is already enabled as part of debug=true, we also allow a specific flag for it for the cases where you just want to look closer at something more easily without all the additional overhead of full debugging.

It works without the requirement of the =+ keypress (unlike the debug=true case).

Note if both orbital and debug are set to true, the orbital will take priority, meaning you still wont have to use the =+ keypress for it to work. The rest of debug will still work as expected.

Orbital Control 3D toggling:

  1. rotate the scene with left mouse drag
  2. pan the scene with right mouse drag
  3. zoom with the mouse wheel

Try it out below!

mr-panel { background-color: LightSkyBlue; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 100vw; height: 100vh; } #koi { scale: 0.05; z-index: 70; }