three-material 0.2.0

package/dist/brushed.d.ts

@@ -0,0 +1,9 @@
+import type * as THREE from 'three';
+import type { BrushedMaterialOptions } from './types.js';
+export type { BrushedMaterialOptions } from './types.js';
+export declare class BrushedMetalTexture {
+    readonly normalCanvas: HTMLCanvasElement;
+    readonly roughnessCanvas: HTMLCanvasElement;
+    constructor(width?: number, height?: number, options?: Pick<BrushedMaterialOptions, 'density' | 'length' | 'variation'>);
+}
+export declare function brushedMaterial(options?: BrushedMaterialOptions): THREE.MeshPhysicalMaterial;

package/dist/brushed.js

@@ -0,0 +1,60 @@
+import { physicalMaterial, textureFrom } from './shared.js';
+function hash(row, column) {
+    let value = Math.imul(row + 1, 0x45d9f3b) ^ Math.imul(column + 17, 0x27d4eb2d);
+    value = Math.imul(value ^ (value >>> 16), 0x45d9f3b);
+    value ^= value >>> 16;
+    return (value >>> 0) / 4294967295;
+}
+export class BrushedMetalTexture {
+    constructor(width = 1024, height = 1024, options = {}) {
+        this.normalCanvas = document.createElement('canvas');
+        this.roughnessCanvas = document.createElement('canvas');
+        this.normalCanvas.width = this.roughnessCanvas.width = width;
+        this.normalCanvas.height = this.roughnessCanvas.height = height;
+        const normalContext = this.normalCanvas.getContext('2d');
+        const roughnessContext = this.roughnessCanvas.getContext('2d');
+        if (!normalContext || !roughnessContext)
+            throw new Error('Unable to create brushed-metal texture canvases.');
+        const normalImage = normalContext.createImageData(width, height);
+        const roughnessImage = roughnessContext.createImageData(width, height);
+        const density = (options.density ?? 72) / 100;
+        const length = (options.length ?? 84) / 100;
+        const variation = (options.variation ?? 32) / 100;
+        const slopes = new Float32Array(height);
+        for (let y = 0; y < height; y += 1) {
+            const previous = hash((y - 1 + height) % height, 91) * 2 - 1;
+            const current = hash(y, 91) * 2 - 1;
+            const next = hash((y + 1) % height, 91) * 2 - 1;
+            slopes[y] = current * (0.65 + density * 0.25) + (previous + current * 2 + next) * 0.25 * (0.35 - density * 0.2) + (hash(y, 413) > 0.975 ? (hash(y, 719) * 2 - 1) * 0.75 : 0);
+        }
+        const segmentCount = Math.max(2, Math.round(18 - length * 15));
+        const segmentWidth = width / segmentCount;
+        const amplitude = 7 + density * 15;
+        for (let y = 0; y < height; y += 1)
+            for (let x = 0; x < width; x += 1) {
+                const position = x / segmentWidth;
+                const segment = Math.floor(position);
+                const t = position - segment;
+                const blend = t * t * (3 - 2 * t);
+                const first = hash(y, segment % segmentCount);
+                const longitudinal = first + (hash(y, (segment + 1) % segmentCount) - first) * blend;
+                const slope = slopes[y] * (1 - variation * 0.32 + longitudinal * variation * 0.55);
+                const index = (y * width + x) * 4;
+                normalImage.data.set([127, Math.max(0, Math.min(255, 127 + slope * amplitude)), 254, 255], index);
+                const roughness = Math.max(0, Math.min(255, 225 + slope * (3 + variation * 7) + (longitudinal - 0.5) * variation * 12));
+                roughnessImage.data.set([roughness, roughness, roughness, 255], index);
+            }
+        normalContext.putImageData(normalImage, 0, 0);
+        roughnessContext.putImageData(roughnessImage, 0, 0);
+    }
+}
+export function brushedMaterial(options = {}) {
+    const texture = new BrushedMetalTexture(1024, 1024, options);
+    const material = physicalMaterial(options);
+    material.normalMap = textureFrom(texture.normalCanvas, options, options.direction);
+    material.roughnessMap = textureFrom(texture.roughnessCanvas, options, options.direction);
+    material.anisotropy = options.anisotropy ?? 0.8;
+    material.anisotropyRotation = material.normalMap.rotation;
+    return material;
+}
+//# sourceMappingURL=brushed.js.map

package/dist/brushed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brushed.js","sourceRoot":"","sources":["../src/brushed.ts"],"names":[],"mappings":"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"}

package/dist/flakes.d.ts

@@ -0,0 +1,8 @@
+import type * as THREE from 'three';
+import type { FlakesMaterialOptions } from './types.js';
+export type { FlakesMaterialOptions } from './types.js';
+export declare class FlakesTexture {
+    readonly canvas: HTMLCanvasElement;
+    constructor(width?: number, height?: number, density?: number, size?: number);
+}
+export declare function flakesMaterial(options?: FlakesMaterialOptions): THREE.MeshPhysicalMaterial;

