dreiDrei.docs

ScreenSpace

Adds a <group /> that aligns objects to screen space.

<ScreenSpace
  depth={1} // Distance from camera
>
  <Box>I'm in screen space</Box>
</ScreenSpace>

src/core/ScreenSpace.tsx

Edit this page

ScreenSizer
Splat
  • getting started
  • abstractions
    • AsciiRenderer
    • Billboard
    • Clone
    • ComputedAttribute
    • Decal
    • Edges
    • Effects
    • GradientTexture
    • Image
    • MarchingCubes
    • Outlines
    • PositionalAudio
    • Sampler
    • ScreenSizer
    • ScreenSpace
    • Splat
    • Svg
    • Text
    • Text3D
    • Trail
    • useAnimations
  • cameras
  • controls
  • gizmos
  • loaders
  • misc
  • modifiers
  • performances
  • portals
  • shaders
  • shapes
  • staging

On This Page