Added demo

README.md

@@ -7,4 +7,14 @@ Procedural city generation
 
 .
 
+* ### [Demo](https://gen-city.neki.guru/)
+
+* ### Install
+
+```sh
+npm i gen-city
+```
+
+.
+
 TODO...

demo/index.html

@@ -57,6 +57,10 @@
             <label>Probability street end</label>
             <input type="input" name="probabilityStreetEnd" value="0.001" />
           </div>
+          <div class="item c">
+            <input type="checkbox" name="nodeDisplay" />
+            <label>Display nodes</label>
+          </div>
           <div class="item c">
             <input type="checkbox" name="seedMode" />
             <label>Generation by seed</label>

demo/src/index.ts

@@ -100,9 +100,12 @@ function generateAndRenderCity() {
       }
 
       drawPaths();
-      drawNodes();
       drawBuildings();
 
+      if (ui.inputs.nodeDisplay?.checked) {
+        drawNodes();
+      }
+
       ui.screen.addEventListener("click", (event: MouseEvent) => {
         const position = {
           x: Math.floor(event.offsetX / tileSize),

demo/src/interface.ts

@@ -1,6 +1,7 @@
 export const ui = {
   screen: document.getElementById('screen') as HTMLCanvasElement,
   inputs: {
+    nodeDisplay: document.querySelector<HTMLInputElement>('[name=nodeDisplay]'),
     seedMode: document.querySelector<HTMLInputElement>('[name=seedMode]'),
     streetMinLength: document.querySelector<HTMLInputElement>('[name=streetMinLength]'),
     worldWidth: document.querySelector<HTMLInputElement>('[name=worldWidth]'),

src/city.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-new */
 import { Path } from './path';
 import { Node } from './node';
 import {

src/utils.ts

@@ -1,4 +1,4 @@
-// eslint-disable-next-line import/no-cycle
+/* eslint-disable import/no-cycle */
 import { Point2D } from './types';
 
 export function randomChance(value: number) {