# Screenshot of the specified model group

**URL:** <https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220>\
**Category:** Questions\
**Created:** [March 21, 2023, 9:28am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220 "2023-03-21T09:28:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [March 21, 2023, 9:28am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/1 "2023-03-21T09:28:09Z")

</div>

Need help with a tricky problem!  
Create a general camera to present the front view effect to the bounding box of the model group and take a screenshot of the model group

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [March 21, 2023, 10:16am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/2 "2023-03-21T10:16:54Z")

</div>

I think a repro in the playground will help us understand exactly what your problem is, as your description is a bit vague.

---

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [March 22, 2023, 8:51am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/4 "2023-03-22T08:51:48Z")

</div>

Thank you for your timely response to my question, I am actively doing an online case. Case address: [https://playground.babylonjs.com/#U2KKMK#248](https://playground.babylonjs.com/#U2KKMK#248)  
When the aspect ratio of the canvas is uncertain, the boxParent and its child nodes can be taken as a complete screenshot, only including the model, and no blank space around it.  
Thank you very much if you can solve this problem!

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [March 22, 2023, 10:57am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/5 "2023-03-22T10:57:46Z")

</div>

Here’s one way to do it:

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

You simply need to set the ortho volume of the camera with the bounding box dimensions of the scene.

---

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [March 23, 2023, 4:03am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/6 "2023-03-23T04:03:02Z")

</div>

The example I provided does side view and saves screenshots.  
In fact, what I need is a screenshot of the top view. I have already made an example of the top view. The case address: [https://playground.babylonjs.com/#U2KKMK#251](https://playground.babylonjs.com/#U2KKMK#251).

The screenshot needs to pay attention to: when the aspect ratio of the canvas is uncertain, you can take the boxParent and its child nodes as a complete screenshot, which only contains the model, and there is no blank space around it.

According to your plan under the premise of the top view, there is a problem with the screenshot, I hope you can help me if you have time, thank you!

---

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [March 23, 2023, 5:33am UTC](https://forum.babylonjs.com/t/screenshot-of-the-specified-model-group/39220/7 "2023-03-23T05:33:10Z")

</div>

The case address has solved my problem.

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