I want to translate the generated rivers to a tilemap.
Since I do the polygon rasterization in C#, do i need to do all the math you mention in this article again in order to replicate the rivers?
https://simblob.blogspot.com/2018/10/mapgen4-river-representation.html
Or is the information stored in the Map object in a way I don't understand?
Any approach on how would you do it?

Hello,

I really impressed with this and thank you so much for your sharing this wonderful project.

I tried your code as instructed, and everything works perfect!!! Great!!

Can I ask one thing? How to change the River color? I was looking colormap.js and render.js and tried several changes, but still failed to change the river color...
I'm now trying to extract height map from your mapgen4 image but river color gave me some problem... I want to make river color more dark.... (close to rgb 50,50,50)

Any advice or hint will be highly appreciate!!!
Thanks for this great job!!!

Hi, please help me
when i run the last cmd 'npm run build', the console will show me

Error: ENOENT: no such file or directory, lstat 'D:\work\Git\mapgen4\node_modules\@redblobgames\dual-mesh\dist\dual-mesh.js' at Error (native) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @redblobgames/[email protected] build: browserify mapgen4.js -g uglifyify -o build/_bundle.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @redblobgames/[email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\zsj\AppData\Roaming\npm-cache_logs\2019-09-23T03_46_10_224Z-debug.log`

How do I translate the generated map to a tilemap?

I want to store all the information in a matrix, any approach on how would you do this?

Is it possible to know wheter a given region (polygon) is a coast or not, ocean or not and water or not?
I saw this inside the setMapGeometry function:
let coast = r_elevation[r1] < 0.0 || r_elevation[r2] < 0.0;
My goal is to create 3 new array properties "r_coast" ,"r_ocean" and "r_water" with booleans. Just like mapgen2 does.
But i don't quite understand it.

Just wanted to start by saying thank you! This is an amazing project.

I'm attempting to implement trees. While I think I have a decent strategy in mind (draw sprites based on moisture, elevation, and aspect), I can tell I have a lot of learning to do before I'm able to contribute anything of use.

You had mentioned on your blog that trees were possibly on the horizon. Do you have any example code or ideas that I could learn from while I get up to speed?

Is it ok, that after doing instructions for nom I have the next error?

Error: Cannot find module '@redblobgames/prng'

P.S.: thnx a lot for the blog and the source code!

In worker.js

            // create heightmap
            const size = 1000;
            const heightmap = [];
            for (let y = 0; y < size; ++y) {
                const row = [];
                for (let x = 0; x < size; ++x) {
                    row.push(0);
                }
                heightmap.push(row);
            }
            const mesh = map.mesh;
            for (let t = 0; t < mesh.numTriangles; ++t) {
                const s = 3 * t;
                const r0 = mesh.s_begin_r(s);
                const ax = mesh.r_x(r0);
                const ay = mesh.r_y(r0);
                const az = -map.r_elevation[r0];
                const r1 = mesh.s_begin_r(s + 1);
                const bx = mesh.r_x(r1);
                const by = mesh.r_y(r1);
                const bz = -map.r_elevation[r1];
                const r2 = mesh.s_begin_r(s + 2);
                const cx = mesh.r_x(r2);
                const cy = mesh.r_y(r2);
                const cz = -map.r_elevation[r2];
                let minX = Infinity;
                let maxX = -Infinity;
                minX = Math.min(minX, ax);
                minX = Math.min(minX, bx);
                minX = Math.min(minX, cx);
                maxX = Math.max(maxX, ax);
                maxX = Math.max(maxX, bx);
                maxX = Math.max(maxX, cx);
                minX = Math.max(0, Math.floor(minX));
                maxX = Math.min(size - 1, Math.ceil(maxX));
                let minY = Infinity;
                let maxY = -Infinity;
                minY = Math.min(minY, ay);
                minY = Math.min(minY, by);
                minY = Math.min(minY, cy);
                maxY = Math.max(maxY, ay);
                maxY = Math.max(maxY, by);
                maxY = Math.max(maxY, cy);
                minY = Math.max(0, Math.floor(minY));
                maxY = Math.min(size - 1, Math.ceil(maxY));
                // fill heightmap by Interpolating z values at pixel(x, y)
                for (let y = minY; y <= maxY; ++y) {
                    for (let x = minX; x <= maxX; ++x) {
                        if (isPointInTriangle(x, y, ax, ay, bx, by, cx, cy)) {
                            const aw = Math.sqrt(Math.pow(x - ax, 2) + Math.pow(y - ay, 2));
                            const bw = Math.sqrt(Math.pow(x - bx, 2) + Math.pow(y - by, 2));
                            const cw = Math.sqrt(Math.pow(x - cx, 2) + Math.pow(y - cy, 2));
                            heightmap[y][x] = (aw * az + bw * bz + cw * cz) / (aw + bw + cw);
                        }
                    }
                }
            }

I thought r_elevation is for z value, but maybe I misunderstand.

codes.zip

when I execute build I am not generating the data file. Not sure why. I get a 404 error that says the .data file is not found.