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 = 5
+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) {
@@ -167,7 +167,7 @@ class LandBasinFill extends ConcurrentFill {
     }
 
     getNeighbors(fill, parentPoint) {
-        return Point.adjacents(parentPoint)
+        return Point.around(parentPoint)
     }
 
     isEmpty(fill, fillPoint, parentPoint) {

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'
 
 
@@ -24,7 +25,8 @@ export class RiverChunk {
         const {canvas, canvasPoint, tilePoint, tileSize, world, chunk} = props
         const chunkTileSize = tileSize / chunk.size
         const basin = world.basin.get(tilePoint)
-        if (! params.get('showRivers') || tileSize < 10) return
+        if (! params.get('showRivers') || tileSize < 10)
+            return
         for (let x=0; x < chunk.size; x++) {
             const xSize = x * chunkTileSize
             for (let y=0; y < chunk.size; y++) {

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) {