Skip to content

OM3D is a visually engaging 3D website experience built using WebGL. The site features smooth scroll-based animations, interactive camera movements, and dynamic transitions that create a futuristic, immersive digital environment. It's designed as a creative showcase for 3D front-end capabilities, blending modern design with real-time 3D rending.

Notifications You must be signed in to change notification settings

GitRectify/om3d

Repository files navigation

Singapore buildings 3D Tiles from OneMap 3D on Mapbox GL JS

Screenshot of demo site

This is a demo of Singapore buildings 3D tiles from OneMap 3D on Mapbox GL JS.

Development

# install dependencies
npm i

# Start local server
npm start

# Download tiles from OneMap to ./tiles/*
# Roughly 700-800 MB
npm run fetch-tiles

# Generate optimized tiles into ./optimized-tiles/*
# Roughly 50-60 MB
npm run optimize-tiles

This uses Deck.gl's Tile3DLayer to render 3D Tiles.

The files in ./tiles and ./optimized-tiles/*.glb are excluded from this repository because they takes up too much space and unnecessary for this demo.

Copyright

@ SLA @ OneMap

About

OM3D is a visually engaging 3D website experience built using WebGL. The site features smooth scroll-based animations, interactive camera movements, and dynamic transitions that create a futuristic, immersive digital environment. It's designed as a creative showcase for 3D front-end capabilities, blending modern design with real-time 3D rending.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published