Hello, I’m building a representation of Saturn’s rings in THREE.js using a RingGeometry
. I have a texture that is 2048x1, with each pixel representing the color of Saturn’s rings at a given radius.
As expected, it is not enough to simply apply this texture to the RingGeometry:
I don’t know too much about graphics but I understand I need to adjust the UVs. I found a similar example and attempted to do this in the Codepen but did not have success.
Am I on the right track? Is there a better way to adjust the texture?
Intended result looks like this:
Codepen here: https://codepen.io/typpo/pen/WNeVbVX?editors=0010