> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/how-to/how-to-add-digital-environment-to-your-3d-model.md).

# How to Add digital Environment to your 3D Model

One of the easiest ways to elevate your scene is by adding a digital environment—and HDR images are your secret weapon. High Dynamic Range (HDR) images don’t just serve as pretty backgrounds—they provide rich lighting data that can completely transform how your 3D model interacts with light, shadows, and reflections. 

In this guide, you'll learn how to use HDR images to create stunning digital environments that bring your 3D creations to life with depth, realism, and atmosphere.

#### ✅ What You’ll Need

* A 3D model (GLB, FBX, or other formats)
* HDR Image
* A SwiftXR account

## Step 1: Download an HDR Image Online

You can access free HDR Images online. [Download here](https://polyhaven.com/hdris/indoor)

<figure><img src="/files/iygDh0GChsk4oL7utWgt" alt=""><figcaption></figcaption></figure>

## Step 2: Create a Project on SwiftXR

Log in to your SwiftXR account. Click on **Create project.** Give your project a name then click **on create** a new project.

<figure><img src="/files/0GdclKTAsaZA1K4EJTE9" alt=""><figcaption></figcaption></figure>

## Step 3: Drag and Drop the AR component

Open the SwiftXR editor > select components > click on 3D. Then drag and drop the AR component on the Canvas. Choose any of the means available to get your 3D models Upload your 3D model from your device&#x20;

* Upload a 3D model from your device
* Search SwiftXR asset store&#x20;
* Use our AI image to 3D converter
* Request a custom 3D model from SwiftXR

<figure><img src="/files/EXcNVdLNTgloq7vIjz3y" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eQvmrPybxv8PRvfJT6b1" alt=""><figcaption></figcaption></figure>

## Step 4: Add your HDR Image&#x20;

Head over to **properties,** Scroll down to Lighning. Click on it and under 3D Object background, drag and drop on your HDR Image.

<figure><img src="/files/WzWLRloJCGqtLsxVV3PN" alt=""><figcaption></figcaption></figure>

## Step 5: Preview and Publish your Project

Click on the preview tab to preview your project, then hit publish to make it live

<figure><img src="/files/rBXua4oPWLdQCrXefevy" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/how-to/how-to-add-digital-environment-to-your-3d-model.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.