2d:null 2e:["$","title",null,{"children":"Hive of Mirrors 🐝 | Matt Dzugan | Observable"}] 33:T478,{ await visibility(); const context = DOM.context2d(w, h); context.fillStyle = "#eaac8b"; context.fillRect(0,0,w,h) for (var hex of hexData.hexes){ if(hex.polygon != null){ //var baseColorIdx = colorIDs[hex.polygon] var baseColorIdx = hex.polygon % palette.length; var baseColor = palette[baseColorIdx]; var myColor = (hex.side) ? baseColor : d3.rgb(baseColor).darker(0.3).formatHex(); context.fillStyle = myColor; context.beginPath(); context.moveTo(hex.x,hex.y) for (var ii=1/6; ii<2.3; ii+=1/3) context.lineTo(hex.x+(r_max+0.5)*Math.cos(ii*Math.PI), hex.y+(r_max+0.5)*Math.sin(ii*Math.PI)) context.fill(); } } for (var mypoly of hexData.polygons){ context.strokeStyle = '#eaac8b'; context.lineWidth = 2; context.beginPath(); var coords = mypoly.turfpoly.geometry.coordinates[0]; context.moveTo(coords[0][0], coords[0][1]); for(var pp=1; pp(-9*r_min))&(x<(w+9*r_min))&(y>(-9*r_min))&(y<(h+9*r_min))){ hexes.push({q:qq, r:rr, s:ss, x:x, y:y, polygon:null, side:null}); } } } function driftByOne(q, r){ var i = d3.randomInt(6)(); if(i==0){ return({q:(q+1), r:(r+0)}); }else if(i==1){ return({q:(q+1), r:(r-1)}); }else if(i==2){ return({q:(q+0), r:(r-1)}); }else if(i==3){ return({q:(q-1), r:(r+0)}); }else if(i==4){ return({q:(q-1), r:(r+1)}); }else if(i==5){ return({q:(q+0), r:(r+1)}); } } // I HAVE THIS WRONG https://www.redblobgames.com/grids/hexagons/#reflection function reflectPointOverMirror(mirror, point){ mirror.s = -(mirror.q+ mirror.r); point.s = -(point.q + point.r); if(mirror.m == 'cross-q'){ // horizontal reflection return( {q:(mirror.q + (point.s-mirror.s)), r:(point.r)} ) }else if(mirror.m == 'cross-r'){ // upleft/downright reflection return( {q:(point.q), r:(mirror.r - (point.q-mirror.q))} ) }else if(mirror.m == 'cross-qr'){ // downleft/upright reflection return( {q:(mirror.q + (point.r-mirror.r)), r:(mirror.r + (point.q-mirror.q))} ) } } function recursiveHexAssignment(mirror, polygon_id, fail_tally){ var myPolygonHexes = hexes.filter(x => ((x.polygon==polygon_id)&(x.side==0))); console.log(myPolygonHexes) // if not too big, and not too tired... if ((myPolygonHexes.length < 20)&(fail_tally < 30)){ // try to grow the poly - pick a member of myPolygonHexes var myStemHex = myPolygonHexes[d3.randomInt(myPolygonHexes.length)()]; // drift in one direction var driftedCoords = driftByOne(myStemHex.q, myStemHex.r); var driftedHex = hexes.find(x => (x.q == driftedCoords.q)&(x.r == driftedCoords.r)); var driftedHex_off = driftedHex == undefined; var driftedHex_vac = (driftedHex != undefined) ? (driftedHex.polygon == null) : false; // identify mirror var mirrorCoords = reflectPointOverMirror(mirror, driftedCoords); var mirrorHex = hexes.find(x => (x.q == mirrorCoords.q)&(x.r == mirrorCoords.r)); var mirrorHex_off = mirrorHex == undefined; var mirrorHex_vac = (mirrorHex != undefined) ? (mirrorHex.polygon == null) : false; // are they different var isDiff = (driftedCoords.q != mirrorCoords.q) | (driftedCoords.r != mirrorCoords.r) // if (drift AND mirror(drift)) vacant... //* if (driftedHex_vac & mirrorHex_vac & isDiff){ // update the "polygon" and "side" in "hexes" driftedHex.polygon = polygon_id; driftedHex.side = 0; mirrorHex.polygon = polygon_id; mirrorHex.side = 1; recursiveHexAssignment(mirror, polygon_id, 0) } else { recursiveHexAssignment(mirror, polygon_id, fail_tally+1) } //*/ } } // numConsecFails = 0 // while numConsecFails < 100 // decide if i want a {only-change-qq, only-change-rr, change-both} with 33% each // generate your {qq,rr} values // var numConsecFails = 0; var polygonID = 0; while (numConsecFails < 1e3){ // to identify two hexes, first a random one var rr0 = d3.randomInt(-NQ, NQ)(); var qq0 = d3.randomInt(-NQ, NQ)(); // then one that borders it randomly var rand = Math.random(); if (rand<0.333){ // this border sits between changing qq's var mirrorType = 'cross-q' var rr1 = rr0; var qq1 = Math.random()<0.5 ? qq0+1 : qq0-1; }else if (rand<0.666){ // this border sits between changing rr's var mirrorType = 'cross-r' var rr1 = Math.random()<0.5 ? rr0+1 : rr0-1; var qq1 = qq0; }else{ // this border sits between changing qq's and rr's var mirrorType = 'cross-qr' var rand2 = Math.random(); if (rand2<0.5){ var rr1 = rr0+1; var qq1 = qq0-1; }else{ var rr1 = rr0-1; var qq1 = qq0+1; } } // assign {polygon, side} to hexes var h0 = hexes.find(x => (x.q == qq0)&(x.r == rr0)); var h1 = hexes.find(x => (x.q == qq1)&(x.r == rr1)); if ((h0 == undefined)|(h1 == undefined)){ numConsecFails += 1; }else{ if ((h0.polygon == null)&(h1.polygon == null)){ h0.polygon = polygonID; h0.side = 0; h1.polygon = polygonID; h1.side = 1; recursiveHexAssignment({r: (rr0+rr1)/2, q: (qq0+qq1)/2, m: mirrorType}, polygonID, 0) polygonID++; numConsecFails = 0; }else{ numConsecFails += 1; } } } // end while loop /* // plot individual hexes for (var hex of hexes){ if(hex.polygon != null){ context.fillStyle = palette[hex.polygon % 5] context.beginPath(); context.moveTo(hex.x,hex.y) for (var ii=1/6; ii<2.3; ii+=1/3) context.lineTo(hex.x+r_max*Math.cos(ii*Math.PI), hex.y+r_max*Math.sin(ii*Math.PI)) context.fill(); } } */ // create list of polygons var myPolygons = []; for (var polyID=0; polyID x.polygon)); polyID++){ var myPolygonHexes = hexes.filter(x => (x.polygon==polyID)); var myPolyUnion = hex2poly(myPolygonHexes[0], r_max); for (var pp=1; pp