city-tour - A procedurally generated city. Sit back and enjoy the ride!

  •        14

Made using three.js and WebGL. The results are different each time due to random variation, but follow configurable rules.



Related Projects - 3d city builder game

  •    Javascript

The goal is create 3d city builder to test performance for webgl games With minimum size impact and maximum speed. (world.sea:161 ko, view.min.js:71 ko, city.3d.min.js:130 ko) Webgl 3d side use Three.js, 3d model use Sea3d format. This game use simulation source micropolisJS by Graememcc Is a port of Micropolis to JS/HTML5. Licensed under the GPLv3 with some additional terms please be mindful of these.

pixelcity - Shamus Young's procedural city project

  •    C++

Shamus Young's procedural city project

react-three-next - React Three Fiber, Nextjs, Tailwind starter

  •    Javascript

First Load JS of 74Kb. This starter will automatically pick the marked R3F components and inject them into a canvas layout so we can navigate seamlessly between the pages with some dynamic dom and canvas content without reloading or creating a new canvas every time. Inform the nextjs page that the component is a Threejs component. For that, simply add the r3f property to the parent component.


  •    C++

PCity is a framework for the procedural generation and rendering of 3D city models.

react-three - React bindings to create and control a 3D scene using three.js

  •    Javascript

Create/control a three.js canvas using React. To use React for drawing 2D using WebGL, try react-pixi.

wireframe-world - An infinite wireframe world in WebGL

  •    Javascript

As for the implementation, it is not very difficult stuff; I divide up the world into chunks(just like in Minecraft), and as the camera traverses the world, the chunks that become out of range are thrown away and are no longer rendered. And in the far away horizon I keep adding new chunks, to give the illusion that the world is infinite. Port the program into screensavers for OS X, Windows and Linux.

phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering

  •    Javascript

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS, Android and native apps by using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser is available in two versions: Phaser 3 and Phaser CE - The Community Edition. Phaser CE is a community-lead continuation of the Phaser 2 codebase and is hosted on a separate repo. Phaser 3 is the next generation of Phaser.

canvas-sketch - [beta] A framework for making generative artwork in JavaScript and the browser.

  •    Javascript

This is in early beta stages, don't expect it to work reliably across versions yet. I'm looking for collaborators and beta testers, so please post an issue if you find any problems or want to help out with this project in some way. canvas-sketch is a loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.

godot-procedural-generation - Procedural generation algorithms and demos for the Godot game engine

  •    GDScript

Godot PCG (Procedural Content Generation) is a project to build a series of algorithms and demos to learn about procedural generation. The algorithms are from our course Godot PCG Secrets. ➡ Follow us on Twitter and YouTube for free game creation tutorials, tips, and news! Get one of our Godot game creation courses to support our work on Free Software.

kotcity - KotCity, an open source city simulator

  •    Kotlin

Download pre-alpha builds for Windows, macOS and Linux. Java 8+ is required. On Windows it will look for JRE and bring you to download page if you don't have it.

react-ape - 🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

  •    Javascript

React Renderer to build UI interfaces using canvas/WebGL. React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainly a renderer focused on creating things for TV, PS4, Nintendo Switch, PS Vita, PS3 and low memory devices. If you're curious about the name: It's a "joke" with Netflix's React Gibbon renderer. I choose to use Ape then.



rockmarble is a multiplatform program that fetches artist tour dates from and shows the event location using marble. Users can search events both by Artist name and by City.

webgl-noise - Procedural Noise Shader Routines compatible with WebGL

  •    C

Procedural Noise Shader Routines compatible with WebGL

lincity - a city simulation game

  •    C

Lincity is a city simulation game. Build your city up from a primitive village to an advanced civilization. Build a sustainable economy, or build rockets to escape from a pollution ridden and resource starved planet.

City Council Planning


The City Council Planning Project is designed to assist the City Council onto better programming to get the Assessor Database and the Business Department online

citybound - A work-in-progress, open-source, multi-player city simulation game.

  •    Rust

Citybound is an independently developed city building game, open source and funded through Patreon. This repository contains the code of Citybound, and also a detailed Design Doc, describing the philosophy and decisions taken for design and implementation. It is interwoven with the code - to make clear, which parts of the game are implemented where. Just follow the link below to get started.

CityFlow - A Multi-Agent Reinforcement Learning Environment for Large Scale City Traffic Scenario

  •    C++

CityFlow is a multi-agent reinforcement learning environment for large-scale city traffic scenario. Performance comparison between CityFlow with different number of threads (1, 2, 4, 8) and SUMO. From small 1x1 grid roadnet to city-level 30x30 roadnet. Even faster when you need to interact with the simulator through python API.

jsconfeu-generative-visuals - Code for the generative projection mapped animations during JSConf EU 2018 in Berlin

  •    Javascript

The ThreeJS/WebGL and Canvas code for the real-time generative animations shown during JSConfEU 2018 in Berlin. Created by Matt DesLauriers and Szymon Kaliski, based on Silke Voigts's designs and mood boards. This was used during the opening of the event, as well as during breaks in between talks, and around the edges of speaker slides during talks. The visuals were used in a couple other select places, such as in monitors showing current schedule & speaker tracks. All using Chrome in real-time.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.