Interactive, WebGL-powered portfolio showcasing the intersection of modern frontend engineering and immersive 3D art — written by a kid from a small town in Zhangjiakou.
Experience the 3D Corridor: A Journey Through Code and Art
Welcome to the Dennis Digital Universe
Welcome to the interactive 3D portfolio of Dennis, known in the digital space as QINGSHUI.
I grew up in a small town in Zhangjiakou, Hebei — a place of high skies and hard winds — and I now live in Tianjin, where I am a graduate student.
This website is not just a resume; it is an immersive, fully interactive WebGL experience built from scratch.
When you enter, you find yourself in a carefully hand-drawn 3D corridor, with the Dajingmen gate of my hometown painted into the sky of the About room.
Every texture, every frame, and every interactive element was custom-crafted to demonstrate what is possible when modern web technologies meet unbridled creativity.
My goal as a Creative Developer is to bridge the gap between static web pages and cinematic, game-like experiences running natively in the browser.
By utilizing powerful tools like React Three Fiber, Three.js, and GSAP, I ensure this 3D corridor runs smoothly across devices, maintaining high performance without sacrificing visual fidelity.
The corridor serves as the central hub, offering doors that lead to different aspects of my life: my projects, my story, and my contact information.
As a modern web developer, a robust and versatile technology stack is crucial. My tech stack is meticulously chosen to deliver high performance, scalability, and maintainability.
Core Fundamentals: Advanced JavaScript (ES6+), TypeScript, HTML5, semantic markup, and modern CSS architecture including SCSS, CSS Modules, and Tailwind CSS.
Frameworks & Ecosystems: Deep expertise in React.js and Next.js for building lightning-fast, SEO-friendly web applications. I leverage the React ecosystem for state management, routing, and complex UI logic.
3D Graphics & WebGL: My signature skill lies in 3D visualization using Three.js and React Three Fiber (R3F). I create custom GLSL shaders, optimize complex geometries, and manage heavy 3D assets to ensure 60fps performance right in the browser.
Animation: Mastery of GSAP (GreenSock Animation Platform) and Framer Motion to choreograph intricate, physics-based UI animations and scroll-linked experiences.
Backend & Cloud: Experience integrating backend services using Node.js, Express, Firebase, and Supabase. I deploy predominantly on platforms like Vercel and Cloudflare Pages.
Design Tooling: Proficient in bridging the gap between design and code using Figma, Adobe Photoshop, and Blender for 3D asset preparation.