From 62454dcd8a9a2519bac3a21a3c651cd3d2395482 Mon Sep 17 00:00:00 2001 From: Orion Reed Date: Sun, 1 Dec 2024 05:49:11 -0500 Subject: [PATCH] rename --- demo/distance.html | 10 +++++----- .../{cellRenderer.ts => distance-field.ts} | 10 ++++------ 2 files changed, 9 insertions(+), 11 deletions(-) rename src/distanceField/{cellRenderer.ts => distance-field.ts} (96%) diff --git a/demo/distance.html b/demo/distance.html index 4a30f23..e09d185 100644 --- a/demo/distance.html +++ b/demo/distance.html @@ -20,7 +20,7 @@ position: absolute; } - cell-renderer canvas { + distance-field canvas { position: absolute; top: 0; left: 0; @@ -31,7 +31,7 @@ - + @@ -39,14 +39,14 @@ - + diff --git a/src/distanceField/cellRenderer.ts b/src/distanceField/distance-field.ts similarity index 96% rename from src/distanceField/cellRenderer.ts rename to src/distanceField/distance-field.ts index bca45fc..8e23955 100644 --- a/src/distanceField/cellRenderer.ts +++ b/src/distanceField/distance-field.ts @@ -2,16 +2,14 @@ import type { FolkGeometry } from '../canvas/fc-geometry.ts'; import type { Vector2 } from '../utils/Vector2.ts'; import { Fields } from './fields.ts'; -export class CellRenderer extends HTMLElement { - static tagName = 'cell-renderer'; +export class DistanceField extends HTMLElement { + static tagName = 'distance-field'; static define() { customElements.define(this.tagName, this); } - static observedAttributes = ['resolution', 'image-smoothing']; - - private canvas: HTMLCanvasElement; + private canvas!: HTMLCanvasElement; private ctx: CanvasRenderingContext2D; private offscreenCtx: CanvasRenderingContext2D; private fields: Fields; @@ -24,7 +22,7 @@ export class CellRenderer extends HTMLElement { constructor() { super(); - this.resolution = 2000; // default resolution + this.resolution = 800; // default resolution this.imageSmoothing = true; this.fields = new Fields(this.resolution);