Build a REAL-TIME 3D Engine for VJing | WebSocket Streaming to TouchDesigner

🎯 Build your own 3D graphics engine that streams real-time frames to video software! Perfect for VJing, live visuals, and interactive installations.

🔥 What you’ll learn:
– 3D perspective projection from scratch
– WebSocket frame streaming
– Multiple output formats (PNG/WebP/JPEG)
– Real-time dashboard with controls
– Integration with OBS, VDMX, and Processing

🚀 Features:
✅ Demo 3D models (Cube, Pyramid, Octahedron, Icosahedron)
✅ OBJ file import for custom models
✅ Real-time rotation, scaling, camera controls
✅ WebSocket streaming at 30fps
✅ Multiple compression formats with quality control
✅ Live statistics and monitoring

📋 Quick Setup:
1. Clone: github.com/aproxis/3d-video-mapping
2. npm install && npm start
3. Open 3D Projection Engine.html
4. Connect WebSocket & start streaming!

💡 Perfect for:
– VJ performers
– Live visual artists
– Video mapping enthusiasts
– Web developers learning 3D graphics
– Interactive installation creators

Original Inspiration: www.youtube.com/watch?v=qjWkNZ0SXfo

👍 If you build something cool with this, tag me and share in comments!

#3DGraphics #VJing #WebSocket #RealTime #VideoMapping #JavaScript #WebGL #LiveVisuals #CreativeCoding #InteractiveArt

—

🎨 Built with HTML5 Canvas, WebSockets, and Sharp. Inspired by classic 3D graphics and modern VJ tools.