Javascript 将精灵放置在正交摄影机的底部中心

Javascript 将精灵放置在正交摄影机的底部中心,javascript,three.js,react-three-fiber,Javascript,Three.js,React Three Fiber,我正在尝试将精灵定位在正交摄影机的底部中心 这就是我目前拥有的- 对象: 函数Obj(){ const texture=useLoader(三个.TextureLoader,loadedimg); const spriteRef=useRef(); 返回( ); } 摄影机渲染: <Canvas orthographic camera> <Suspense fallback={<React.Fragment>loading...<

我正在尝试将精灵定位在正交摄影机的底部中心

这就是我目前拥有的-

对象:

函数Obj(){
const texture=useLoader(三个.TextureLoader,loadedimg);
const spriteRef=useRef();
返回(
);
}
摄影机渲染:

      <Canvas orthographic camera>
        <Suspense fallback={<React.Fragment>loading...</React.Fragment>}>
          <Obj />
        </Suspense>
      </Canvas


使用正交摄影机,只要摄影机不旋转,就很容易找到平截头体的底部。由于正交凸轮的所有边都是平行的,因此无论精灵在z轴上有多深,都可以使用来获得底部。顶部是
camera.top
,然后您可以在这两者之间找到一个值,放在您想要的任何位置