🎯 Welcome to VIOSO Experience Designer 3D Workspace

VIOSO Experience Designer helps you plan and visualize projection mapping setups in 3D. Add projectors, screens, and cameras to design your installation with realistic projective texture mapping.

📽️ Projectors

Click 📽️ Add Projector to open the Projector Library modal.

Library: Choose from 80+ professional projectors with accurate specs (brightness, resolution, throw ratios). Search, filter by manufacturer, and sort by various criteria.

Generic Projector: Click "⚡ Add Generic Projector" at the top of the library for a standard projector with customizable settings.

Projectors display as 3D objects with visual frustums showing their projection area.

📺 Screens & Surfaces

Click 🎬 Screen / Surface to choose from different screen types:

• 📺 Flat Screen: Standard rectangular surface
• 🥫 Curved Screen: Cylindrical surface with adjustable arc (1-360°)
• 🏛️ Dome Screen: Hemispherical planetarium-style surface
• 🌐 Panadome Screen: Full 360° spherical surface
• 💡 LED Wall: ✨ NEW - High-brightness LED panel display with interactive designer
  • Configure panel specs (size, pixel pitch, resolution)
  • Set wall layout (horizontal/vertical panel count, spacing)
  • Choose curvature (flat, concave, convex)
  • Adjust color temperature (Kelvin) and brightness (nits)
  • Select test patterns (grid, color bars, gradient, checkerboard)
• 📦 Custom Object: Import your own 3D models (OBJ, FBX, GLTF formats)

Select any screen to adjust its properties in the Properties Panel (bottom-right).

📷 Cameras

Click 📷 Add Camera to open the Camera Library modal.

Library: Choose from 15+ professional cameras with accurate specifications. Search and filter by manufacturer.

Generic Camera: Click "🎥 Add Generic Camera" at the top of the library for a standard camera with default settings.

View Camera: Double-click any camera to see its perspective in a new window.

🧍 Reference Human

Click 🧍 Reference Human to add a human figure to your scene for scale reference.

This helps visualize the size and proportions of projectors, screens, and other equipment in relation to people.

🎮 Navigation Controls

• Left Mouse + Drag: Rotate camera
• Right Mouse + Drag: Pan camera
• Mouse Wheel: Zoom in/out
• Reset View: Return camera to default position

🔧 Transform & Edit

Select any object, then use keyboard shortcuts:

• G or T: Move mode
• R: Rotate mode
• S: Scale mode
• Delete: Remove selected object

Drag the colored arrows/handles on selected objects to transform along specific axes.

⌨️ Keyboard Shortcuts Reference

Quick reference for all keyboard shortcuts. Press ? to toggle this help panel anytime.

💡 Tip: Use keyboard shortcuts for faster workflow. Combine transform shortcuts with the Properties Panel for precise adjustments.

✨ Realistic Projection Preview

VIOSO Experience Designer features realistic projective texture mapping with perspective-correct warping. Projectors display test patterns on screens within their frustum range, helping you preview your setup before installation.

💾 Save & Load

Auto-Save: Changes are automatically saved to browser storage.

Save Project: Save your scene with a custom name to the server.

Load Project: Browse and open previously saved projects.

Export: Download as JSON or export equipment lists.

📏 Measurement Tool

Press M or click Measure to measure distances in your scene. Click two points to see the distance in meters. Use Clear to remove measurements.

📋 Properties Panel

Select any screen or object to see its Properties Panel (bottom-right). Adjust dimensions, change screen types, and view position/rotation. All changes apply in real-time and auto-save.

💡 Quick Tips

• Start by adding screens, then position projectors at realistic throw distances (5-15m)
• Use the grid for accurate positioning
• Check Scene Info (top-right) for quick statistics
• Regularly export your project for backup