Bodwip 3D

A real-time Bangla 3D village in the browser: ride a country boat up a river, a khal and a shapla beel through Bangladesh's six seasons, with Live mode on Bangladesh's own date, hour and moon. Nearly everything is generated in code with three.js and WebGL 2.

Bodwip 3D (বদ্বীপ 3D) is a real-time 3D Bengali village round a small river, running in the browser. A majhi paddles his boat from the 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 turn as he goes. Nearly everything, the land, the water, the trees, the sky and the sound, is generated in code at load.

Under the hood

• three.js r186 on WebGL 2, custom GLSL shaders and post-processing

• TypeScript (strict) and Vite

• Web Audio API

• Deployed on Vercel, with Vercel Web Analytics

Highlights

• Six seasons. Crops that grow and are reaped, trees that green and flower, kash in Sharat, the water rising in the rains, salt farms that become fish ghers, fog, rain and kalboishakhi storms.

• Live mode. The village at Bangladesh's own date, hour, season and moon, with the real sun and moon positions and the Bangla date.

• Cinematic camera. A drone-like opening on the most beautiful spring morning of the year, then a camera that composes its own views of the sights along the way.

• A film. A year in the village in 25 scenes, with continuous dissolves.

• A map. The village from above; each place plays its own shots.

• Living water. Planar reflections, a ripple simulation, the boat's wake, drifting water hyacinth.

• People. Skinned characters with inverse kinematics; the paddle stroke drives the boat.

• Procedural sound. Water, wind, birds, rain, thunder and a train with Doppler, all made with Web Audio.

• Performance. Adaptive resolution and quality tiers for phones; shaders and GPU uploads done at load.

• SEO. Structured data, Open Graph cards and a sitemap; Lighthouse SEO 100.

My role

Solo project: the village's design, rendering, simulation, camera work, the Bangla interface and the sound.