How can I make a point-crosser in a scene with PointerLockControls?

So the title of my topic tells what it means basicallly you can see at this picture?

Basically I want a crosser in the middle of first-person view but I don’t know how to do that in PointerLockControls can anyone give me an idea? (please use react-three/fiber or drei)

The crosser-pointer I mean is like in a gun games where there is a cross things or a circle cross things.
Thank you for any response of help.

An svg atop renderer’s canvas can be an option:

1 Like

here’s an example it’s not a cross but a circle but that’s just css and html. you can go into index.js and change it. you can statically put any symbol in the middle of the screen.

1 Like