Back to Projects
3D Web

Starry Night 3D Experience

A "Living Art" experience re-imagining Van Gogh's masterpiece in a dynamic 3D space | Three.js, WebGL, Next.js

Three.jsWebGLNext.jsTailwindCSS

Project Overview

Can a masterpiece breathe? This project is a "Living Art" exploration that transforms Van Gogh's "The Starry Night" into a real-time, interactive 3D environment. Using Three.js and custom shaders, I've re-interpreted the iconic post-impressionist brushstrokes as dynamic, moving particles. It's an immersive web experience where the boundary between 19th-century art and modern WebGL logic disappears.

Key Features

  • Interactive 3D particle system mimicking brushstrokes
  • "Living Art" motion engine powered by Three.js
  • Immersive camera transitions and parallax depth
  • Performance-optimized WebGL rendering (60FPS)
  • Responsive 3D scene architecture
  • Atmospheric ambient integration

Technical Highlights

Built with Three.js to handle complex 3D scene graphs and vertex movements. Custom WebGL shaders were utilized to replicate the unique texture of Van Gogh's swirls. The project focuses on high-performance rendering to ensure the "Living Art" feels fluid and organic, demonstrating a deep intersection of creative vision and technical engineering.