Digital Humanist. Manhattan-based.
Public
Edited
May 24, 2023
1 fork
6 stars
entailments = {
const neighbors = [
[0, -1],
[1, -1],
[1, 0],
[0, 1],
[-1, 1],
[-1, 0]
];
const entailments_1 = [
[0, -6],
[1, 6],
[1, -2],
[2, 2]
];
const entailments = {};
for (let i = 1; i <= 6; i++) {
entailments[i] = entailments[-i] = entailments_1.map(
([position, shape]) => [
(position + i - 1) % 6,
(((Math.abs(shape) - 1) % 6) + 1) * shape < 0 ? -1 : 1
]
);
}
return entailments;
}
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
hex = new hc.Hex(storage.hatrack.hats[0].coordinates)
storage = new Object()
class Hatrack {
constructor(context, scale, width) {
this.hats = [];
this.context = context;
this.width = width;
this.scale = scale;
this.Hex = hc.defineHex({
dimensions: 1,
orientation: hc.Orientation.FLAT
});
this.grid = new hc.Grid(
this.Hex,
hc.rectangle({ width: 35, height: 35, start: [-6, -6] })
);
}
add_hat(coords, rotation, flip) {
this.hats.push(new Hat(coords, rotation, flip));
}
*add_and_add(radius = 6) {
const spiralTraverser = hc.spiral({ start: [0, 0], radius });
for (let f of this.grid.traverse(spiralTraverser)) {
yield new hc.Hex(f);
}
}
rect() {
const { width, scale } = this;
this.context.strokeRect(
-width / (2 * scale),
-width / (2 * scale),
width / scale,
width / scale
);
}
draw(context = null) {
const { scale, width } = this;
if (context === null) {
context = this.context;
}
context.clearRect(
-width / (2 * scale),
-width / (2 * scale),
width / scale,
width / scale
);
for (const hat of this.hats) {
context.save();
hat.draw(context);
context.restore();
}
return context.canvas;
}
collides(coords, rotation, flip) {
const { context, scale, width } = this;
context.clearRect(
-width / (2 * scale),
-width / (2 * scale),
width / scale,
width / scale
);
// Draw existing hats
this.draw(context);
// Get the image data of the existing hats
const existingHatsData = context.getImageData(
0,
0,
width * 2,
width * 2
).data;
// Draw the new hat
const newHat = new Hat(coords, rotation, flip);
newHat.draw(context);
// Get the image data after drawing the new hat
const updatedData = context.getImageData(0, 0, width * 2, width * 2).data;
let collisionsDetected = 0;
for (let i = 3; i < existingHatsData.length; i += 4) {
if (existingHatsData[i] > 0 && updatedData[i] > 129) {
collisionsDetected += 1;
}
}
console.log(collisionsDetected);
return collisionsDetected > 50;
}
}
class Hat {
constructor(hex = [0, 0, 0], rotation = 0, flip = false) {
this.neighbors = [];
this.children = [];
const [q, r, s] = hex;
if (q + r + s !== 0) {
throw new Error("Bad coordinates");
}
this.coordinates = hex;
const size = 2;
this.origin = [
size * ((3 / 2) * q),
size * ((Math.sqrt(3) / 2) * q + Math.sqrt(3) * r)
];
this.rotation = rotation;
this.flip = flip;
}
draw(context) {
context.save();
context.fillStyle = this.flip ? "blue" : "red";
context.translate(...this.origin);
context.rotate(this.rotation * Math.PI);
if (this.flip) {
context.scale(-1, 1);
}
context.beginPath();
for (const [x, y] of hat.geometry.coordinates[0]) {
context.lineTo(x, y);
}
context.closePath();
context.fill();
context.restore();
}
}
hc = require("honeycomb-grid")
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.