Three.js: Round / circular points via Three.PointsMaterial with WebGL
Been learning a bit about Points. I have a series of points that make up a shape and rotate slowly. Each point is one of 6 colours.
I want to make them circular rather than square, but all of the examples I've seen to do that don't use Points at all. Should I change to a Sprite (as per this example: https://github.com/mrdoob/three.js/blob/master/examples/canvas_lines_sphere.html#L65-L90) and re-factor my code in order to get circular points, or is there another way?
Using r84
Bandit
All 3 comments
Possibly a duplicate of https://github.com/mrdoob/three.js/issues/11016 (especially http://jsfiddle.net/myy7x4zd/10/)?
jostschmithals
on 10 Apr 2017
Thanks for the reply. So in summary the only way is via an image colorized via a custom shader?
Feels pretty overengineered but I guess it's a limitation of WebGL or something
Bandit
on 10 Apr 2017
You don't have to use a custom shader. Check out how PointsMaterial is created in this example:
Mugen87
on 10 Apr 2017
Related issues
jens-duttke
·
3Comments
boyravikumar
·
3Comments
scrubs
·
3Comments
yqrashawn
·
3Comments
Horray
·
3Comments
Most helpful comment
You don't have to use a custom shader. Check out how
PointsMaterialis created in this example:https://threejs.org/examples/#webgl_points_billboards