Here are some of my Three JS Projects.
A complex Three.js project that merges two distinct projects: a retro 80s-style 3D office environment and an interactive operating system. The office features intricate animation baking and detailed 3D modeling, creating a nostalgic, portfolio-within-a-portfolio experience. Built with advanced Three.js techniques, it showcases dynamic lighting, texture mapping, and custom animations for an immersive retro aesthetic.
A modern Three.js project depicting a cozy room with a clickable computer monitor that launches a Windows 7-inspired operating system. The OS includes interactive games, showcasing advanced UI integration within a 3D environment. Built with Three.js, it features realistic lighting, modern design elements, and seamless user interactions for an engaging experience.
An interactive 3D map of my world built with Blender and Three.js, allowing users to explore my environments, movements, and interactive elements. The project tells the story of how I became a designer and developer, featuring animated scenes and hidden surprises, including an Easter egg with a BB-8 robot from Star Wars. Built with advanced Three.js animation techniques, it offers a deeply immersive and personal 3D experience.
An innovative Three.js project featuring a dynamic room environment with a fisheye camera perspective. This model showcases numerous animated items driven by keyframes, creating a visually striking and interactive 3D scene. Built with advanced Three.js techniques, it includes custom animations, dynamic lighting, and experimental camera effects for a unique and immersive experience.
An exploratory audiovisual experience made with Three.js and React Three Fiber. Night Room is a soporific analog escape for sleepless summer nights, blending visuals and sound design into an immersive 3D environment. Users can interact with elements to play music and sounds, creating a meditative and calming experience. Best enjoyed with headphones.
Island Maker is a fun island simulator built with Three.js over 30 days for a Discord challenge. Using sculpting brush tools in the browser, you can raise and shape terrain from the ocean, then decorate your island with trees, houses, turbines, and more. A playful, creative 3D experience blending procedural terrain editing and interactive design.
A Three.js-powered, in-browser emulator and 3D showcase of the classic BBC Micro 8-bit computer. The project combines a photoreal 3D model of the Micro and its keyboard with an integrated emulator core (WASM/JS) running directly on the webpage. Features include a shader-based CRT effect with scanlines and phosphor bloom, accurate audio via WebAudio, keyboard & gamepad input mapping, tape/disk UI controls, save/load states, and a curated library of 100+ built-in classic games and demos. Ideal for retro computing fans, interactive exhibits, and playable nostalgia.
An engaging Three.js project built with React Three Fiber and Drei, featuring a virtual train where users can scroll through multiple train cars and explore detailed seat arrangements. This project showcases smooth animations, realistic lighting, and interactive camera controls, providing an immersive 3D experience of a dynamic train environment.
A visually captivating Three.js project built with React Three Fiber and Drei, featuring an interactive 3D scene with multiple computer monitors and a stylized cat model observing them. One monitor is interactive, allowing user engagement, enhanced by dynamic camera movements, realistic reflections, and post-processing effects like bloom and depth of field. The project showcases advanced WebGL techniques, including instanced rendering, reflective materials, and smooth animations for an immersive and engaging experience.
A chilling Three.js experience set aboard the Renaissance Station from Alien Romulus. This React Three Fiber project immerses you in a sci-fi horror environment where you can explore the station, watch the official trailer inside the 3D scene, and even face-hug yourself. Inspired by the Alien franchise, it uses advanced shaders, custom LUTs for cinematic color grading, post-processing effects (bloom, depth of field, motion blur), and physically accurate reflections and lighting. Built with open-sourced models and atmospheric music, it delivers a suspenseful, film-like 3D experience blending interactivity with cinematic visuals.
An immersive Three.js project inspired by the 'Severance' TV show, featuring an authentic recreation of the macrodata refinement office. Built with React Three Fiber and GSAP, this model combines intricate 3D modeling with dynamic animations to create a retro-futuristic environment. Users can engage in an interactive microdata refinement game within the office, complete with realistic lighting, texture mapping, and seamless user interactions. This project captures the eerie, nostalgic aesthetic of the show while showcasing advanced WebGL techniques.
A serene Three.js project simulating an endless ocean with dynamic day and night lighting. Featuring animated water shaders, sky transitions, and a window-view perspective, the project creates an atmospheric and calming experience. Built with React Three Fiber and advanced lighting techniques, it blends realism and meditation into a soothing interactive scene.
An immersive Three.js project featuring an isometric room with an animated model dancing to Rick Astley's 'Never Gonna Give You Up.' This vibrant scene showcases dynamic animations, rhythmic lighting synced to the music, and a nostalgic atmosphere. Built with React Three Fiber, it combines 3D modeling, music visualization, and interactive elements for an engaging and fun experience.
An engaging Three.js and Spline project showcasing advanced interactive physics and collision simulations. Set in a dynamic 3D environment, this project features realistic object interactions, gravity effects, and seamless collision detection. Built with React Three Fiber and Spline for intuitive design and smooth performance, it offers an immersive and playful experience.
A retro-styled racing experience built with Three.js, featuring authentic neon visuals, synthwave-inspired music, and smooth WASD controls. Players can drive a car through glowing tracks, immersing themselves in a nostalgic arcade-like environment. The project blends interactivity, lighting effects, and sound design for an exciting retro racing game.
An immersive Three.js and Spline project featuring a fully interactive 3D model of my house. Walk around using WASD controls to navigate a custom 3D character, interact with dynamic objects, and explore a detailed environment with realistic textures and lighting. Built with React Three Fiber and Spline, this project offers a personalized and engaging virtual tour experience.
