CityGen is a procedural city generator and homepage that runs in your browser, built with three.js.
Visuals inspired by DICE's breathtaking parkour video game Mirror's Edge.
All dependencies are loaded automatically, so just pull the files into the root directory of your web server to get started.
Variables are stored in data.js. Buildings will be selected randomly and gain attributes based on objects in the data array. Valid attributes include color, label, and url. Buildings will become clickable if url is set.
- three.js for 3D rendering using WebGL.
- three-spritetext for drawing sprites from text.
- Geometric.js for polygon operations.
- Hull.js for calculating the concave hull of a set of points.
- simplex-noise.js for generating simplex noise.