# How can I manipulate the vertices of the sphere in three.js?

**URL:** <https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806>\
**Category:** Questions\
**Tags:** sphere, vertices, geometry\
**Created:** [February 17, 2020, 12:00pm UTC](https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806 "2020-02-17T12:00:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![d-e-v-esh](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/d-e-v-esh/32/9033_2.png) [@d-e-v-esh](https://discourse.threejs.org/u/d-e-v-esh)\
**Post date:** [February 17, 2020, 12:00pm UTC](https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806/1 "2020-02-17T12:00:01Z")

</div>

I am just starting out with programming and getting started with my own projects. I am working with three.js for this particular project to get an interactive sphere.

I did create the sphere and made it interactive through orbital controls so I can move the sphere little bit like google earth.

What I’m trying to know is maybe very simple for a lot of people so I hope someone can help.

I want to convert all the vertices on the sphere into their own objects so that I can program them differently and interact with them. An example of this can be like when we click on a place on google earth then it zooms in and opens up a window giving details about that particular city. And in my project, I will like that if I click on a vertice then it changes color around that area for that and surrounding vertices, if I can get to that point then I’ll be able to learn more on my own. Any guidance in the right direction will help.

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [February 17, 2020, 12:02pm UTC](https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806/2 "2020-02-17T12:02:07Z")

</div>

Welcome to forum @d-e-v-esh! If you post on multiple forums, please link to your other posts as well:

> <https://stackoverflow.com/questions/60261717/javascript-how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js>

That prevents people doing the work to answer your question twice.

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [February 17, 2020, 12:07pm UTC](https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806/3 "2020-02-17T12:07:09Z")

</div>

> [@d-e-v-esh](#):
>
> I want to convert all the vertices on the sphere into their own objects so that I can program them differently and interact with them.

It’s a little hard to answer this without knowing exactly what you want to do.

However, a common approach to this problem is to create a new object (say, a new tiny sphere) centered on each vertex of the big sphere.

Can you explain in more detail what you want achieve? It will also help if you share your code too. There’s some templates here that you can use to get started:

> [@Please Read This Before Posting a Question](https://discourse.threejs.org/t/please-read-this-before-posting-a-question/24):
>
> Use this category for any questions related to three.js. Before posting here, please use the search function to check if your question has already been answered. There are also a lot of answered questions about three.js on Stackoverflow, so please search through the [three.js questions there](http://stackoverflow.com/questions/tagged/three.js?sort=votes) as well. If you think you’ve found a bug, you can report it on the [three.js issue tracker on Github](https://github.com/mrdoob/three.js/issues), but if you are not sure, post your issue here and we will help you confirm whether it is a bug or not. A…

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [February 17, 2020, 4:22pm UTC](https://discourse.threejs.org/t/how-can-i-manipulate-the-vertices-of-the-sphere-in-three-js/12806/4 "2020-02-17T16:22:24Z")

</div>

If you get started you might learn from examples in this forum.

> [@Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315):
>
> The answers to some questions contain some very interesting and instructive basic examples. These are difficult to find in the large number of questions on discourse.There are also good examples in resources and showcase. Therefore I collected them and put them on one page, clearly arranged by time. The collection may be a help for beginners. slightly_smiling_face UPDATE 2019 [http://discourse.threejs.hofk.de/](http://discourse.threejs.hofk.de/) is now redirected to the safe side [\* discourse.threejs.hofk.de](https://hofk.de/main/discourse.threejs/) UPDATE 202…

You may need to mix some of the techniques from the examples.

Some examples partly to the sphere.

[https://hofk.de/main/discourse.threejs/2017/PictureBall/PictureBall.html](https://hofk.de/main/discourse.threejs/2017/PictureBall/PictureBall.html)

[https://hofk.de/main/discourse.threejs/2018/LabelsOnSphere/LabelsOnSphere.html](https://hofk.de/main/discourse.threejs/2018/LabelsOnSphere/LabelsOnSphere.html)  
[https://hofk.de/main/discourse.threejs/2018/SetRemoveMarkers/SetRemoveMarkers.html](https://hofk.de/main/discourse.threejs/2018/SetRemoveMarkers/SetRemoveMarkers.html)  
[https://hofk.de/main/discourse.threejs/2018/Paris-lat-lon/Paris-lat-lon.html](https://hofk.de/main/discourse.threejs/2018/Paris-lat-lon/Paris-lat-lon.html)  
[https://hofk.de/main/discourse.threejs/2018/Tree%20on%20a%20Sphere/Tree%20on%20a%20Sphere.html](https://hofk.de/main/discourse.threejs/2018/Tree%20on%20a%20Sphere/Tree%20on%20a%20Sphere.html)  
[https://hofk.de/main/discourse.threejs/2018/SelectSegments/SelectSegments.html](https://hofk.de/main/discourse.threejs/2018/SelectSegments/SelectSegments.html)

[https://hofk.de/main/discourse.threejs/2019/MultipleImpactsEffect/MultipleImpactsEffect.html](https://hofk.de/main/discourse.threejs/2019/MultipleImpactsEffect/MultipleImpactsEffect.html)  
[https://hofk.de/main/discourse.threejs/2019/SelectFacesWithinRadius/SelectFacesWithinRadius.html](https://hofk.de/main/discourse.threejs/2019/SelectFacesWithinRadius/SelectFacesWithinRadius.html)  
[https://hofk.de/main/discourse.threejs/2019/ConstructionBasis/ConstructionBasis.html](https://hofk.de/main/discourse.threejs/2019/ConstructionBasis/ConstructionBasis.html)

They could be useful for your purpose.