Develop
Develop
Select your platform

Curved Canvases

Updated: Nov 3, 2025
Interaction SDK supports curved canvases, which are available as a prefab. To use the prefab, see Create a Curved or Flat UI.
Curved canvases are automatically scaled by CanvasMesh. They forward pointer events via PointableCanvasMesh. CanvasRenderTexture renders the canvas to a RenderTexture.

RenderModes

There are two types of CanvasRenderer components included in the Interaction SDK, CanvasMeshRenderer and OVRCanvasMeshRenderer.
  • Opaque: Opaque rendering with no alpha support.
  • AlphaCutout: Opaque rendering with alpha cutout.
  • AlphaBlended: Supports transparency.
  • Underlay: Uses the OVR Underlay Compositor Layer to provide sharper, higher quality visuals. In this mode, the curved mesh “punches a hole” in the eye buffer through which the UI texture is visible.
  • Overlay: Uses the OVR Overlay Compositor Layer to provide sharper, higher quality visuals. Overlay is rendered in front of the eye buffer, so this will be drawn on top of everything except other Overlay layers.

Learn more

Design guidelines

  • Fonts and icons: Learn about fonts and icons components for immersive experiences.
  • Panels: Learn about panels components for immersive experiences.
  • Windows: Learn about windows components for immersive experiences.
  • Tooltips: Learn about tooltips components for immersive experiences.
  • Cards: Learn about cards components for immersive experiences.
  • Dialogs: Learn about dialogs components for immersive experiences.
Did you find this page helpful?
Nav Logo
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
English (US)
© 2026 Meta