> Learn how to leverage multi-views in Babylon.js.

Source: https://doc.babylonjs.com/features/featuresDeepDive/cameras/multiViewsPart1

# How to use Multiview

## Introduction

The [WebGL Multiview extension](https://www.khronos.org/registry/webgl/extensions/OVR_multiview2/) allows rendering multiple views (e.g. each eye for VR scenarios) in a single render pass. This can make rendering around 1.5 to 2.0 times faster.

Multiview is not currently supported in all browsers. If it is supported, the multiview capability should be present:

```javascript
scene.getEngine().getCaps().multiview;
```

**Note:** Multiview rendering renders to a texture array instead of a standard texture. This may cause unexpected issues when applying post-processing with custom shaders, effects, or post-processing steps (_e.g._, the highlight layer will have no effect).

## Using with VRExperienceHelper

Multiview can be enabled by setting the `useMultiview` option to `true`.

```javascript
scene.createDefaultVRExperience({ useMultiview: true });
```

- [Playground: VR Experience Multiview Example](https://playground.babylonjs.com/#SRV2A0) - A simple example of using multiviews for a VR experience.

## Using with VRDeviceOrientationFreeCamera to display on the screen

Enable through the option in the [VRCameraMetrics](https://doc.babylonjs.com/typedoc/classes/babylon.vrcamerametrics) object:

```javascript
// Enable multiview
const multiviewMetrics = BABYLON.VRCameraMetrics.GetDefault();
multiviewMetrics.multiviewEnabled = true;
// Create camera
const multiviewCamera = new BABYLON.VRDeviceOrientationFreeCamera("", new BABYLON.Vector3(-10, 5, 0), scene, undefined, multiviewMetrics);
```

- [Playground: VRDeviceOrientationFreeCamera Multiview Example](https://playground.babylonjs.com/#EZDZZV) - A simple example of using multiviews to create a VRDeviceOrientationFreeCamera.
