The Weird Wanderer
The Concept
A digital dispatch from the margins of travel, focusing on the stories found in misdirection.
Purpose
To bridge the gap between traditional travel blogging and immersive cinematic experiences.
The Call
Created to experiment with high-end motion design and WebGL as tools for emotional storytelling.
Atmospheric Climate Switch
What it does
A dynamic weather-based UI transformation engine that reacts to the narrative context.
Why it exists
To simulate the visceral reality of travel—where the atmosphere dictates the emotional tone of a place.
How it works
Implemented using an overlay state system. GSAP handles the transition of particle instances, while CSS variables update the scene's color grading.
// Partial implementation of the Climate Toggle logic
function updateAtmosphere(state) {
gsap.to(atmosphereRef.current, {
opacity: state === 'rain' ? 1 : 0,
duration: 1.2,
ease: "power2.inOut"
});
document.documentElement.className = state;
}
Cinematic Scroll Experience
What it does
A non-linear storytelling approach where scrolling drives the camera through 3D scenes instead of just moving down a page.
Why it exists
Cinematic pacing ensures the user absorbs the narrative at a deliberate, human-centric speed.
How it works
Built on Lenis for smooth momentum-based scrolling, synced with GSAP ScrollTrigger to map scroll progress to WebGL camera coordinates.
const lenis = new Lenis({ lerp: 0.1 });
lenis.on('scroll', ScrollTrigger.update);
gsap.to(camera.position, {
z: -50,
scrollTrigger: { scrub: true }
});
Traveler & Spatial Coordinates
What it does
A data-driven labeling system that anchors every traveler and story to precise global coordinates.
Why it exists
Authenticity. It transforms the digital experience into a verified account of a physical journey.
How it works
Mapping the 'Dispatch' ID to specific Latitude/Longitude coordinates (e.g., 18.6° N, 73.5° E) rendered through a stylized monospaced UI layer.
The Weird Terms
Travel terms that capture the 'weird' and wonderful essence of the journey.
A flexible approach to problem-solving that uses limited resources in an innovative way.
A journey that isn't just about reaching a place, but about how the path changes the traveler.
The Sanskrit concept of a guest being a manifestation of the divine—the unannounced host.