How to build a nav viewer (or compass nav)

Hello all,

I am building a project. There is a nav viewer required as image below. I did not find any resource from examples, even in Google.

Does anyone have the idea?

This nav viewer can be rotated when I rotate the camera. And the viewer can be clicked to change to sides.

Some three.js users posted things like this in the past,

here

and here

3 Likes

Like that?

https://hofk.de/main/discourse.threejs/2019/CubeBoxIcon/CubeBoxIcon.html

see Collection of examples from discourse.threejs.org
Also there you can find one of the examples from the upper article of @felixmariotto.
https://hofk.de/main/discourse.threejs/2020/Xindex2020.html
2020-06-04 14.03.14

3 Likes

Thanks, dude. Actually, the first one is the best, but my project based on the normal HTML/js project. Therefore, it is good for me by using the second one!

1 Like

Thanks, dude. Same as above, my project based on the normal HTML/js project.