I wanted to try drawing mesh cells with a varying size. I’m reusing the rounded cell approach from 1825-rounded-cell-painter, but instead of triangle centers being the centroid of each triangle, I’m using a weighted centroid where the weights affect how close the center is to each of the vertices. The animation on this page sets the weights based on a sine wave but I was thinking the weights might be useful for town sizes or other properties.
The triangle mesh doesn’t change. I move the center point within each triangle to change the sizes of the cells. Click Show structure to see this.
This experiment made me think I should explore isolines for triangle meshes. I think it could be simpler and also produce more interesting shapes. I was hoping it’d be easy but when I tried it it seemed like it would take a lot of experimentation, so that’ll be a separate page.
Source code for this page: weighted-cells.js. There are occasionally rendering glitches but for this quick experiment I didn’t investigate.