package/dist/flakes.js

@@ -0,0 +1,36 @@
+import { physicalMaterial, textureFrom } from './shared.js';
+export class FlakesTexture {
+    constructor(width = 512, height = 512, density = 40, size = 6) {
+        const canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+        const context = canvas.getContext('2d');
+        if (!context)
+            throw new Error('Unable to create a 2D canvas context.');
+        context.fillStyle = 'rgb(127, 127, 255)';
+        context.fillRect(0, 0, width, height);
+        for (let i = 0; i < density * 100; i += 1) {
+            const x = Math.random() * width;
+            const y = Math.random() * height;
+            const radius = Math.random() * (size / 2) + size / 2;
+            let nx = Math.random() * 2 - 1;
+            let ny = Math.random() * 2 - 1;
+            let nz = 1.5;
+            const vectorLength = Math.sqrt(nx * nx + ny * ny + nz * nz);
+            nx /= vectorLength;
+            ny /= vectorLength;
+            nz /= vectorLength;
+            context.fillStyle = `rgb(${nx * 127 + 127}, ${ny * 127 + 127}, ${nz * 255})`;
+            context.beginPath();
+            context.arc(x, y, radius, 0, Math.PI * 2);
+            context.fill();
+        }
+        this.canvas = canvas;
+    }
+}
+export function flakesMaterial(options = {}) {
+    const material = physicalMaterial(options);
+    material.normalMap = textureFrom(new FlakesTexture(512, 512, options.density, options.size).canvas, options);
+    return material;
+}
+//# sourceMappingURL=flakes.js.map

package/dist/flakes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flakes.js","sourceRoot":"","sources":["../src/flakes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK5D,MAAM,OAAO,aAAa;IAGxB,YAAY,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC;QAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QACvB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QACvE,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;QACzC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC;YAChC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC;YACjC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YACrD,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;YAC/B,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;YAC/B,IAAI,EAAE,GAAG,GAAG,CAAC;YACb,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC5D,EAAE,IAAI,YAAY,CAAC;YAAC,EAAE,IAAI,YAAY,CAAC;YAAC,EAAE,IAAI,YAAY,CAAC;YAC3D,OAAO,CAAC,SAAS,GAAG,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC;YAC7E,OAAO,CAAC,SAAS,EAAE,CAAC;YAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACjF,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;CACF;AAED,MAAM,UAAU,cAAc,CAAC,UAAiC,EAAE;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7G,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { flakesMaterial, FlakesTexture } from './flakes.js';
+export { scratchesMaterial, ScratchesTexture } from './scratches.js';
+export { brushedMaterial, BrushedMetalTexture } from './brushed.js';
+export type { MaterialFinishOptions, FlakesMaterialOptions, ScratchesMaterialOptions, BrushedMaterialOptions } from './types.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { flakesMaterial, FlakesTexture } from './flakes.js';
+export { scratchesMaterial, ScratchesTexture } from './scratches.js';
+export { brushedMaterial, BrushedMetalTexture } from './brushed.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}

package/dist/scratches.d.ts

@@ -0,0 +1,8 @@
+import type * as THREE from 'three';
+import type { ScratchesMaterialOptions } from './types.js';
+export type { ScratchesMaterialOptions } from './types.js';
+export declare class ScratchesTexture {
+    readonly canvas: HTMLCanvasElement;
+    constructor(width?: number, height?: number, options?: Pick<ScratchesMaterialOptions, 'density' | 'length'>);
+}
+export declare function scratchesMaterial(options?: ScratchesMaterialOptions): THREE.MeshPhysicalMaterial;

package/dist/scratches.js

@@ -0,0 +1,37 @@
+import { physicalMaterial, textureFrom } from './shared.js';
+export class ScratchesTexture {
+    constructor(width = 512, height = 512, options = {}) {
+        const canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+        const context = canvas.getContext('2d');
+        if (!context)
+            throw new Error('Unable to create a 2D canvas context.');
+        const density = options.density ?? 46;
+        const scratchLength = options.length ?? 72;
+        context.fillStyle = 'rgb(127, 127, 255)';
+        context.fillRect(0, 0, width, height);
+        context.lineCap = 'round';
+        for (let i = 0; i < density * 10; i += 1) {
+            const x = Math.random() * width;
+            const y = Math.random() * height;
+            const angle = Math.random() * Math.PI * 2;
+            const length = scratchLength * (0.25 + Math.random() * 0.75);
+            const nx = Math.cos(angle + Math.PI / 2);
+            const ny = Math.sin(angle + Math.PI / 2);
+            context.strokeStyle = `rgb(${127 + nx * 72}, ${127 + ny * 72}, 245)`;
+            context.lineWidth = 0.5 + Math.random() * 1.7;
+            context.beginPath();
+            context.moveTo(x, y);
+            context.lineTo(x + Math.cos(angle) * length, y + Math.sin(angle) * length);
+            context.stroke();
+        }
+        this.canvas = canvas;
+    }
+}
+export function scratchesMaterial(options = {}) {
+    const material = physicalMaterial(options);
+    material.normalMap = textureFrom(new ScratchesTexture(512, 512, options).canvas, options);
+    return material;
+}
+//# sourceMappingURL=scratches.js.map

