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: [image] I don’t k…

Hi! Not so difficult to re-calculate UVs (like @marquizzo said) , having a buffer geometry: https://codepen.io/prisoner849/pen/zYOgroW?editors=0010 const geometry = new THREE.RingBufferGeometry(3, 5, 64); var pos = geometry.attributes.position; var v3 = new THREE.Vector3(); for (let i = 0; i < po…

Applying a texture to a RingGeometry

Questions

prisoner849 October 1, 2019, 9:48pm 5

Add this to your THREE.ShaderMaterial():

transparent: true

to get the same result when you use THREE.MeshBasicMaterial()

https://codepen.io/prisoner849/pen/wvwVMEo?editors=0010

Rendering a texture for RingGeometry

Topic		Replies	Views
Rendering a texture for RingGeometry Questions textures	5	679	October 28, 2023
How can I apply PNG as a 2side pattern texure on a RingBufferGeometry Questions textures , geometry	15	1229	October 4, 2022
Texture mapping on a custom geometry Questions textures , geometry	2	2648	November 6, 2021
BufferedGeometry UV calculation and texture assignment Questions geometry	1	707	December 5, 2019
Making texture fill faces Questions glsl , shaders	3	1189	May 13, 2018

Applying a texture to a RingGeometry

Related topics