How to scale point when hover?

I want to scale a particle when hover and then when remove a cursor pointer, it will back to default size.It seems like it doesn’t work. is there any way to scale up and down?

codes - https://codesandbox.io/s/react-three-particles-jwt1ut?file=/src/App.js

you need to use a custom point shader that contains an attribute for size, then you can give each instance a different size. you supply all sizes with a bufferAttribute, and then change the array for individual sizes.

btw how many points are there or will there be? declarative points is fine, but has a limit. just using three.points isn’t so hard Point cloud - CodeSandbox

1 Like