Show river on biome

Author: hacktoon

src/model/world/basin/chunk/index.js

@@ -20,7 +20,7 @@ export class BasinChunk {
     }
 
     draw(props, params) {
-        const {canvas, canvasPoint, tilePoint, tileSize, world, chunk} = props
+        const {canvas, canvasPoint, tileSize, chunk} = props
         const chunkTileSize = tileSize / chunk.size
         if (tileSize < 10) return
         for (let x=0; x < chunk.size; x++) {

src/model/world/basin/model.js

@@ -17,10 +17,10 @@ import {
 
 
 const NO_BASIN_ID = null
-const FILL_CHANCE = .2  // chance of fill growing
-const FILL_GROWTH = 3
-const MIDPOINT_RATE = .6  //random point in 60% of chunkrect area around center point
-const MIDDLE_OFFSET = 2  // used to avoid midpoints on middle
+const FILL_CHANCE = .3  // chance of fill growing
+const FILL_GROWTH = 4
+const MIDPOINT_RATE = .7  //random point in 60% of chunkrect area around center point
+const MIDDLE_OFFSET = 1  // used to avoid midpoints on middle
 
 
 export function buildBasinModel(context) {

src/model/world/biome/index.js

@@ -118,8 +118,11 @@ export class BiomeLayer {
     }
 
     draw(props, params) {
-        const {canvas, canvasPoint, tileSize, tilePoint} = props
+        const {world, canvas, canvasPoint, tileSize, tilePoint} = props
         let color = this.get(tilePoint).color
         canvas.rect(canvasPoint, tileSize, color.toHex())
+        if (params.get("showRivers")) {
+            world.river.drawOnlyRivers(props, params)
+        }
     }
 }

src/model/world/river/chunk/index.js

@@ -1,5 +1,6 @@
 import { Point } from '/src/lib/geometry/point'
 import { Color } from '/src/lib/color'
+
 import { buildRiverGrid } from './model'
 
 
@@ -34,9 +35,9 @@ export class RiverChunk {
                 if (this.has(chunkPoint)) {
                     canvas.rect(chunkCanvasPoint, chunkTileSize, color)
                 }
-                // if (Point.equals(basin.midpoint, chunkPoint)) {
-                //     canvas.rect(chunkCanvasPoint, chunkTileSize, Color.RED.toHex())
-                // }
+                if (Point.equals(basin.midpoint, chunkPoint)) {
+                    canvas.rect(chunkCanvasPoint, chunkTileSize, Color.RED.toHex())
+                }
             }
         }
     }

src/model/world/river/index.js

@@ -79,8 +79,13 @@ export class RiverLayer {
     }
 
     draw(props, params) {
-        const {canvas, canvasPoint, tileSize, tilePoint, world} = props
+        const {world} = props
         world.surface.draw(props, params)
+        this.drawOnlyRivers(props, params)
+    }
+
+    drawOnlyRivers(props, params) {
+        const {canvas, canvasPoint, tileSize, tilePoint, world} = props
         if (! params.get('showRivers') || ! this.has(tilePoint)) {
             return
         }

src/model/world/surface/model.js

@@ -20,7 +20,7 @@ const MINIMUN_OCEAN_RATIO = 2
 const MINIMUN_SEA_RATIO = .05
 const MINIMUN_CONTINENT_RATIO = 1
 
-export const EMPTY = null
+const EMPTY = null
 
 
 export function buildSurfaceModel(context) {