package/dist/scratches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scratches.js","sourceRoot":"","sources":["../src/scratches.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK5D,MAAM,OAAO,gBAAgB;IAG3B,YAAY,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,UAAgE,EAAE;QACvG,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QACvE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;QACtC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;QAC3C,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;QAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3G,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YACzC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC;YAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC;YAAC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YAC7G,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YACnF,OAAO,CAAC,WAAW,GAAG,OAAO,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC;YACrE,OAAO,CAAC,SAAS,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;YAC9C,OAAO,CAAC,SAAS,EAAE,CAAC;YAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC;YAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAC1I,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;CACF;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAoC,EAAE;IACtE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC,IAAI,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1F,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/shared.d.ts

@@ -0,0 +1,4 @@
+import * as THREE from 'three';
+import type { MaterialFinishOptions } from './types.js';
+export declare function physicalMaterial(options: MaterialFinishOptions): THREE.MeshPhysicalMaterial;
+export declare function textureFrom(canvas: HTMLCanvasElement, options: MaterialFinishOptions, direction?: number): THREE.CanvasTexture;

package/dist/shared.js

@@ -0,0 +1,23 @@
+import * as THREE from 'three';
+export function physicalMaterial(options) {
+    return new THREE.MeshPhysicalMaterial({
+        color: options.color ?? '#8418ca',
+        metalness: options.metalness ?? 0.9,
+        roughness: options.roughness ?? 0.5,
+        clearcoat: options.clearcoat ?? 1,
+        clearcoatRoughness: options.clearcoatRoughness ?? 0.1,
+        normalScale: new THREE.Vector2(options.strength ?? 0.15, options.strength ?? 0.15),
+    });
+}
+export function textureFrom(canvas, options, direction = 0) {
+    const texture = new THREE.CanvasTexture(canvas);
+    texture.colorSpace = THREE.NoColorSpace;
+    texture.wrapS = THREE.RepeatWrapping;
+    texture.wrapT = THREE.RepeatWrapping;
+    const scale = options.scale ?? 8;
+    texture.repeat.set(scale, scale * 0.6);
+    texture.center.set(0.5, 0.5);
+    texture.rotation = THREE.MathUtils.degToRad(direction);
+    return texture;
+}
+//# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,UAAU,gBAAgB,CAAC,OAA8B;IAC7D,OAAO,IAAI,KAAK,CAAC,oBAAoB,CAAC;QACpC,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,SAAS;QACjC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG;QACnC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG;QACnC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,CAAC;QACjC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,IAAI,GAAG;QACrD,WAAW,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;KACnF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAyB,EAAE,OAA8B,EAAE,SAAS,GAAG,CAAC;IAClG,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC;IACxC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC;IACrC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC;IACrC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC;IACvC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7B,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACvD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,24 @@
+export interface MaterialFinishOptions {
+    color?: string | number;
+    metalness?: number;
+    roughness?: number;
+    clearcoat?: number;
+    clearcoatRoughness?: number;
+    strength?: number;
+    scale?: number;
+}
+export interface FlakesMaterialOptions extends MaterialFinishOptions {
+    density?: number;
+    size?: number;
+}
+export interface ScratchesMaterialOptions extends MaterialFinishOptions {
+    density?: number;
+    length?: number;
+}
+export interface BrushedMaterialOptions extends MaterialFinishOptions {
+    density?: number;
+    length?: number;
+    variation?: number;
+    direction?: number;
+    anisotropy?: number;
+}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "three-material",
+  "version": "0.2.0",
+  "description": "Runtime-generated physical materials for Three.js",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./flakes": {
+      "types": "./dist/flakes.d.ts",
+      "import": "./dist/flakes.js"
+    },
+    "./scratches": {
+      "types": "./dist/scratches.d.ts",
+      "import": "./dist/scratches.js"
+    },
+    "./brushed": {
+      "types": "./dist/brushed.d.ts",
+      "import": "./dist/brushed.js"
+    }
+  },
+  "peerDependencies": {
+    "three": ">=0.161.0"
+  },
+  "devDependencies": {
+    "@types/three": "^0.161.2",
+    "three": "^0.161.0",
+    "typescript": "^5.4.2"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "check": "tsc -p tsconfig.json --noEmit"
+  }
+}