https://github.com/mkturkcan/shadowcast
High quality rendering of streetscapes directly from OSM data. The first in the world with soft shading.
https://github.com/mkturkcan/shadowcast
openstreetmap osm osm-data real-time threejs
Last synced: 22 days ago
JSON representation
High quality rendering of streetscapes directly from OSM data. The first in the world with soft shading.
- Host: GitHub
- URL: https://github.com/mkturkcan/shadowcast
- Owner: mkturkcan
- License: mit
- Created: 2025-01-05T22:17:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-14T22:55:44.000Z (over 1 year ago)
- Last Synced: 2025-07-28T18:03:04.858Z (10 months ago)
- Topics: openstreetmap, osm, osm-data, real-time, threejs
- Language: HTML
- Homepage:
- Size: 313 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shadowcast
A real-time 3D visualization of building footprints with dynamic shadow studies. Built with Three.js and OpenStreetMap data. Supports any city.
## Features
- Real-time shadow casting with adjustable light position
- Orthographic and perspective camera modes
- Material Design UI with dark theme
- Physically-based rendering with metallic materials
- Building heights from actual OpenStreetMap data
- Soft shadows with adjustable parameters
- Responsive design that scales to any viewport
## Setup
1. Clone the repository
2. Serve with any HTTP server (e.g., `python -m http.server` or `npx serve`)
3. Open in a browser that supports ES modules
4. Use polygonhelper.html to edit the area to be used for the renders
## Dependencies
- Three.js 0.153.0
- Materialize CSS 1.0.0
- No build process required
## Data
Building footprints and heights are fetched dynamically from OpenStreetMap via Overpass API, centered on Manhattan.
## License
MIT