# Form a circular cylinder by elements

**URL:** <https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959>\
**Category:** Questions\
**Tags:** transform\
**Created:** [April 1, 2021, 7:22am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959 "2021-04-01T07:22:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jaelchua](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jaelchua/32/17427_2.png) [@jaelchua](https://discourse.threejs.org/u/jaelchua)\
**Post date:** [April 1, 2021, 7:22am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/1 "2021-04-01T07:22:51Z")

</div>

I had tried many ways to use elements/objects to create a cylinder with top and bottom.  
The result always shows the elements do not display on the circle surface area.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/0/b066d65fa246527681e87f840d6c885a222ef03a.png)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/d/7/d72d3355429bd422560ae2f8f806bc32371125d1.png)

---

<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:** [April 1, 2021, 10:39am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/2 "2021-04-01T10:39:59Z")

</div>

When using [THREE.Cylindrical](https://threejs.org/docs/index.html?q=cylin#api/en/math/Cylindrical) you effectively work with cylindrical coordinates which can’t be used to compute points for the cylinder’s caps.

I suggest you study how [CylinderGeometry](https://threejs.org/docs/index.html#api/en/geometries/CylinderGeometry) generates its caps and use a similar approach for your app.

---

<div class="post-metadata">

**Author:** ![jaelchua](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jaelchua/32/17427_2.png) [@jaelchua](https://discourse.threejs.org/u/jaelchua)\
**Post date:** [April 4, 2021, 12:02pm UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/3 "2021-04-04T12:02:14Z")

</div>

Hi Mugen,

Thank you for replying to my question yesterday.  
Actually, I also had used CylinderGeometry but I was struggling with the object position x, y, z

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/2/a243a1fdca5d0b73fefec4e4dd261050900a7df6.png)  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/1/e13179c0f36a5f4316b5917845adf2538ba43583.png)

Is there any simple way to solve the issue?  
As a beginner, I not familiar with threejs, and feel confused about adjust object.position to form any geometry or table.

---

<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:** [April 4, 2021, 2:25pm UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/4 "2021-04-04T14:25:18Z")

</div>

Are you looking for something like this? [https://jsfiddle.net/prisoner849/rwv0kex9/](https://jsfiddle.net/prisoner849/rwv0kex9/)

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/f/afa958943dd0ac10a6158d4e7a4f7ca68fad15db.jpeg)

---

<div class="post-metadata">

**Author:** ![jaelchua](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jaelchua/32/17427_2.png) [@jaelchua](https://discourse.threejs.org/u/jaelchua)\
**Post date:** [April 5, 2021, 3:59am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/5 "2021-04-05T03:59:34Z")

</div>

Thanks, prisoner, the objects have the perfect position to form a cylinder in every row,  
I looking for periodic table objects that will fill up the circle areas, there are no holes at the top and bottom.

---

<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:** [April 5, 2021, 8:27am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/6 "2021-04-05T08:27:20Z")

</div>

@jaelchua  
Any reference or explanatory picture of how it has to look like?

---

<div class="post-metadata">

**Author:** ![jaelchua](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jaelchua/32/17427_2.png) [@jaelchua](https://discourse.threejs.org/u/jaelchua)\
**Post date:** [April 8, 2021, 6:54am UTC](https://discourse.threejs.org/t/form-a-circular-cylinder-by-elements/24959/7 "2021-04-08T06:54:09Z")

</div>

I don’t have the picture, thanks for the help 😀