@geoblocks/cesium-post-process 0.3.0 → 0.5.0

package/dist/weather-map.js

@@ -0,0 +1,266 @@
+import { Cartesian4, Math as CesiumMath } from '@cesium/core';
+// @ts-expect-error the engine exports its textures, but does not type them
+import { Texture } from '@cesium/engine';
+const TWO_PI = CesiumMath.TWO_PI;
+// the max map's texels are blocks of this many pixels of the map across
+const POOL = 4;
+/**
+ * Where it rains: an image whose red channel is the local intensity, 0 to 1,
+ * over a rectangle of longitudes and latitudes, north up, not crossing the
+ * antimeridian. Outside the rectangle there is none, so the image should
+ * fade to 0 at its edges.
+ * @typedef {{image: HTMLCanvasElement | ImageData | {width: number, height: number, data: Uint8ClampedArray}, rectangle: import('@cesium/core').Rectangle}} WeatherMapOptions
+ */
+/**
+ * The pixels of an image, read once.
+ * @param {WeatherMapOptions['image']} image
+ */
+export function imageData(image) {
+    return 'data' in image ? image : image.getContext('2d', { willReadFrequently: true })?.getImageData(0, 0, image.width, image.height);
+}
+/**
+ * A texture's source from an image: a canvas or an ImageData as it is, other pixels as an array,
+ * which Cesium flips as it flips an image.
+ * @param {HTMLCanvasElement | ImageData | {width: number, height: number, data: Uint8ClampedArray}} image
+ */
+function textureSource(image) {
+    if (!('data' in image) || (typeof ImageData !== 'undefined' && image instanceof ImageData)) {
+        return image;
+    }
+    const { width, height, data } = image;
+    return { width, height, arrayBufferView: new Uint8Array(data.buffer, data.byteOffset, data.length) };
+}
+/**
+ * The highest value of each channel of an image, 0 to 1.
+ * @param {{data: Uint8ClampedArray} | undefined} data
+ */
+function highest(data) {
+    const max = [0, 0, 0, 0];
+    const values = data?.data ?? [];
+    for (let i = 0; i < values.length; i += 4) {
+        for (let channel = 0; channel < 4; channel++) {
+            max[channel] = Math.max(max[channel], values[i + channel]);
+        }
+    }
+    return max.map((value) => value / 255);
+}
+/**
+ * The highest value of each channel of images of the same size around each block of POOL x POOL
+ * pixels: in the block and its 8 neighbors, as RGBA bytes. A ray sampled less than a block apart
+ * then finds every cell of rain it passes, however small.
+ * @param {Array<{width: number, height: number, data: Uint8ClampedArray} | undefined>} images
+ */
+function maxPool(images) {
+    const { width, height } = /** @type {{width: number, height: number}} */ (images[0]);
+    const w = Math.ceil(width / POOL);
+    const h = Math.ceil(height / POOL);
+    const pooled = new Uint8Array(w * h * 4);
+    for (const image of images) {
+        if (!image) {
+            continue;
+        }
+        for (let y = 0; y < height; y++) {
+            for (let x = 0; x < width; x++) {
+                const i = 4 * (Math.floor(y / POOL) * w + Math.floor(x / POOL));
+                for (let channel = 0; channel < 4; channel++) {
+                    pooled[i + channel] = Math.max(pooled[i + channel], image.data[4 * (y * width + x) + channel]);
+                }
+            }
+        }
+    }
+    const data = new Uint8Array(w * h * 4);
+    for (let y = 0; y < h; y++) {
+        for (let x = 0; x < w; x++) {
+            for (let channel = 0; channel < 4; channel++) {
+                let max = 0;
+                for (let dy = Math.max(y - 1, 0); dy <= Math.min(y + 1, h - 1); dy++) {
+                    for (let dx = Math.max(x - 1, 0); dx <= Math.min(x + 1, w - 1); dx++) {
+                        max = Math.max(max, pooled[4 * (dy * w + dx) + channel]);
+                    }
+                }
+                data[4 * (y * w + x) + channel] = max;
+            }
+        }
+    }
+    return { width: w, height: h, data };
+}
+/**
+ * A map of the rain for the shaders, WeatherMap.glsl's uniforms, and its
+ * intensity at a point on the CPU, bilinear as the shaders sample it. Without
+ * a map, the intensity everywhere is the empty value: 1 for rain everywhere,
+ * 0 for none. A next map, over the same rectangle and of the same size, crossfades from the map to
+ * it by the blend, as the radar from one hour to the next.
+ */
+export default class WeatherMap {
+    /**
+     * @param {number} empty the intensity everywhere without a map
+     */
+    constructor(empty) {
+        this.empty_ = empty;
+        /** @type {WeatherMapOptions | undefined} */
+        this.map_ = undefined;
+        /** @type {{width: number, height: number, data: Uint8ClampedArray} | undefined} */
+        this.data_ = undefined;
+        /** @type {WeatherMapOptions | undefined} */
+        this.nextMap_ = undefined;
+        /** @type {{width: number, height: number, data: Uint8ClampedArray} | undefined} */
+        this.nextData_ = undefined;
+        /**
+         * From the map, 0, to the next one, 1.
+         */
+        this.blend = 0;
+        /**
+         * The rectangle in the ellipsoid's texture coordinates: its west and
+         * south, and one over its width and height; the whole globe without a map.
+         */
+        this.bounds = new Cartesian4(0, 0, 1, 1);
+        /**
+         * The highest intensity on the map, 0 to 1: the empty value without a map; and the highest
+         * value of each of its channels.
+         */
+        this.maxIntensity = empty;
+        this.maxValues = [empty, empty, empty, empty];
+        // made when the shaders first need it: a stage given an image makes its texture a frame after
+        // it is set, and draws without one in between
+        /** @type {any} */
+        this.texture_ = undefined;
+        /** @type {any} */
+        this.nextTexture_ = undefined;
+        /** @type {{width: number, height: number, data: Uint8Array} | undefined} */
+        this.maxImage_ = undefined;
+        /** @type {any} */
+        this.maxTexture_ = undefined;
+    }
+    get map() {
+        return this.map_;
+    }
+    set map(value) {
+        this.map_ = value;
+        if (!value) {
+            this.data_ = undefined;
+            Cartesian4.fromElements(0, 0, 1, 1, this.bounds);
+            this.maxIntensity = this.empty_;
+        }
+        else {
+            const { image, rectangle } = value;
+            this.data_ = imageData(image);
+            Cartesian4.fromElements(rectangle.west / TWO_PI + 0.5, rectangle.south / CesiumMath.PI + 0.5, TWO_PI / (rectangle.east - rectangle.west), CesiumMath.PI / (rectangle.north - rectangle.south), this.bounds);
+        }
+        this.updateMaxIntensity_();
+        // made again from the new image when the shaders next need it
+        this.texture_ = this.texture_?.destroy();
+        this.clearMaxImage_();
+    }
+    get nextMap() {
+        return this.nextMap_;
+    }
+    set nextMap(value) {
+        this.nextMap_ = value;
+        this.nextData_ = value && imageData(value.image);
+        this.updateMaxIntensity_();
+        this.nextTexture_ = this.nextTexture_?.destroy();
+        this.clearMaxImage_();
+    }
+    clearMaxImage_() {
+        this.maxImage_ = undefined;
+        this.maxTexture_ = this.maxTexture_?.destroy();
+    }
+    /**
+     * The highest intensity around each block of the map's pixels, over the map and the next one,
+     * made when first needed: undefined without a map.
+     */
+    maxImage() {
+        if (this.map_ && !this.maxImage_) {
+            this.maxImage_ = maxPool([this.data_, this.nextData_]);
+        }
+        return this.maxImage_;
+    }
+    updateMaxIntensity_() {
+        const map = highest(this.data_);
+        const next = highest(this.nextMap_ ? this.nextData_ : undefined);
+        this.maxValues = this.map_ ? map.map((value, channel) => Math.max(value, next[channel])) : [this.empty_, this.empty_, this.empty_, this.empty_];
+        this.maxIntensity = this.maxValues[0];
+    }
+    /**
+     * The intensity at a point, 0 to 1, bilinear as the shaders sample it: the
+     * empty value without a map, 0 outside its rectangle.
+     * @param {number} longitude radians
+     * @param {number} latitude radians
+     */
+    intensityAt(longitude, latitude) {
+        if (!this.map_ || !this.data_) {
+            return this.empty_;
+        }
+        const { west, south, east, north } = this.map_.rectangle;
+        const u = (longitude - west) / (east - west);
+        const v = (latitude - south) / (north - south);
+        if (u < 0 || u > 1 || v < 0 || v > 1) {
+            return 0;
+        }
+        const intensity = this.sample_(this.data_, u, v);
+        if (!this.nextData_) {
+            return intensity;
+        }
+        return intensity + (this.sample_(this.nextData_, u, v) - intensity) * this.blend;
+    }
+    /**
+     * An image's intensity, bilinear, at a point of its rectangle, 0 to 1 from its west and south.
+     * @param {{width: number, height: number, data: Uint8ClampedArray}} image
+     * @param {number} u
+     * @param {number} v
+     */
+    sample_(image, u, v) {
+        const { width, height, data } = image;
+        // the image's rows go down from the north
+        const x = CesiumMath.clamp(u * width - 0.5, 0, width - 1);
+        const y = CesiumMath.clamp((1 - v) * height - 0.5, 0, height - 1);
+        const x0 = Math.floor(x);
+        const y0 = Math.floor(y);
+        const x1 = Math.min(x0 + 1, width - 1);
+        const y1 = Math.min(y0 + 1, height - 1);
+        const red = (/** @type {number} */ column, /** @type {number} */ row) => data[4 * (row * width + column)] / 255;
+        const upper = red(x0, y0) + (red(x1, y0) - red(x0, y0)) * (x - x0);
+        const lower = red(x0, y1) + (red(x1, y1) - red(x0, y1)) * (x - x0);
+        return upper + (lower - upper) * (y - y0);
+    }
+    /**
+     * The map's texture, a pixel of the empty value without a map.
+     * @param {any} context the scene's context
+     */
+    texture(context) {
+        if (!this.texture_) {
+            const value = 255 * this.empty_;
+            this.texture_ = new Texture({ context, source: textureSource(this.map_?.image ?? new ImageData(new Uint8ClampedArray([value, value, value, 255]), 1, 1)) });
+        }
+        return this.texture_;
+    }
+    /**
+     * The next map's texture, the map's without one.
+     * @param {any} context the scene's context
+     */
+    nextTexture(context) {
+        if (!this.nextMap_) {
+            return this.texture(context);
+        }
+        this.nextTexture_ ??= new Texture({ context, source: textureSource(this.nextMap_.image) });
+        return this.nextTexture_;
+    }
+    /**
+     * The max map's texture, a pixel of the empty value without a map.
+     * @param {any} context the scene's context
+     */
+    maxTexture(context) {
+        if (!this.maxTexture_) {
+            const value = 255 * this.empty_;
+            const { width, height, data } = this.maxImage() ?? { width: 1, height: 1, data: new Uint8Array([value, value, value, 255]) };
+            this.maxTexture_ = new Texture({ context, source: { width, height, arrayBufferView: data } });
+        }
+        return this.maxTexture_;
+    }
+    destroy() {
+        this.texture_ = this.texture_?.destroy();
+        this.nextTexture_ = this.nextTexture_?.destroy();
+        this.maxTexture_ = this.maxTexture_?.destroy();
+    }
+}
+//# sourceMappingURL=weather-map.js.map

