# How to render scene with perspective and other with orthographic by the same renderer

**URL:** <https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467>\
**Category:** Questions\
**Tags:** webgl-renderer\
**Created:** [March 8, 2019, 10:25pm UTC](https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467 "2019-03-08T22:25:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![HeshamSaleh](https://avatars.discourse-cdn.com/v4/letter/h/46a35a/32.png) [@HeshamSaleh](https://discourse.threejs.org/u/HeshamSaleh)\
**Post date:** [March 8, 2019, 10:25pm UTC](https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467/1 "2019-03-08T22:25:58Z")

</div>

Am facing a very tough issue which is

I intended to render some objects with perspective view and some others with orthographic view at the same canvas by the same webglRenderer

So I initialised 2 scenes , a perspective camera and  
Orthographic camera

Then I initialised a webglRenderer

Any objects I want to render as perspective view I added to the first scene  
And any objects I want to render as orthographic I added to the other scene

At the render function I wrote

```auto
WebGLRenderer.render(pScene,pCamera);
WebGLRenderer.render(oScene,oCamera);

```

But always only one scene appears which is the last rendered one

What should I do to make the two scenes appear together???

Please help…

---

<div class="post-metadata">

**Author:** ![marquizzo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marquizzo/32/25192_2.png) [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Post date:** [March 9, 2019, 9:35am UTC](https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467/2 "2019-03-09T09:35:47Z")

</div>

1. Make sure you’re setting `renderer.autoclear = false;` [as outlined in the docs](https://threejs.org/docs/#api/en/renderers/WebGLRenderer.render)
2. You’ll have to manually call `clear()` at the beginning of the frame, but not in between renders:

```auto
WebGLRenderer.clear();
WebGLRenderer.render(pScene,pCamera);
WebGLRenderer.render(oScene,oCamera);

```

---

<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:** [March 9, 2019, 10:13am UTC](https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467/3 "2019-03-09T10:13:39Z")

</div>

> [@marquizzo](#):
>
> Make sure you’re setting `renderer.autoclear = true;`

Isn’t it more correct to set the flag to `false` in @HeshamSaleh’s scenario?

> [@marquizzo](#):
>
> You have to enable `alpha` when initiating the renderer:

Why is this necessary?

---

<div class="post-metadata">

**Author:** ![marquizzo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marquizzo/32/25192_2.png) [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Post date:** [March 9, 2019, 9:53pm UTC](https://discourse.threejs.org/t/how-to-render-scene-with-perspective-and-other-with-orthographic-by-the-same-renderer/6467/4 "2019-03-09T21:53:06Z")

</div>

Haha! I knew I was making a mistake by posting at 2am. Thanks for catching that, I edited my answer.