# Snapshot rendered scene as skybox for another scene

**URL:** <https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824>\
**Category:** Questions\
**Created:** [August 15, 2024, 1:20pm UTC](https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824 "2024-08-15T13:20:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Oros\_Bogdan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/oros_bogdan/32/39847_2.png) [@Oros\_Bogdan](https://forum.babylonjs.com/u/Oros_Bogdan)\
**Post date:** [August 15, 2024, 1:20pm UTC](https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824/1 "2024-08-15T13:20:26Z")

</div>

My goal is to have 2 scenes, one with a boxing ring, and a second one with the whole environment around the boxing ring which might be very complex but static.

I want to render the environment outside the ring with webgpu and snapshot rendering to get extra performance.

I wanted to ask if it’s possible to somehow render this environment from the 2nd scene to something like a skybox or photodome ([Babylon.js docs](https://doc.babylonjs.com/features/featuresDeepDive/environment/360PhotoDome)) that I can use in my 1st scene.

Would something like this even yield better results than just rendering the scene normally?

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [August 15, 2024, 1:57pm UTC](https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824/2 "2024-08-15T13:57:21Z")

</div>

Have a look at this thread - [Generate equirectangular 360 panorama from babylon.js scene](https://forum.babylonjs.com/t/generate-equirectangular-360-panorama-from-babylon-js-scene/6899)

> [@Oros\_Bogdan](#):
>
> Would something like this even yield better results than just rendering the scene normally?

I doubt so.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [August 15, 2024, 4:48pm UTC](https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824/3 "2024-08-15T16:48:14Z")

</div>

If it is static, you do not even need snapshot just rendering it I guess.

You could use a ReflectionProbe to create a cube texture from it. The issue is more about reusing the probe in a second sceen.

I guess in this case you could rely on layerMask in the same scene to segment the background and foreground.

---

<div class="post-metadata">

**Author:** ![Oros\_Bogdan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/oros_bogdan/32/39847_2.png) [@Oros\_Bogdan](https://forum.babylonjs.com/u/Oros_Bogdan)\
**Post date:** [August 15, 2024, 7:53pm UTC](https://forum.babylonjs.com/t/snapshot-rendered-scene-as-skybox-for-another-scene/52824/4 "2024-08-15T19:53:31Z")

</div>

Actually I noticed that the snapshot rendering property is bound to the engine not the scene, so I’d have to use smt like 2 stacked canvas with 2 engines to achieve something like this I think.

The ring would be highly interactive, just the complex background would be static.