# Metaversal on three.js project - is the transparent background available?

**URL:** https://forum.8thwall.com/t/metaversal-on-three-js-project-is-the-transparent-background-available/1238
**Category:** Technical Support
**Tags:** metaversaldeployment
**Created:** [May 1, 2024, 10:33am UTC](https://forum.8thwall.com/t/metaversal-on-three-js-project-is-the-transparent-background-available/1238 "2024-05-01T10:33:18Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Yu\_Takada](https://avatars.discourse-cdn.com/v4/letter/y/f17d59/32.png) [@Yu\_Takada](https://forum.8thwall.com/u/Yu_Takada)
#### Post date: [May 1, 2024, 10:33am UTC](https://forum.8thwall.com/t/metaversal-on-three-js-project-is-the-transparent-background-available/1238/1 "2024-05-01T10:33:18Z")

</div>

I am creating a content to use in Meta Quest3, by using three.js framework.

I’ve found that I can see the real-world background in this A-Frame portal sample when opening in Meta Quest 3 browser,

> **[World Tracking Portal | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/portal-aframe)**
>
> This example shows off the popular portal illusion in WebAR using hider materials and the camera position as an event trigger.

but my project, as same as another three.js sample such as below, only shows the black background like a VR content.

> **[three.js: World Effects Template | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/unitcube-threejs)**
>
> This blank three.js project contains a simple unit cube. Tap the screen to recenter.

Is there any way to enable real world background in the three.js projects as well as the A-Frame projects? Thank you!