🎯 Welcome to ScreenCraft 3D Workspace
ScreenCraft 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.
✨ Realistic Projection Preview
ScreenCraft 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