package/dist/weather-map.js.map

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

package/dist/white-model.d.ts

@@ -0,0 +1,70 @@
+import { Cartesian2 } from '@cesium/core';
+import Toy from './toy.js';
+/**
+ * A white model's look, as an architect's plaster model or clay render: every color turned to its
+ * value, the values pressed into a narrow range of whites (the darkest left black: a section's
+ * poché), darker where surfaces meet, the edges lit and shaded and finely outlined as the toy's,
+ * the sky a pale gradient if asked. A `Toy` with another grading: its options and properties,
+ * `saturation` 0 (an accent's hue kept above it), `warm` the plaster's tint.
+ */
+export default class WhiteModel extends Toy {
+    values_: [number, number];
+    poche_: number;
+    occlusion_: number;
+    radius_: number;
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{light?: number, shade?: number, bevel?: number, outline?: number, jump?: number, saturation?: number, warm?: [number, number, number], values?: [number, number], poche?: number, occlusion?: number, radius?: number, sky?: [import('@cesium/core').Color, import('@cesium/core').Color]}} [options]
+     */
+    constructor(viewer: import('@cesium/engine').CesiumWidget, options?: {
+        light?: number;
+        shade?: number;
+        bevel?: number;
+        outline?: number;
+        jump?: number;
+        saturation?: number;
+        warm?: [number, number, number];
+        values?: [number, number];
+        poche?: number;
+        occlusion?: number;
+        radius?: number;
+        sky?: [import('@cesium/core').Color, import('@cesium/core').Color];
+    });
+    /**
+     * @override
+     * @protected
+     */
+    protected shader_(): string;
+    /**
+     * @override
+     * @protected
+     */
+    protected uniforms_(): {
+        values: () => Cartesian2;
+        poche: () => number;
+        occlusion: () => number;
+        radius: () => number;
+    };
+    /**
+     * The darkest and the lightest values, from 0 to 1: the scene's black and its white.
+     */
+    get values(): [number, number];
+    set values(value: [number, number]);
+    /**
+     * The value under which a color keeps it rather than being pressed into the whites, fading into
+     * them about it: a section's poché, solid black; 0 to press every color.
+     */
+    get poche(): number;
+    set poche(value: number);
+    /**
+     * How much darker the surfaces get where they meet, in a corner or at a wall's foot, 0 for none.
+     */
+    get occlusion(): number;
+    set occlusion(value: number);
+    /**
+     * How wide the corners' shadow is, in meters, 48 pixels at the most.
+     */
+    get radius(): number;
+    set radius(value: number);
+}
+//# sourceMappingURL=white-model.d.ts.map

