3.1.2 Vuer Component Index
Vuer provides a rich library of 3D components for building interactive scenes.
Primitive Geometries
Basic geometric shapes perfect for prototyping and simple visualizations.
Building on our first example: adding more primitive shapes (cylinder, sphere, octahedron, torus, plane) alongside the original box
- Primitive Geometries - Box, Sphere, Cylinder, Cone, Capsule, Plane, Circle, Ring, Torus, TorusKnot, Dodecahedron, Icosahedron, Octahedron, Tetrahedron
3D Model Components
Load and display custom 3D models from various formats.
NASA's Mars 2020 Perseverance Rover loaded from a URDF file, demonstrating how to load complex robot models with articulated joints. The robot is wrapped in a Movable component for interactive manipulation.
Gaussian Splatting
Interactive Components
Enable user interaction with VR/AR controllers and mouse.
A robot gripper component wrapped in a Movable container, demonstrating interactive grabbing and manipulation. The gripper can be picked up and moved around the scene using VR controllers or mouse.
Camera and View Components
Helper Components
Helper components for debugging and visualization: a coordinate marker showing the XYZ axes (red=X, green=Y, blue=Z), a red arrow pointing upward at 45 degrees, and an orange reference box. These are essential tools for understanding object positions and orientations.
Components:
Text Components
Three types of text components: extruded 3D text "Hello Vuer" with beveled edges (Text3D), green fixed-size 2D text (Text), and blue billboard text that always faces the camera no matter where you look from (Billboard).
Background Components
Organization Components
Next Steps
- Learn about Materials and Textures to make your components look realistic
- Explore Camera Control for better viewpoints
- Add Lights to illuminate your scene