# Multiple Canvases and Multiple Scenes

**URL:** <https://forum.babylonjs.com/t/multiple-canvases-and-multiple-scenes/34165>\
**Category:** Questions\
**Tags:** canvas, scene\
**Created:** [September 23, 2022, 3:40am UTC](https://forum.babylonjs.com/t/multiple-canvases-and-multiple-scenes/34165 "2022-09-23T03:40:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![amorgan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/amorgan/32/27029_2.png) [@amorgan](https://forum.babylonjs.com/u/amorgan)\
**Post date:** [September 23, 2022, 3:40am UTC](https://forum.babylonjs.com/t/multiple-canvases-and-multiple-scenes/34165/1 "2022-09-23T03:40:43Z")

</div>

Hey all! It’s been a while since I posted and even had to create a new account, so it’s been that long.

The topic is rendering multiple canvases with multiple scenes, referencing: [Using Multiple Canvases | Babylon.js Documentation](https://doc.babylonjs.com/features/featuresDeepDive/scene/multiCanvas)

I originally had a question on how to do what I was attempting to do because I struggled to adapt the documentation. My goal was to have a main canvas that renders a scene, and then have another canvas with it’s own scene as a popup that, in application, would be temporary.

I was able to finally figure it out and since I struggled finding an example on how to do this, I figured I’d post what I did here:

> **[Babylon.js Playground](https://playground.babylonjs.com/#UKA0UF%236)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

It might be worth adding a similar example to the documentation, since the document only has an example for multiple scenes, but not multiple canvases and scenes.

Hope this is helpful.

Note: I know there is a performance hit since the canvases are not the same.

---

<div class="post-metadata">

**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\
**Post date:** [September 23, 2022, 2:05pm UTC](https://forum.babylonjs.com/t/multiple-canvases-and-multiple-scenes/34165/2 "2022-09-23T14:05:08Z")

</div>

Thank you very much for sharing your solution! I’m sure this will be of great help to others 😃  
Would you like to be the one to add it to the docs? [BabylonJS/Documentation: Babylon.js’s documentation website (github.com)](https://github.com/BabylonJS/Documentation) it’s ok if you don’t want to but we love getting contributions ^^

---

<div class="post-metadata">

**Author:** ![amorgan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/amorgan/32/27029_2.png) [@amorgan](https://forum.babylonjs.com/u/amorgan)\
**Post date:** [September 23, 2022, 2:54pm UTC](https://forum.babylonjs.com/t/multiple-canvases-and-multiple-scenes/34165/3 "2022-09-23T14:54:47Z")

</div>

Yea, let me take a stab at it! Thanks for pointing to it.