Added buildingOffset parameter

README.md

@@ -45,6 +45,7 @@ await city.generate(params?)
 | `buildingMaxSize` | Maximum size of bulding size | 6 |
 | `buildingMinSpace` | Minimum distance between buildings | 1 |
 | `buildingMaxSpace` | Maximum distance between buildings | 3 |
+| `buildingOffset` | Distance between building and path | 0 |
 
 .
 

demo/index.html

@@ -45,6 +45,10 @@
               <input type="input" name="buildingMaxSpace" value="3" />
             </div>
           </div>
+          <div class="item">
+            <label>Building offset</label>
+            <input type="input" name="buildingOffset" value="0" />
+          </div>
           <div class="item">
             <label>Probability intersection</label>
             <input type="input" name="probabilityIntersection" value="0.1" />

demo/src/index.ts

@@ -88,6 +88,7 @@ function generateAndRenderCity() {
       buildingMaxSize: Number(ui.inputs.buildingMaxSize?.value),
       buildingMinSpace: Number(ui.inputs.buildingMinSpace?.value),
       buildingMaxSpace: Number(ui.inputs.buildingMaxSpace?.value),
+      buildingOffset: Number(ui.inputs.buildingOffset?.value),
       probabilityIntersection: Number(ui.inputs.probabilityIntersection?.value),
       probabilityTurn: Number(ui.inputs.probabilityTurn?.value),
       probabilityStreetEnd: Number(ui.inputs.probabilityStreetEnd?.value),

demo/src/interface.ts

@@ -10,6 +10,7 @@ export const ui = {
     buildingMaxSize: document.querySelector<HTMLInputElement>('[name=buildingMaxSize]'),
     buildingMinSpace: document.querySelector<HTMLInputElement>('[name=buildingMinSpace]'),
     buildingMaxSpace: document.querySelector<HTMLInputElement>('[name=buildingMaxSpace]'),
+    buildingOffset: document.querySelector<HTMLInputElement>('[name=buildingOffset]'),
     probabilityIntersection: document.querySelector<HTMLInputElement>('[name=probabilityIntersection]'),
     probabilityTurn: document.querySelector<HTMLInputElement>('[name=probabilityTurn]'),
     probabilityStreetEnd: document.querySelector<HTMLInputElement>('[name=probabilityStreetEnd]'),

dist/types.d.ts

@@ -65,6 +65,11 @@ export type CityGenerationParameters = {
      * Default: 3
      */
     buildingMaxSpace: number;
+    /**
+     * Distance between building and path.
+     * Default: 0
+     */
+    buildingOffset: number;
 };
 export type CityGenerationParametersCustom = {
     [key in keyof CityGenerationParameters]?: CityGenerationParameters[key];

package.json

@@ -1,7 +1,7 @@
 {
   "name": "gen-city",
   "description": "Procedural generation city",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "keywords": [
     "map",
     "generation",

src/city.ts

@@ -65,6 +65,7 @@ export class City {
       buildingMaxSize: 6,
       buildingMinSpace: 1,
       buildingMaxSpace: 3,
+      buildingOffset: 0,
       probabilityIntersection: 0.1,
       probabilityTurn: 0.05,
       probabilityStreetEnd: 0.001,
@@ -184,11 +185,11 @@ export class City {
       };
 
       turnDirection(path.direction).forEach((direction) => {
-        let stepOffset = 0;
+        let stepOffset = this.params.buildingOffset;
 
         while (path.getLength() > stepOffset) {
           const stepShift = getShift(path.direction, stepOffset);
-          const shiftFromPath = getShift(direction);
+          const shiftFromPath = getShift(direction, this.params.buildingOffset + 1);
           const startPosition = {
             x: position.x + stepShift.x + shiftFromPath.x,
             y: position.y + stepShift.y + shiftFromPath.y,
@@ -198,7 +199,7 @@ export class City {
             randomRange(this.params.buildingMinSize, this.params.buildingMaxSize),
           ];
 
-          if (stepOffset + size[0] > path.getLength()) {
+          if (stepOffset + size[0] + this.params.buildingOffset > path.getLength()) {
             break;
           }
 

src/types.ts

@@ -79,6 +79,12 @@ export type CityGenerationParameters = {
    * Default: 3
    */
   buildingMaxSpace: number
+
+  /**
+   * Distance between building and path.
+   * Default: 0
+   */
+  buildingOffset: number
 };
 
 export type CityGenerationParametersCustom = {