# Camera block left and right side

**URL:** <https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566>\
**Category:** Questions\
**Created:** [September 4, 2021, 11:59am UTC](https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566 "2021-09-04T11:59:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kuangzheng\_Xia](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/kuangzheng_xia/32/17495_2.png) [@Kuangzheng\_Xia](https://forum.babylonjs.com/u/Kuangzheng_Xia)\
**Post date:** [September 4, 2021, 11:59am UTC](https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566/1 "2021-09-04T11:59:44Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/1/21b42cbc35e7d4401cf3ce3017a4db27f2f6e848.jpeg)

can we add an overlay on top of the sides of the screen, so that even on a widescreen display, it hides anything that goes over the square in the middle of the screen?

The following is a circle.

> [@Camera only see the central part](https://forum.babylonjs.com/t/camera-only-see-the-central-part/23563/2):
>
> [https://playground.babylonjs.com/#08A2BS#103](https://playground.babylonjs.com/#08A2BS#103)

---

<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:** [September 6, 2021, 2:21pm UTC](https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566/2 "2021-09-06T14:21:53Z")

</div>

you could use a Babylon layer for this 🙂 [https://www.babylonjs-playground.com/#08A2BS#1](https://www.babylonjs-playground.com/#08A2BS#1) the last parameter is changing from background to foreground.

If you only rely on a vignette effect you can also enable it on any standardMat or PBRMat with:

```auto
scene.imageProcessingConfiguration.vignetteEnabled = true;

```

and configure with all properties:

```auto
scene.imageProcessingConfiguration.vignetteXXX 

```

---

<div class="post-metadata">

**Author:** ![Kuangzheng\_Xia](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/kuangzheng_xia/32/17495_2.png) [@Kuangzheng\_Xia](https://forum.babylonjs.com/u/Kuangzheng_Xia)\
**Post date:** [September 7, 2021, 1:57am UTC](https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566/3 "2021-09-07T01:57:04Z")

</div>

> [@sebavan](#):
>
> If you only rely on a vignette effect you can also enable it on any standardMat or PBRMat with:
> 
> ```auto
> scene.imageProcessingConfiguration.vignetteEnabled = true;
> 
> ```

May you show a demo for me 🙂

---

<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:** [September 7, 2021, 1:56pm UTC](https://forum.babylonjs.com/t/camera-block-left-and-right-side/23566/4 "2021-09-07T13:56:22Z")

</div>

[https://www.babylonjs-playground.com/#G3HSAW#132](https://www.babylonjs-playground.com/#G3HSAW#132)