# How to bend a grid of particles into kinda sphere-looking shape?

**URL:** <https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607>\
**Category:** Questions\
**Tags:** materials, geometry\
**Created:** [May 25, 2021, 4:05pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607 "2021-05-25T16:05:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![deebov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/deebov/32/18462_2.png) [@deebov](https://discourse.threejs.org/u/deebov)\
**Post date:** [May 25, 2021, 4:05pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/1 "2021-05-25T16:05:20Z")

</div>

Hello hello everyone!  
I know this could be solved easily with math but I’m pretty bad at it😅.

Well, basically I want to bend a grid(s) of particles into this shapes (the main colored spehere and the one underneath):

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/7/079ee206de27cb84f1c3ab82bd7588a125b54e1a.jpeg)

Any hints or directions would be really helpful 😊

---

<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:** [May 25, 2021, 4:20pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/2 "2021-05-25T16:20:06Z")

</div>

See [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)

[Points to Sphere](https://hofk.de/main/discourse.threejs/2018/Points%20to%20Sphere/Points%20to%20Sphere.html)  
[Points to Sphere uniformly](https://hofk.de/main/discourse.threejs/2018/Points%20to%20Sphere%20uniformly/Points%20to%20Sphere%20uniformly.html)  
[rotate Points on Sphere](https://hofk.de/main/discourse.threejs/2018/rotate%20Points%20on%20Sphere/rotate%20Points%20on%20Sphere.html)  
[FogPointsMaterial](https://hofk.de/main/discourse.threejs/2018/FogPointsMaterial/FogPointsMaterial.html)

---

<div class="post-metadata">

**Author:** ![UI\_UNICORN](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ui_unicorn/32/9842_2.png) [@UI\_UNICORN](https://discourse.threejs.org/u/UI_UNICORN)\
**Post date:** [May 25, 2021, 4:25pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/3 "2021-05-25T16:25:05Z")

</div>

https://codepen.io/uiunicorn/embed/preview/ExVeGBy?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=ExVeGBy

---

<div class="post-metadata">

**Author:** ![deebov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/deebov/32/18462_2.png) [@deebov](https://discourse.threejs.org/u/deebov)\
**Post date:** [May 25, 2021, 4:58pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/4 "2021-05-25T16:58:30Z")

</div>

thank you so much! your resources are very helpful

---

<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:** [May 25, 2021, 5:51pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/5 "2021-05-25T17:51:21Z")

</div>

I believe, the sphere formation of orange points is just `IcosahedronGeometry`.

---

<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:** [May 25, 2021, 9:15pm UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/6 "2021-05-25T21:15:04Z")

</div>

Well, I couldn’t resist to bend something 😄

Unfortunately, I’m not that good at maths (the older I get, the better I was 😅), so it took me some time to realize how to work with the smoothing function from this [video](https://www.youtube.com/watch?v=YJ4iyff7zbk) (Martijn rocks, as usual).

Example: [JSFiddle](https://jsfiddle.net/prisoner849/5ca2qet9/show)  
Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/2/b20e8a3b2ffb268a89c82ad2ef8d4a4b0734694c.png)

---

<div class="post-metadata">

**Author:** ![deebov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/deebov/32/18462_2.png) [@deebov](https://discourse.threejs.org/u/deebov)\
**Post date:** [May 26, 2021, 7:51am UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/7 "2021-05-26T07:51:03Z")

</div>

man, you rock ❤  
that’s exactly what I needed. thank you so much!!

---

<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:** [May 26, 2021, 8:02am UTC](https://discourse.threejs.org/t/how-to-bend-a-grid-of-particles-into-kinda-sphere-looking-shape/26607/8 "2021-05-26T08:02:10Z")

</div>

@deebov you’re welcome 🍻