I need to use pixels to set the radius of the circle, no matter how the camera moves, the screen will remain 5 pixels in size, similar to webgl_lines_fat.html, but its width calculation is in clip space and screen space, I need 1 pixel to unit ratio or 1 unit to pixel ratio to calculate the offset distance. It’s a perspective camera.
I am guessing you are trying to create some sort of overlaid map.
If that’s the case I did something similar previously (not in threejs) and turned out it was much easier to manage things if I projected the relevant points to the camera near plane and updating those assets there.
Became easier to swap in new graphics(easier to size raster images in other applications and simply import) and managing maps for multiple cameras in the same scene.
You might find my functions from this post useful:
They’ll give you the full width of the screen in three.js units at a given z-depth. You can then use that to create objects that are a given percentage width, or do some more calculations to make them a particular amount of pixels wide. However, it’s probably best not to size things in pixels since on HDPI screens they will get very tiny.