Interactive 3D Simulation
Experience the CNC Blasting Cabinet in Action
Dive into our fully interactive 3D simulation of the CNC sand-blasting cabinet. This real-time simulation features physics-based motion, particle systems, and AI-powered path generation.
🚀 Launch Full Simulation
🏭 Interactive CNC Simulation
Full-featured 3D simulation with physics, AI controls, and real-time visualization
🎮 Launch Interactive Simulation🎯 Simulation Features
Real-Time Physics Engine
- Cannon.js Physics - Realistic motion dynamics and constraints
- CoreXY Kinematics - Accurate dual-belt drive simulation
- Collision Detection - Proper boundary checking and safety limits
Interactive Controls
- Manual Control - WASD keys or UI buttons for direct gantry control
- AI Autopilot - Gemini API integration for intelligent path generation
- Speed Control - Adjustable motion speed (10-100%)
- Real-time Monitoring - Live position, depth, and status displays
Visual Effects
- Particle System - Realistic blast media simulation with physics
- LIDAR Visualization - Red laser beam showing depth sensing
- Neon Aesthetic - Cyan glow effects and professional styling
- Shadow Mapping - Enhanced 3D depth perception
Technical Accuracy
- Cabinet Dimensions - Accurate 900×800×700mm work envelope
- Material Properties - Realistic metal, glass, and particle materials
- Motion Constraints - Proper gantry limits and safety boundaries
Simulation Features
1. CoreXY Motion System
- Dual belt drive visualization showing synchronized motor movement
- Real-time position tracking with sub-millimeter accuracy
- Motion constraints demonstrating work envelope boundaries
2. Blasting Process
- Particle system showing abrasive flow patterns
- Pressure visualization with color-coded intensity
- Material removal simulation showing progressive surface treatment
- Depth mapping with real-time feedback
3. Depth Control System
- Laser profiler visualization showing measurement beams
- Height map generation displaying surface topology
- Closed-loop feedback demonstrating automatic depth adjustment
- Real-time Z-axis correction showing nozzle positioning
4. Recovery System
- Vacuum airflow visualization showing particle capture
- Cyclone separator demonstrating media classification
- HEPA filtration showing clean air exhaust
Interactive Elements
Mouse Controls
- Left click + drag: Rotate camera view
- Right click + drag: Pan camera position
- Scroll wheel: Zoom in/out
- Click components: Select and inspect individual parts
Touch Controls (Mobile)
- Pinch to zoom: Scale the view
- Drag to rotate: Change viewing angle
- Tap components: Select and inspect
Simulation Modes
Mode 1: Demo Pattern
- Predefined toolpath showing typical adhesive removal
- Real-time metrics displaying performance data
- Progressive visualization of material removal
Mode 2: Manual Control
- Interactive positioning with mouse/touch
- Real-time depth adjustment via slider controls
- Manual blast activation with pressure control
Mode 3: Stress Test
- Maximum speed demonstration showing system limits
- Accuracy validation with measurement overlays
- Performance benchmarking with timing data
Technical Visualization
Color Coding
- Green: Target surface level
- Red: Actual surface level
- Blue: Nozzle position
- Yellow: Laser measurement beams
- Purple: Particle trajectories
Measurement Overlays
- Position coordinates (X, Y, Z)
- Depth measurements (real-time)
- Pressure readings (PSI)
- Coverage percentage (area completed)
Performance Data
| Parameter | Target | Simulation |
|---|---|---|
| Position accuracy | ±0.05 mm | Real-time display |
| Depth accuracy | ±0.5 mm | Color-coded visualization |
| Coverage rate | 1 m²/min | Progress indicator |
| Media efficiency | >95% | Particle counter |
| Processing time | Variable | Live timer |
Code Example
The simulation demonstrates the actual control algorithms used in our system:
// CoreXY kinematics calculation
function coreXYKinematics(x, y) {
const motorA = x + y;
const motorB = x - y;
return { motorA, motorB };
}
// Depth control algorithm
function depthControl(targetDepth, currentDepth) {
const error = targetDepth - currentDepth;
const adjustment = error * DEPTH_GAIN;
return Math.max(-MAX_Z_SPEED, Math.min(MAX_Z_SPEED, adjustment));
}
// Pressure modulation based on material
function calculatePressure(materialType, depthRequired) {
const basePressure = MATERIAL_PRESSURE[materialType];
return basePressure * (depthRequired / TARGET_DEPTH);
}
Troubleshooting Simulation
Common Issues
- Model not loading: Ensure WebGL is enabled in your browser
- Performance issues: Try reducing particle count in settings
- Touch controls: Use landscape orientation on mobile devices
Browser Requirements
- WebGL support required for 3D rendering
- WebAssembly support for physics calculations
- Modern browser (Chrome 80+, Firefox 75+, Safari 13+)
Advanced Features
VR Mode (Experimental)
- WebXR support for VR headset viewing
- Hand tracking for gesture controls
- Spatial audio for realistic sound effects
Recording & Sharing
- GIF export of simulation runs
- Data export of performance metrics
- Share link with specific settings
Settings Panel
Simulation Settings
Download Simulation
You can download the complete simulation for offline use: - Standalone HTML - Source Code - Three.js Library
Note: This simulation requires WebGL support and may not work on older browsers.