Back to Projects

360° Image Processing

Preview Project View Code

What

  • Format Conversions:
    • Equirectangular ↔ Cube map transformations (CPU/GPU)
  • Visualization:
    • Web-based 360° viewer with depth perception using Three.js

How

Core Transformations
  • Equirectangular → Cube Map
    • Spherical coordinate mapping with OpenCV
    • Parallelized CPU (OpenMP) and GPU (CUDA) implementations
  • Cube Map → Equirectangular
    • Ray projection onto cube faces
    • Face-aware coordinate mapping
// CUDA Kernel (equi-cube.cu)
__global__ void equiCubeKernel(/*...*/) {
  // Calculate 3D cube coordinates
  // Convert to spherical → equirectangular
}
Web Visualization
  • Three.js VR Scene:
    • Panoramic sphere with depth displacement:
    sphere.material.displacementMap = depthTexture; // Depth-based 3D effect
    
    • WebXR integration for VR headsets

Results

  • Speedup with CUDA
  • Real-time cube map generation
  • Depth-enhanced 360° scenes improved VR immersion
Preview Project View Code