<p dir="auto">Been learning a bit about <code class="notranslate">Points</code>. I have a series of points that make up a shape and rotate slowly. Each point is one of 6 colours.</p>
<p dir="auto">I want to make them circular rather than square, but all of the examples I've seen to do that don't use <code class="notranslate">Points</code> at all. Should I change to a <code class="notranslate">Sprite</code> (as per this example: <a href="https://github.com/mrdoob/three.js/blob/master/examples/canvas_lines_sphere.html#L65-L90">https://github.com/mrdoob/three.js/blob/master/examples/canvas_lines_sphere.html#L65-L90</a>) and re-factor my code in order to get circular points, or is there another way?</p>
<p dir="auto">Using r84</p>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">[Not sure if this is a Doc issue or a Feature request]<br>
I have several tests for features to be migrated into a project.<br>
Here is a BufferGeometry of quads uv mapping a 4 sprite sheet:</p>
<blockquote>
<p dir="auto"><a href="http://backspaces.net/temp/three/bufftexs.html" rel="nofollow">http://backspaces.net/temp/three/bufftexs.html</a></p>
</blockquote>
<p dir="auto">Here is a Points geometry with colors</p>
<blockquote>
<p dir="auto"><a href="http://backspaces.net/temp/three/points.html" rel="nofollow">http://backspaces.net/temp/three/points.html</a></p>
</blockquote>
<p dir="auto">I am unable to combine them: uv mapped point sprite. I do understand how individual uv sprites can be a texture for a point sprite but this requires a render-per-sprite. There is an example/ of this and SO shows how:</p>
<blockquote>
<p dir="auto"><a href="https://stackoverflow.com/questions/29526855/how-to-do-uv-mapping-on-a-threejs-sprite-r71" rel="nofollow">https://stackoverflow.com/questions/29526855/how-to-do-uv-mapping-on-a-threejs-sprite-r71</a></p>
</blockquote>
<p dir="auto">For me one-sprite-per-render is awkward to manage and liable to be slow (I easily reach 100 or more sprites). I realize this would require more than a single uv per point rather than the 1 uv per quad vertex, possibly BL &amp; TR would suffice?</p>
<p dir="auto"><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="142705861" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/8441" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/8441/hovercard" href="https://github.com/mrdoob/three.js/issues/8441">#8441</a> mentioned using ShaderMaterial but I did not see an example/ of this. (There's a jsbin).</p>
<ul dir="auto">
<li>Is it possible to do this now and I missed it? [Doc issue]</li>
<li>Is there an example/ of ShaderMaterial for one-render sprite sheet use? [Doc issue]</li>
<li>Is this a desired capability that could be added to PointGeometry? [Feature issue]</li>
</ul>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r84</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> ...</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Chrome</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Internet Explorer</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Windows</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> macOS</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> iOS</li>
</ul>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>
<p dir="auto">Early 2015 MBP, Sierra.</p>