BufferAttributes: last points are not rendered as expected

[marluscw]

Hello there,

I'm using a custom shader to render points of a buffer geometry, but the last points are not getting the right color. I'm also passing an attribute for controlling the point size, it does not work either... (I've changed to a fixed point size to post the example below)

https://codesandbox.io/s/admiring-meitner-ykdjb?file=/src/App.js

Thanks in advance!

[drcmda]

i just see a blank screen. but in any case, i you'll get faster response in threejs discourse/discord, it doesn't seem r3f related. btw you're using old outdated r3f, the namesspaces are @react-three/fiber and @react-three/drei.

[marluscw]

The example is working, but I think you need to click refresh button... I will take a look at discord/discourse. cheers

[leone6]

try "const NUM = (pts + 1) * (pts + 2)" if you want the center dots to be blue

[marluscw]

oh, so the problem was the correct number of vertices in a sphere... thanks @leone6

[leone6]

no problem. if it helps, whenever i have worked with attributes i like to open a regular three project (not r3f) and log the geometry i am working with:

const sphere = new THREE.SphereGeometry(10, 8, 8);
console.log(sphere);

you can look at the attributes for position, etc. in your console then to clarify what is going on.