# Show 2 viewport using same renderer

**URL:** <https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376>\
**Category:** Questions\
**Tags:** webgl-renderer\
**Created:** [November 3, 2020, 8:37am UTC](https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376 "2020-11-03T08:37:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![shubham\_soni](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shubham_soni/32/12102_2.png) [@shubham\_soni](https://discourse.threejs.org/u/shubham_soni)\
**Post date:** [November 3, 2020, 8:37am UTC](https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376/1 "2020-11-03T08:37:43Z")

</div>

I found that viewHelper(Arrow navigation on bottom-Right of three js editor) use same renderer for different viewport i.e one is for viewhelper other is for main canvas.

**correct if I am wrong?**

But I am getting only one view

> <https://github.com/mrdoob/three.js/blob/8e3b6b83a690119a0488b439b7e02275dc434698/editor/js/Viewport.ViewHelper.js>

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [November 3, 2020, 9:15am UTC](https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376/2 "2020-11-03T09:15:41Z")

</div>

> [@shubham\_soni](#):
>
> correct if I am wrong?

You are right. The relevant code section is:

> <https://github.com/mrdoob/three.js/blob/8e3b6b83a690119a0488b439b7e02275dc434698/editor/js/Viewport.ViewHelper.js#L152-L154>

After clearing the depth buffer, the renderer is configured to overwrite a small portion of the editor’s viewport with an additional rendering (representing the view helper). You should do the same configuration in your app.

---

<div class="post-metadata">

**Author:** ![shubham\_soni](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shubham_soni/32/12102_2.png) [@shubham\_soni](https://discourse.threejs.org/u/shubham_soni)\
**Post date:** [November 3, 2020, 9:23am UTC](https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376/3 "2020-11-03T09:23:27Z")

</div>

Thank you @Mugen87  
its working fine

---

<div class="post-metadata">

**Author:** ![shubham\_soni](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shubham_soni/32/12102_2.png) [@shubham\_soni](https://discourse.threejs.org/u/shubham_soni)\
**Post date:** [November 3, 2020, 9:26am UTC](https://discourse.threejs.org/t/show-2-viewport-using-same-renderer/20376/4 "2020-11-03T09:26:17Z")

</div>

I think you(@Mugen87 ) and @mrdoob are contributor of viewHelper code in three js.

its really well written. I really love the way you written reusable code.

Thank you so much again