tidy
This commit is contained in:
parent
5ae3142d19
commit
69d5b416ed
35
colors.html
35
colors.html
|
@ -13,18 +13,18 @@
|
||||||
viewbox="0 0 1024 1024"
|
viewbox="0 0 1024 1024"
|
||||||
width="800"
|
width="800"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
>
|
>
|
||||||
<style>
|
<style>
|
||||||
polygon { stroke-width: 4px; }
|
polygon { stroke-width: 4px; }
|
||||||
polygon:hover { stroke: black; }
|
polygon:hover { stroke: black; }
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<defs>
|
<defs>
|
||||||
<mask id="circle-mask">
|
<mask id="circle-mask">
|
||||||
<rect x="0" y="0" width="1024" height="1024" fill="black" />
|
<rect x="0" y="0" width="1024" height="1024" fill="black" />
|
||||||
<circle cx="512" cy="512" r="512" fill="white" />
|
<circle cx="512" cy="512" r="512" fill="white" />
|
||||||
</mask>
|
</mask>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
<!-- https://github.com/gorhill/Javascript-Voronoi -->
|
<!-- https://github.com/gorhill/Javascript-Voronoi -->
|
||||||
|
@ -210,18 +210,6 @@ Object.entries(colors).forEach(([name, color], _) => {
|
||||||
|
|
||||||
let x = Math.cos(colorAngle) * colorRadius + 512;
|
let x = Math.cos(colorAngle) * colorRadius + 512;
|
||||||
let y = Math.sin(colorAngle) * colorRadius + 512;
|
let y = Math.sin(colorAngle) * colorRadius + 512;
|
||||||
|
|
||||||
/*
|
|
||||||
let dotSize = 16;
|
|
||||||
let dot = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
|
|
||||||
dot.setAttribute('cx', x - (dotSize/2));
|
|
||||||
dot.setAttribute('cy', y - (dotSize/2));
|
|
||||||
dot.setAttribute('r', dotSize);
|
|
||||||
dot.setAttribute('style', `fill: rgb(${r}, ${g}, ${b})`);
|
|
||||||
dot.setAttribute('title', name);
|
|
||||||
svg.appendChild(dot);
|
|
||||||
*/
|
|
||||||
|
|
||||||
sites.push({x: x, y: y});
|
sites.push({x: x, y: y});
|
||||||
colorsBySite[[x, y]] = name;
|
colorsBySite[[x, y]] = name;
|
||||||
});
|
});
|
||||||
|
@ -229,7 +217,6 @@ Object.entries(colors).forEach(([name, color], _) => {
|
||||||
let voronoi = new Voronoi().compute(sites, {xl: 0, xr: 1024, yt: 0, yb: 1024});
|
let voronoi = new Voronoi().compute(sites, {xl: 0, xr: 1024, yt: 0, yb: 1024});
|
||||||
|
|
||||||
voronoi.cells.forEach(cell => {
|
voronoi.cells.forEach(cell => {
|
||||||
//console.log('cell', cell, );
|
|
||||||
if (cell.closeMe) {
|
if (cell.closeMe) {
|
||||||
console.warn('cell', cell, 'needs closing');
|
console.warn('cell', cell, 'needs closing');
|
||||||
return;
|
return;
|
||||||
|
|
Loading…
Reference in New Issue