Bodwip 3D
বদ্বীপ
A one-week experiment: a real-time Bengali village in the browser
- Role
- Solo: design, rendering, simulation, camera, Bangla UI and sound
- Timeline
- 1 week
- Platform
- Web · WebGL 2
- Status
- Released
- Released
- Oct 2026
- Built for
- Personal project
- Source
- Private
The Brief
A one-week personal experiment in real-time 3D: a Bangla village in the browser. You ride a country boat from a river into a khal under an old brick bridge, up a side khal under a bamboo sanko and onto a shapla beel, while Bangladesh's six seasons change along the way.
Almost everything you see and hear (land, water, trees, sky and sound) is generated in code when the page loads.
The Story
The Challenge
Build a living landscape rather than a static scene: six seasons, weather, water and people, kept smooth on an everyday phone.
The Approach
three.js r186 on WebGL 2 with custom GLSL shaders and post-processing. Terrain, foliage, sky and sound are procedural, and adaptive resolution with quality tiers keeps phones fluid.
The Outcome
Released in October 2026 after a one-week build, with a 25-scene film, a live mode that follows Bangladesh's real date, hour and moon, and a Lighthouse SEO score of 100.
By the Numbers
- From idea to release
- 1 wk
- Seasons simulated
- 6
- Scenes in the film
- 25
- Lighthouse SEO score
- 100
What It Does
- 01
Six Seasons
Crops grow and are reaped, trees green and flower, kash blooms in Sharat, the water rises in the rains and salt farms turn into fish ghers. Fog, rain and kalboishakhi storms roll through.
- 02
Live Mode
The village follows Bangladesh's current date, hour, season and moon, with real sun and moon positions and the Bangla date.
- 03
Cinematic Camera
A drone-like opening on a spring morning, then a camera that composes its own shots.
- 04
A Film
A year in the village across 25 scenes with continuous dissolves.
- 05
A Map
An overhead view of the village where each place plays its own shots.
- 06
Living Water
Planar reflections, a ripple simulation, the boat's wake and drifting water hyacinth.
- 07
People
Skinned characters with inverse kinematics; the paddle stroke drives the boat.
- 08
Procedural Sound
Water, wind, birds, rain, thunder and a passing train with Doppler, all made with the Web Audio API.
Under the Hood
- three.js
- WebGL 2
- GLSL
- TypeScript
- Vite
- Web Audio API
- Vercel