# Sphere visualization

**URL:** https://discourse.threejs.org/t/sphere-visualization/18097
**Category:** Questions
**Tags:** mesh, camera, geometry
**Created:** [August 24, 2020, 9:18am UTC](https://discourse.threejs.org/t/sphere-visualization/18097 "2020-08-24T09:18:00Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![RAUMIK\_RANA](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/raumik_rana/32/12395_2.png) [@RAUMIK\_RANA](https://discourse.threejs.org/u/RAUMIK_RANA)
#### Post date: [August 24, 2020, 9:18am UTC](https://discourse.threejs.org/t/sphere-visualization/18097/1 "2020-08-24T09:18:00Z")

</div>

As you can see in image, i added two same size sphere at different location.  
first sphere(at (0,0,0) exactly look like circle because camera position is (0,0,50)  
second sphere position(30,0,0) is slightly away from origin.  
obviously, second sphere visualization is not same as first because of camera position and sphere postion.

my question is that is there any way in three js by which second sphere also look like same as first at that position

 ![sphere image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/7/72b817c246184815d1f511ee109659c6134bf012.jpeg)

---

<div class="post-metadata">

### Author: ![Uncoke\_cK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/uncoke_ck/32/12861_2.png) [@Uncoke\_cK](https://discourse.threejs.org/u/Uncoke_cK)
#### Post date: [August 24, 2020, 10:14am UTC](https://discourse.threejs.org/t/sphere-visualization/18097/2 "2020-08-24T10:14:28Z")

</div>

Like this one? [Example](https://jsfiddle.net/uncoke/f23cg51w/)

```
geometry = new THREE.SphereGeometry( 5, 32, 32 );
geometry2 = new THREE.SphereGeometry( 5, 32, 164 );
material = new THREE.MeshNormalMaterial();
mesh = new THREE.Mesh(geometry, material);
mesh2 = new THREE.Mesh(geometry2, material);

mesh2.position.set(12,0,0);
scene.add(mesh);
scene.add(mesh2);
```

---

<div class="post-metadata">

### Author: ![RAUMIK\_RANA](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/raumik_rana/32/12395_2.png) [@RAUMIK\_RANA](https://discourse.threejs.org/u/RAUMIK_RANA)
#### Post date: [August 24, 2020, 11:04am UTC](https://discourse.threejs.org/t/sphere-visualization/18097/3 "2020-08-24T11:04:56Z")

</div>

No.  
your example is same as mine.  
second sphere looks little stretch in x direction

---

<div class="post-metadata">

### Author: ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)
#### Post date: [August 24, 2020, 12:43pm UTC](https://discourse.threejs.org/t/sphere-visualization/18097/4 "2020-08-24T12:43:11Z")

</div>

You can try to use [OrthographicCamera](https://threejs.org/docs/index.html#api/en/cameras/OrthographicCamera) ? Or adjust FOV of the perspective camera, although that will result in weird behaviour probably.

---

<div class="post-metadata">

### Author: ![Uncoke\_cK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/uncoke_ck/32/12861_2.png) [@Uncoke\_cK](https://discourse.threejs.org/u/Uncoke_cK)
#### Post date: [August 24, 2020, 1:15pm UTC](https://discourse.threejs.org/t/sphere-visualization/18097/5 "2020-08-24T13:15:09Z")

</div>

In this [Example](https://jsfiddle.net/uncoke/f23cg51w/51/) the Spheres are symmetric, having the x in -12 and 12 (in my case).
