Isometric Grid

https://github.com/MilesTails01/isometric_grid

Demo

https://fenixfox-studios.com/content/isometric_grid/

In order to put the WFC project to use I want to use an isometric grid that I can combine with the wfc and marching cube algorithm in order to procedually generate an isometric little cosmos. I plan to make a little project that has an "aquarium" feel to it.

Usage

To install all needed packages

npm install

To build the module

npm run build_prod

To start the live server

npm start

Other

I originally planned to use 2x2 rotation and scale matrix. But the float precision is broken.

const { vec2, mat2 } 	= require('gl-matrix');
const point 		= vec2.fromValues(x * w, y * h);
const angle 		= Math.PI / 4;
const scaleX 		= 1;
const scaleY 		= 0.5;
const rotationMatrix 	= mat2.create();
const scalingMatrix 	= mat2.create();

mat2.rotate(rotationMatrix, rotationMatrix, angle			);
mat2.scale (scalingMatrix , scalingMatrix , [scaleX, scaleY]);

vec2.transformMat2(point, point, rotationMatrix);
vec2.transformMat2(point, point, scalingMatrix);