---
title: "Background & Environment"
section: "Examples"
order: 68
description: "Background & Environment — Vuer documentation"
---

import { DocImage } from '@docs/components/Docs'

<a id="background-amp-environment" />

# Background & Environment

This section covers background images, video streaming, panoramic views, and HUD displays.

## RGB-D Visualization

Render RGB and depth image pairs using the `ImageBackground` component.

**[View full example →](/examples/background/depth_image)**

<DocImage src="/source/examples/figures/depth_image.png" width="80%" />

## 360 Image

Create immersive 360-degree panoramic views by mapping equirectangular images to a textured sphere, allowing viewers to explore the full panorama with orbit controls.

**[View full example →](/examples/background/sky_ball)**

<DocImage src="/source/examples/figures/17_sky_ball.png" width="80%" />

## Heads Up Display

Display a heads-up-display (HUD) in VR using `ImageBackground` for real-time video streaming. Useful for teleoperating robots with a single camera view.

**[View full example →](/examples/background/vr_hud)**

<DocImage src="/source/examples/figures/07b_vr_hud.png" width="80%" />

## Example List

- [RGB-D Visualization](/examples/background/depth_image)
- [360 Image](/examples/background/sky_ball)
- [Heads Up Display](/examples/background/vr_hud)