package/dist/white-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"white-model.d.ts","sourceRoot":"","sources":["../src/white-model.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,GAAG,MAAM,UAAU,CAAC;AAK3B;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,GAAG;IAelC,OAAO;IACP,MAAM;IACN,UAAU;IACV,OAAO;IAjBd;;;OAGG;IACH,YAAY,MAAM,EAHP,OAAO,gBAAgB,EAAE,YAGlB,EAAE,OAAO,AAFxB,CAA8S,EAAtS;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,CAAC,OAAO,cAAc,EAAE,KAAK,EAAE,OAAO,cAAc,EAAE,KAAK,CAAC,CAAA;KAErQ,EAc/B;IAED;;;OAGG;IACH,UAAA,OAAO,WAEN;IAED;;;OAGG;IACH,UAAA,SAAS;;;;;MAQR;IAED;;OAEG;IACH,IAAI,MAAM,qBAET;IAED,IAAI,MAAM,CAAC,KAAK,kBAAA,EAGf;IAED;;;OAGG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED;;OAEG;IACH,IAAI,SAAS,WAEZ;IAED,IAAI,SAAS,CAAC,KAAK,QAAA,EAGlB;IAED;;OAEG;IACH,IAAI,MAAM,WAET;IAED,IAAI,MAAM,CAAC,KAAK,QAAA,EAGf;CACF"}

