Hello Three js team,
I am using following points :
[
{
"x": 0.5,
"y": 0
},
{
"x": 0.49773919846464376,
"y": 0
},
{
"x": 0.4909721811314206,
"y": 0
},
{
"x": 0.47976419791098507,
"y": 0
},
{
"x": 0.4642153949248161,
"y": 0
},
{
"x": 0.44446663753887566,
"y": 0
},
{
"x": 0.4206966004512789,
"y": 0
},
{
"x": 0.3931204604659642,
"y": 0
},
{
"x": 0.3619877637627399,
"y": 0
},
{
"x": 0.32758020594798815,
"y": 0
},
{
"x": 0.29020911609335204,
"y": 0
},
{
"x": 0.25021259954459135,
"y": 0
},
{
"x": 0.20795250827984893,
"y": 0
},
{
"x": 0.16381117621144836,
"y": 0
},
{
"x": 0.11818794268700426,
"y": 0
},
{
"x": 0.07149553044333491,
"y": 0
},
{
"x": 0.02415633435452743,
"y": 0
},
{
"x": -0.023401395628269955,
"y": 0
},
{
"x": -0.0707474368479195,
"y": 0
},
{
"x": -0.11745347685785706,
"y": 0
},
{
"x": -0.16309699572172295,
"y": 0
},
{
"x": -0.20726508547852712,
"y": 0
},
{
"x": -0.24955816222458174,
"y": 0
},
{
"x": -0.2895935903458967,
"y": 0
},
{
"x": -0.3270091615937248,
"y": 0
},
{
"x": -0.36146636463276227,
"y": 0
},
{
"x": -0.3926534163935317,
"y": 0
},
{
"x": -0.420288124462108,
"y": 0
},
{
"x": -0.4441204092841197,
"y": 0
},
{
"x": -0.46393452337113406,
"y": 0
},
{
"x": -0.4795511978728367,
"y": 0
},
{
"x": -0.49082894690715345,
"y": 0
},
{
"x": -0.4976656982522616,
"y": 0
},
{
"x": -0.49999942744259523,
"y": 0
},
{
"x": -0.49780898797442175,
"y": 0
},
{
"x": -0.4911143109421427,
"y": 0
},
{
"x": -0.47997612694279657,
"y": 0
},
{
"x": -0.46449523731572645,
"y": 0
},
{
"x": -0.444811886386546,
"y": 0
},
{
"x": -0.4211041544699334,
"y": 0
},
{
"x": -0.39358664710752994,
"y": 0
},
{
"x": -0.3625083766394051,
"y": 0
},
{
"x": -0.3281505413048969,
"y": 0
},
{
"x": -0.2908240155613783,
"y": 0
},
{
"x": -0.25086649813015494,
"y": 0
},
{
"x": -0.20863948404670885,
"y": 0
},
{
"x": -0.16452500479977505,
"y": 0
},
{
"x": -0.11892215445614542,
"y": 0
},
{
"x": -0.07224346977546586,
"y": 0
},
{
"x": -0.024911219803106618,
"y": 0
},
{
"x": 0.02264640878023822,
"y": 0
},
{
"x": 0.0699991940954616,
"y": 0
},
{
"x": 0.11671876197610766,
"y": 0
},
{
"x": 0.16238246819083627,
"y": 0
},
{
"x": 0.2065772203094972,
"y": 0
},
{
"x": 0.24890319059772506,
"y": 0
},
{
"x": 0.2889774424651339,
"y": 0
},
{
"x": 0.3264374120670974,
"y": 0
},
{
"x": 0.36094418271602613,
"y": 0
},
{
"x": 0.3921855179652148,
"y": 0
},
{
"x": 0.4198787291569275,
"y": 0
},
{
"x": 0.443773203828358,
"y": 0
},
{
"x": 0.46365262439472954,
"y": 0
},
{
"x": 0.4793362829587799,
"y": 0
},
{
"x": 0.49081784299096676,
"y": 0
},
{
"x": 0.5,
"y": 0
}
]
and than the following line of code to get the circular shape but it is not working fine for me i am getting a line instead of a circle
let shape = new THREE.Shape(polygon.userData[‘points’]);
let shapeGeometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);
Here is my extrudeSettings also:
let extrudeSettings = { amount: 0.001, bevelEnabled: false};
Please can some one give a quick help
Thanks
Alex