Introducing Advanced 3D Viewer Integration
We're excited to announce our new 3D viewer, powered by Babylon.js, bringing powerful model visualization directly to your browser.
Supported Formats
View 3D models in multiple formats without any software installation:
- OBJ - Wavefront Object files
- STL - Stereolithography files
- GLTF/GLB - GL Transmission Format
- FBX - Filmbox (coming soon)
- STEP/IGES - via Autodesk conversion
Key Features
Interactive Navigation
- Orbit, pan, and zoom controls
- Touch support for mobile devices
- Keyboard shortcuts for power users
Visual Effects
- Part highlighting on hover/click
- Ghosting for focused viewing
- Exploded views for assemblies
- Material customization
Measurement Tools
- Point-to-point distance
- Surface area calculation
- Volume estimation
- Annotation placement
Collaboration
- Share specific views via links
- Add comments anchored to parts
- Export screenshots with annotations
Technical Details
Built on the Babylon.js engine:
// Example: Loading a model
const viewer = new BabylonViewer({
modelUrl: '/models/assembly.obj',
backgroundColor: '#1a1a2e',
onModelLoaded: (model) => {
console.log('Model loaded:', model.name)
}
})
Performance Optimizations
We've optimized for large models:
| Model Size | Load Time | FPS |
|---|---|---|
| < 10MB | < 2s | 60 |
| 10-50MB | < 5s | 45+ |
| 50-100MB | < 10s | 30+ |
Try It Now
Upload any 3D model to DesignOps and experience the new viewer. Start free.
