How to make objects unaffected by camera height

Questions
, ,
1

I created an object using ShaderMaterial and how to make it unaffected when zooming in and out of the camera
example

2

the zooming is because you have the orbit controls.
do you want to keep the orbit controls so you can still rotate and pan, or remove all camera/mouse interaction completely.

4

I want to keep all the functions of the camera because there are other objects that need to be zoomed in and out. This object exists as a marker point that can be selected by rays.

5

Is this another way of saying its a custom mouse pointer?

6

Sorry,perhaps there is a problem with my expression. After drawing this object, I need to use Raycaster to pick it up and actively change its position or rotation angle in the scene, while retaining all camera functions. However, when the camera scales, this object is not affected by the camera distance.

7

I still dont understand what you want.
What is the end goal of what you are trying to acheive?
To position labels on an 3d object? eg., Annotations
Can you find any working examples on the internet, or images that you can use to explain it better.

1 Like
8

I found a recorded video, which is the final effect I want to achieve.

9

Sprite without sizettenuation: https://editor.me/three_180/examples/?q=sprite#webgpu_instance_sprites

10

heres another annotations example using CSS2DRenderer

more examples @ three.js examples