Immersa: Open-source Web-based 3D Presentation Tool
9 hours ago
- #animation
- #web-tool
- #3D-presentation
- Immersa is a web-based 3D presentation tool that enables users to create dynamic 3D presentations with animated transitions.
- Key features include importing 3D models (.glb), placing 2D images in 3D space, adding 3D text, and automatic smooth animated transitions between slides.
- The tool uses an interpolation system to animate objects between slides, such as moving a car model from left to right.
- Additional features include a 3D scene editor, support for GLB models and images (JPG, PNG), 3D text styling, and full-screen presentation mode.
- All data is stored locally in the browser using IndexedDB, with support for undo/redo and keyboard shortcuts.
- The development setup requires Node.js, npm/yarn, and Java (JDK 11+). The project is built with ClojureScript, shadow-cljs, Reagent, Re-frame, and Babylon.js.
- The editor interface includes slide thumbnails, a 3D viewport, object properties panel, and a top bar for tools and actions.
- Users can add 3D models, images, and text, and manipulate objects using position, rotation, and scale gizmos.
- Slide management includes duplicating slides, adding blank slides, and deleting slides.
- Presentation mode allows navigation using arrow keys or on-screen controls, with the ability to export presentations as .edn files.
- The project is licensed under MIT and credits Babylon.js, Reagent, Re-frame, Radix UI, and Phosphor Icons.