Dear all,
I'm trying to use a SphereGeometry for my music visualizer, however 1 edge of it (it seems like the origin edge) is visible and really ugly as you can see in the screenshot.
How can I get rid of it?
Thanks a lot in advance!
#Edge of sphere looks ugly
forest prawn
stoic sentinel
Looks like your texture isn't a consistent color. Since it looks like you're just trying to make it a solid color, just use the color property to shade it and don't even use a texture.
forest prawn
Hello @stoic sentinel there is no texture applied on the object
stoic sentinel
What kind of material are you using?
stoic sentinel
Hello <@713148740885807166> there is no texture applied on the object
Show me how you are constructing your sphere. Let me see code.
forest prawn
Phong material
stoic sentinel
Phong material
Not sure if this is going to solve your issue, but I would set some properties for that material instead of just calling the constructor with defaults.
I would also set the color to something specific.
Increase the number of segments on your spheregeometry. This may be part of the problem.
The second and third arguments for the SphereGeometry constructor define how many segments you're using in theta and phi directions.
forest prawn
For the sergments I already tried 40x40 widthxheight
stoic sentinel
You've only set the radius it looks like
Well, then set the color of the phong material.
40 x 40 is also not that much just fyi.
I usually go 64x64 at a minimum.
You could also try using a different material.
fathom osprey
Phong material
do you perhaps call .computeVertexNormals()? doing that would create a seam
forest prawn
going 64x64 and applying the color to the material solved the issue.. I'm wondering why it was happening. Do you think it's just matter of pixels density?
Thanks a lot
sorry I was lying, one moment
no ok, it is still there, I didn't see it at first
stoic sentinel
Do you need to use Phong? You could try Standard, Physical, or Lambert.
forest prawn
do you perhaps call .computeVertexNormals()? doing that would create a seam
Yes, I do
stoic sentinel
Okay, well it seems maybe Dawg solved your issue.
forest prawn
it seems removing .computeVertexNormals() the ugly edge disappears, but the mesh responses differently to light now
stoic sentinel
Can you share picture?
fathom osprey
well yes, you have to use dodecahedron but subdivide it
drag detail to the right
then you may be able to use computeVertexNormals
although I think IcosahedronGeometry produces better grid
see https://threejs.org/docs/?q=hedr#api/en/geometries/IcosahedronGeometry demo - it looks highly regular
forest prawn
formerly, I was trying the Icosahedron with higher detail but it was heavy on performance when reaching enough detail to become smooth as a sphere. Let me try again
Icosahedron with detail = 20, it's not perfectly smooth as a sphere and it's lagging
ah detail is the subdivision, so I understand why it's lagging, but I don't understand why it doesn't look smooth
odd jackal
Can you check if the material has flatshading set to true?
feels like a case of flat vs smooth shading
forest prawn
flatshading is not involved and I'm aware it is "false" by default. In fact, if I explicitly set it to false nothing changes
fathom osprey
ah detail is the subdivision, so I understand why it's lagging, but I don't unde...
if subdivision makes unindexed geometry, maybe
btw if you remove uv attribute from the sphere seam vertices can be merged and then it will be gone for good
forest prawn
btw if you remove uv attribute from the sphere seam vertices can be merged and t...
How can I do that? I was reviewing the properties but I don't find anything related
btw thanks for the answers so far guys
fathom osprey
How can I do that? I was reviewing the properties but I don't find anything rela...
delete geometry.attributes.uv maybe