package/dist/white-model.js

@@ -0,0 +1,94 @@
+import { Cartesian2 } from '@cesium/core';
+import Toy from './toy.js';
+import WhiteModelShader from './shaders/WhiteModel.js';
+const valuesScratch = new Cartesian2();
+/**
+ * A white model's look, as an architect's plaster model or clay render: every color turned to its
+ * value, the values pressed into a narrow range of whites (the darkest left black: a section's
+ * poché), darker where surfaces meet, the edges lit and shaded and finely outlined as the toy's,
+ * the sky a pale gradient if asked. A `Toy` with another grading: its options and properties,
+ * `saturation` 0 (an accent's hue kept above it), `warm` the plaster's tint.
+ */
+export default class WhiteModel extends Toy {
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{light?: number, shade?: number, bevel?: number, outline?: number, jump?: number, saturation?: number, warm?: [number, number, number], values?: [number, number], poche?: number, occlusion?: number, radius?: number, sky?: [import('@cesium/core').Color, import('@cesium/core').Color]}} [options]
+     */
+    constructor(viewer, options = {}) {
+        // the toy's options, each the white model's default when not given, or given as undefined
+        super(viewer, {
+            ...options,
+            light: options.light ?? 0.08,
+            shade: options.shade ?? 0.12,
+            outline: options.outline ?? 0.25,
+            saturation: options.saturation ?? 0,
+            warm: options.warm ?? [1, 0.995, 0.985],
+        });
+        this.values_ = options.values ?? [0.35, 0.97];
+        this.poche_ = options.poche ?? 0.1;
+        this.occlusion_ = options.occlusion ?? 0.35;
+        this.radius_ = options.radius ?? 1.5;
+    }
+    /**
+     * @override
+     * @protected
+     */
+    shader_() {
+        return WhiteModelShader;
+    }
+    /**
+     * @override
+     * @protected
+     */
+    uniforms_() {
+        return {
+            ...super.uniforms_(),
+            values: () => Cartesian2.fromArray(this.values_, 0, valuesScratch),
+            poche: () => this.poche_,
+            occlusion: () => this.occlusion_,
+            radius: () => this.radius_,
+        };
+    }
+    /**
+     * The darkest and the lightest values, from 0 to 1: the scene's black and its white.
+     */
+    get values() {
+        return this.values_;
+    }
+    set values(value) {
+        this.values_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * The value under which a color keeps it rather than being pressed into the whites, fading into
+     * them about it: a section's poché, solid black; 0 to press every color.
+     */
+    get poche() {
+        return this.poche_;
+    }
+    set poche(value) {
+        this.poche_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * How much darker the surfaces get where they meet, in a corner or at a wall's foot, 0 for none.
+     */
+    get occlusion() {
+        return this.occlusion_;
+    }
+    set occlusion(value) {
+        this.occlusion_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * How wide the corners' shadow is, in meters, 48 pixels at the most.
+     */
+    get radius() {
+        return this.radius_;
+    }
+    set radius(value) {
+        this.radius_ = value;
+        this.viewer.scene.requestRender();
+    }
+}
+//# sourceMappingURL=white-model.js.map

package/dist/white-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"white-model.js","sourceRoot":"","sources":["../src/white-model.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,MAAM,aAAa,GAAG,IAAI,UAAU,EAAE,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,GAAG;IACzC;;;OAGG;IACH,YAAY,MAAM,EAAE,OAAO,GAAG,EAAE;QAC9B,0FAA0F;QAC1F,KAAK,CAAC,MAAM,EAAE;YACZ,GAAG,OAAO;YACV,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;YAC5B,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;YAC5B,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI;YAChC,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,CAAC;YACnC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC;SACxC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC;QAC5C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,IAAI,GAAG,CAAC;IACvC,CAAC;IAED;;;OAGG;IACH,OAAO;QACL,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED;;;OAGG;IACH,SAAS;QACP,OAAO;YACL,GAAG,KAAK,CAAC,SAAS,EAAE;YACpB,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,aAAa,CAAC;YAClE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM;YACxB,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;SAC3B,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED;;;OAGG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED;;OAEG;IACH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAK;QACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED;;OAEG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoblocks/cesium-post-process",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "license": "BSD-3-Clause",
   "type": "module",
   "repository": {
@@ -8,47 +8,26 @@
     "url": "https://github.com/geoblocks/cesium-helpers/",
     "directory": "packages/cesium-post-process"
   },
-  "main": "cesium-post-process.js",
-  "module": "cesium-post-process.js",
+  "main": "dist/cesium-post-process.js",
+  "module": "dist/cesium-post-process.js",
+  "types": "dist/cesium-post-process.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/cesium-post-process.js",
+      "types": "./dist/cesium-post-process.d.ts",
+      "default": "./dist/cesium-post-process.js"
+    }
+  },
   "sideEffects": false,
   "files": [
-    "analog-video.js",
-    "blur.js",
-    "cesium-post-process.js",
-    "cloud-cover.js",
-    "cloud-map.js",
-    "cloud-noise.js",
-    "clouds.js",
-    "color-isolation.js",
-    "depth-test.js",
-    "digital-video.js",
-    "dufour.js",
-    "drone-display.js",
-    "effect.js",
-    "focus.js",
-    "frame-clock.js",
-    "height.js",
-    "infrared.js",
-    "jello.js",
-    "lens-distortion.js",
-    "lightning.js",
-    "local-frame.js",
-    "motion-blur.js",
-    "precipitation.js",
-    "rain-rings.js",
-    "snow-line.js",
-    "speed-lines.js",
-    "spotlight.js",
-    "strikes.js",
-    "super8.js",
-    "technicolor.js",
-    "tilt-shift.js",
-    "toy.js",
-    "valley-fog.js",
-    "weather-map.js",
-    "white-model.js",
-    "shaders/*.js"
+    "dist",
+    "src",
+    "!src/**/*.test.js"
   ],
+  "scripts": {
+    "build": "tsc -p .",
+    "prepack": "npm run build"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -56,5 +35,5 @@
     "@cesium/core": ">=0.1.0",
     "@cesium/engine": ">=10"
   },
-  "gitHead": "866feb087ad153c2303fdf12b670ec78f192f825"
+  "gitHead": "a6d8fdfe6b9ad266fd8a4593c38efd24e9a5546b"
 }

