How to make circle linked to camera with rotating radius-arrow showing global negative Z direction

It is like compass, but shows olny one direction (south).
I already made Z- ray (yellow on picture). Now I need same but fixed to camera view (red on picture).

Maybe this will help: Adding compass to the scene - #2 by prisoner849

1 Like

It seems like usefull example must be, but my browser does not open link Edit fiddle - JSFiddle - Code Playground

For now I made duplicate of world (mini world) with only Z-ray and camera. Camera of mini world is always oriented strait vertically down.
No circle but It is not very useful.
Could not paste normally formatted code. Thus code attached.
Clip_387769.txt (1.2 KB)

Here is codepen version:

Very good solution!

But it has little bug. When camera looks exactly 90 degree down, this compass jerks when rotating (by Y axe).
But in example I see no jerks. May be OrbitControls does not allow camera to reach that angle. I do not use OrbitControls.

Correct. OrbitControls doesn’t let the camera to be at zero on X and Z, there’s always tiny values on those axes. three.js/OrbitControls.js at b44d661e4b1afe7dc299ee7ceba4c9fe69bb2c60 · mrdoob/three.js · GitHub