# How to control reflection size

**URL:** https://discourse.threejs.org/t/how-to-control-reflection-size/17542
**Category:** Questions
**Tags:** reflector
**Created:** [July 30, 2020, 5:37pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542 "2020-07-30T17:37:30Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Sapir](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@Sapir](https://discourse.threejs.org/u/Sapir)
#### Post date: [July 30, 2020, 5:37pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/1 "2020-07-30T17:37:30Z")

</div>

Hi!

Is there a way to control the size of the reflection? I used CubeCamera to create it.  
Right now it looks like a “magnifying glass” rather than a mirror.

 ![Screen Shot 2020-07-30 at 20.19.35](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/2/2036fe117387a8e18f3c4bf5e6b9e6cb581b36a9.jpeg)  
Also is there a way to make the texture less pixelated?

Here you can see my code: [https://github.com/sapirmash/3D/blob/59ca1d0fb927d836ff3d559548d31d8dece985a9/ReflectionScene.html](https://github.com/sapirmash/3D/blob/59ca1d0fb927d836ff3d559548d31d8dece985a9/ReflectionScene.html)

Thanks!

---

<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: [July 30, 2020, 7:49pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/3 "2020-07-30T19:49:53Z")

</div>

Why are you using `CubeCamera` and not `Reflector` in your scene?

---

<div class="post-metadata">

### Author: ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)
#### Post date: [July 30, 2020, 8:12pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/4 "2020-07-30T20:12:32Z")

</div>

Your cubecamera is at the center of the scene, so the sphere is close to it and thus there no surprise that the sphere looks big on the box.

---

<div class="post-metadata">

### Author: ![Sapir](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@Sapir](https://discourse.threejs.org/u/Sapir)
#### Post date: [July 31, 2020, 1:07pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/5 "2020-07-31T13:07:06Z")

</div>

I tried to use the Reflector but couldn’t find how to control the reflection intensity (so it won’t be like a mirror) or the reflective object color. Here’s an example of what I’m trying to achieve:

 ![Screen Shot 2020-07-25 at 18.00.41](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/f/fce7f8b443d6dd2198d92e12f3ad66f2cdb7c217.jpeg)  
I saw that they used THREE.Mirror but didn’t find any documentation about that. Thanks!

---

<div class="post-metadata">

### Author: ![Sapir](https://avatars.discourse-cdn.com/v4/letter/s/f1d935/32.png) [@Sapir](https://discourse.threejs.org/u/Sapir)
#### Post date: [July 31, 2020, 1:10pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/6 "2020-07-31T13:10:15Z")

</div>

Got it! When I played with the cubeCamera position it helps a bit but still the reflection looks off:

 ![Screen Shot 2020-07-31 at 16.08.16](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/6/64e05652ddd947a906e65e9cb8462c26c9204d98.png)

For reference, this is what I’m trying to achieve:

 ![Screen Shot 2020-07-25 at 18.00.41](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/f/fce7f8b443d6dd2198d92e12f3ad66f2cdb7c217.jpeg)  
I just started to learn three.js so maybe I’m missing something. Thanks!

---

<div class="post-metadata">

### Author: ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)
#### Post date: [July 31, 2020, 1:43pm UTC](https://discourse.threejs.org/t/how-to-control-reflection-size/17542/7 "2020-07-31T13:43:25Z")

</div>

Use cubecamera for volumetric meshes  
and reflector for one sided flat planes.  
[https://sbcode.net/threejs/cubecamera/](https://sbcode.net/threejs/cubecamera/)  
View the source in the example Iframe for JS example code.

And here is a reflector demo.  
[https://sbcode.net/threejs/reflector/](https://sbcode.net/threejs/reflector/)

In a few days i will update these examples so that JS source is easier to read.