package/{cesium-post-process.js → src/cesium-post-process.js}

@@ -4,6 +4,7 @@ export {default as ColorIsolation} from './color-isolation.js';
 export {default as DigitalVideo} from './digital-video.js';
 export {default as Dufour} from './dufour.js';
 export {default as DroneDisplay} from './drone-display.js';
+export {default as Effect} from './effect.js';
 export {default as Infrared} from './infrared.js';
 export {default as Jello} from './jello.js';
 export {default as LensDistortion} from './lens-distortion.js';
@@ -23,6 +24,7 @@ export {default as WhiteModel} from './white-model.js';
 
 // the shader chunks the depth-based effects share, and the uniforms of Height, for effects of your own
 export {default as EyeFromDepth} from './shaders/EyeFromDepth.js';
+export {default as Hash} from './shaders/Hash.js';
 export {default as Height} from './shaders/Height.js';
 export {heightUniforms} from './height.js';
 export {localFromEye} from './local-frame.js';

package/src/local-frame.js

@@ -0,0 +1,57 @@
+import {Cartesian3, FixedFrameTransforms, Matrix4} from '@cesium/core';
+
+/**
+ * The local frame's coordinates from the eye's, for a shader that wants a pixel's place in a small frame (east-north-up about a point) to
+ * lay a pattern over the ground that stays where it is as the camera moves. Made in double precision on the CPU: the globe's offset
+ * (about 6.4 million meters) cancels in the product, so the matrix a shader gets is small and a place comes out to the millimeter. In world
+ * coordinates, a single precision float steps by half a meter.
+ * @param {Matrix4} frame The local frame in the world, such as `FixedFrameTransforms.eastNorthUpToFixedFrame(origin)`.
+ * @param {Matrix4} viewMatrix The camera's view matrix.
+ * @param {Matrix4} [result]
+ * @return {Matrix4}
+ */
+export function localFromEye(frame, viewMatrix, result = new Matrix4()) {
+  return Matrix4.inverseTransformation(Matrix4.multiply(viewMatrix, frame, result), result);
+}
+
+/**
+ * A local frame, east-north-up about an origin, for an effect that lays a pattern over the ground: the origin given, or the camera's
+ * position when the frame is first anchored.
+ */
+export class LocalFrame {
+  /** @param {Cartesian3} [origin] */
+  constructor(origin) {
+    this.origin_ = origin && Cartesian3.clone(origin);
+    /** @type {Matrix4 | undefined} */
+    this.frame_ = undefined;
+    this.scratch_ = new Matrix4();
+  }
+
+  /** The point of the world the frame is laid about; undefined until anchored if none was given. */
+  get origin() {
+    return this.origin_;
+  }
+
+  set origin(value) {
+    this.origin_ = value && Cartesian3.clone(value);
+    this.frame_ = undefined;
+  }
+
+  /**
+   * The origin, the camera's position if there is none yet.
+   * @param {import('@cesium/engine').Scene} scene
+   */
+  anchor(scene) {
+    this.origin_ ??= Cartesian3.clone(scene.camera.positionWC);
+    return this.origin_;
+  }
+
+  /**
+   * The local frame's coordinates from the camera's eye's (localFromEye), anchored first.
+   * @param {import('@cesium/engine').Scene} scene
+   */
+  fromEye(scene) {
+    this.frame_ ??= FixedFrameTransforms.eastNorthUpToFixedFrame(this.anchor(scene), scene.ellipsoid, new Matrix4());
+    return localFromEye(this.frame_, scene.camera.viewMatrix, this.scratch_);
+  }
+}