@geoblocks/cesium-post-process 0.3.0 → 0.5.0

package/dist/super8.d.ts

@@ -0,0 +1,78 @@
+import { PostProcessStageComposite } from '@cesium/engine';
+import Effect from './effect.js';
+/**
+ * A Super 8 home movie: faded warm colors, halation, grain, gate weave,
+ * flicker, light leaks and the rounded corners of the camera gate. The film moves, so while
+ * active the scene renders at its 18 frames per second, also in requestRenderMode.
+ */
+export default class Super8 extends Effect {
+    fade_: number;
+    halation_: number;
+    grain_: number;
+    weave_: number;
+    flicker_: number;
+    lightLeaks_: number;
+    aspectRatio_: number;
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{fade?: number, halation?: number, grain?: number, weave?: number, flicker?: number, lightLeaks?: number, aspectRatio?: number}} [options]
+     */
+    constructor(viewer: import('@cesium/engine').CesiumWidget, options?: {
+        fade?: number;
+        halation?: number;
+        grain?: number;
+        weave?: number;
+        flicker?: number;
+        lightLeaks?: number;
+        aspectRatio?: number;
+    });
+    /** @override */
+    createStage_(): PostProcessStageComposite;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    activated_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    deactivating_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * Faded colors: less saturation, lifted blacks, a warm cast; 0 to 1.
+     */
+    get fade(): number;
+    set fade(value: number);
+    /**
+     * Warm glow bleeding around the highlights, 0 to 1.
+     */
+    get halation(): number;
+    set halation(value: number);
+    /**
+     * Film grain, 0 to 1.
+     */
+    get grain(): number;
+    set grain(value: number);
+    /**
+     * Drift of the picture in the gate, in CSS pixels.
+     */
+    get weave(): number;
+    set weave(value: number);
+    /**
+     * Change of brightness from frame to frame, 0 to 1.
+     */
+    get flicker(): number;
+    set flicker(value: number);
+    /**
+     * Warm light leaks along the edge, 0 to 1.
+     */
+    get lightLeaks(): number;
+    set lightLeaks(value: number);
+    /**
+     * Width over height of the visible frame, with rounded corners; 0 for the
+     * whole canvas.
+     */
+    get aspectRatio(): number;
+    set aspectRatio(value: number);
+}
+//# sourceMappingURL=super8.d.ts.map

package/dist/super8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super8.d.ts","sourceRoot":"","sources":["../src/super8.js"],"names":[],"mappings":"AAAA,OAAO,EAAmB,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AAE3E,OAAO,MAAM,MAAM,aAAa,CAAC;AAcjC;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,MAAM;IAOjC,KAAK;IACL,SAAS;IACT,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,YAAY;IAZnB;;;OAGG;IACH,YAAY,MAAM,EAHP,OAAO,gBAAgB,EAAE,YAGlB,EAAE,OAAO,AAFxB,CAAkJ,EAA1I;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAEzG,EAS/B;IAED,gBAAgB;IAChB,YAAY,8BA6BX;IAED;;;OAGG;IACH,UAAU,CAAC,KAAK,EAFL,OAAO,gBAAgB,EAAE,KAEpB,QAGf;IAED;;;OAGG;IACH,aAAa,CAAC,KAAK,EAFR,OAAO,gBAAgB,EAAE,KAEjB,QAElB;IAED;;OAEG;IACH,IAAI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAEb;IAED;;OAEG;IACH,IAAI,QAAQ,WAEX;IAED,IAAI,QAAQ,CAAC,KAAK,QAAA,EAEjB;IAED;;OAEG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED;;OAEG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED;;OAEG;IACH,IAAI,OAAO,WAEV;IAED,IAAI,OAAO,CAAC,KAAK,QAAA,EAEhB;IAED;;OAEG;IACH,IAAI,UAAU,WAEb;IAED,IAAI,UAAU,CAAC,KAAK,QAAA,EAEnB;IAED;;;OAGG;IACH,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,CAAC,KAAK,QAAA,EAEpB;CACF"}

package/dist/super8.js

@@ -0,0 +1,146 @@
+import { PostProcessStage, PostProcessStageComposite } from '@cesium/engine';
+import createBlur from './blur.js';
+import Effect from './effect.js';
+import { acquireFrames, releaseFrames } from './frame-clock.js';
+import Frame from './shaders/Frame.js';
+import Noise from './shaders/Noise.js';
+import Super8Shader from './shaders/Super8.js';
+// spread of the halation glow, the sigma and step of Cesium's blur stage, at half resolution:
+// a glow this wide does not need more
+const HALATION_SIGMA = 6;
+const HALATION_STEP = 1;
+const HALATION_SCALE = 0.5;
+// Super 8 runs at 18 frames per second, as in Super8.glsl
+const FRAME_RATE = 18;
+/**
+ * A Super 8 home movie: faded warm colors, halation, grain, gate weave,
+ * flicker, light leaks and the rounded corners of the camera gate. The film moves, so while
+ * active the scene renders at its 18 frames per second, also in requestRenderMode.
+ */
+export default class Super8 extends Effect {
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{fade?: number, halation?: number, grain?: number, weave?: number, flicker?: number, lightLeaks?: number, aspectRatio?: number}} [options]
+     */
+    constructor(viewer, options = {}) {
+        super(viewer);
+        this.fade_ = options.fade ?? 0.5;
+        this.halation_ = options.halation ?? 0.5;
+        this.grain_ = options.grain ?? 0.15;
+        this.weave_ = options.weave ?? 1.5;
+        this.flicker_ = options.flicker ?? 0.08;
+        this.lightLeaks_ = options.lightLeaks ?? 0.5;
+        this.aspectRatio_ = options.aspectRatio ?? 4 / 3;
+    }
+    /** @override */
+    createStage_() {
+        // a single level of composite: Cesium's texture cache hands the stage after a nested series
+        // of stages the output of that series instead of the scene
+        const blur = createBlur('czm_super8_halation', HALATION_SCALE);
+        const stage = new PostProcessStageComposite({
+            stages: [
+                blur,
+                new PostProcessStage({
+                    fragmentShader: Frame + Noise + Super8Shader,
+                    uniforms: {
+                        blurTexture: blur.name,
+                        time: () => performance.now() / 1000,
+                        fade: () => this.fade_,
+                        halation: () => this.halation_,
+                        grain: () => this.grain_,
+                        weave: () => this.weave_,
+                        flicker: () => this.flicker_,
+                        lightLeaks: () => this.lightLeaks_,
+                        aspectRatio: () => this.aspectRatio_,
+                    },
+                }),
+            ],
+            // both read the scene
+            inputPreviousStageTexture: false,
+            uniforms: blur.uniforms,
+        });
+        stage.uniforms.sigma = HALATION_SIGMA;
+        stage.uniforms.stepSize = HALATION_STEP;
+        return stage;
+    }
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    activated_(scene) {
+        // a new picture only with each film frame, not with each frame of the display
+        acquireFrames(scene, FRAME_RATE);
+    }
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    deactivating_(scene) {
+        releaseFrames(scene, FRAME_RATE);
+    }
+    /**
+     * Faded colors: less saturation, lifted blacks, a warm cast; 0 to 1.
+     */
+    get fade() {
+        return this.fade_;
+    }
+    set fade(value) {
+        this.fade_ = value;
+    }
+    /**
+     * Warm glow bleeding around the highlights, 0 to 1.
+     */
+    get halation() {
+        return this.halation_;
+    }
+    set halation(value) {
+        this.halation_ = value;
+    }
+    /**
+     * Film grain, 0 to 1.
+     */
+    get grain() {
+        return this.grain_;
+    }
+    set grain(value) {
+        this.grain_ = value;
+    }
+    /**
+     * Drift of the picture in the gate, in CSS pixels.
+     */
+    get weave() {
+        return this.weave_;
+    }
+    set weave(value) {
+        this.weave_ = value;
+    }
+    /**
+     * Change of brightness from frame to frame, 0 to 1.
+     */
+    get flicker() {
+        return this.flicker_;
+    }
+    set flicker(value) {
+        this.flicker_ = value;
+    }
+    /**
+     * Warm light leaks along the edge, 0 to 1.
+     */
+    get lightLeaks() {
+        return this.lightLeaks_;
+    }
+    set lightLeaks(value) {
+        this.lightLeaks_ = value;
+    }
+    /**
+     * Width over height of the visible frame, with rounded corners; 0 for the
+     * whole canvas.
+     */
+    get aspectRatio() {
+        return this.aspectRatio_;
+    }
+    set aspectRatio(value) {
+        this.aspectRatio_ = value;
+    }
+}
+//# sourceMappingURL=super8.js.map

package/dist/super8.js.map

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

package/dist/technicolor.d.ts

@@ -0,0 +1,32 @@
+import { PostProcessStage } from '@cesium/engine';
+import Effect from './effect.js';
+/**
+ * Three-strip Technicolor: dense, saturated primaries, as the films of the
+ * 1930s to 1950s.
+ */
+export default class Technicolor extends Effect {
+    strength_: number;
+    aspectRatio_: number;
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{strength?: number, aspectRatio?: number}} [options]
+     */
+    constructor(viewer: import('@cesium/engine').CesiumWidget, options?: {
+        strength?: number;
+        aspectRatio?: number;
+    });
+    /** @override */
+    createStage_(): PostProcessStage;
+    /**
+     * How far from the original colors, 0 to 1.
+     */
+    get strength(): number;
+    set strength(value: number);
+    /**
+     * Width over height of the visible frame, black bars around it; 0 for the
+     * whole canvas. 1.37 is the Academy ratio of the era.
+     */
+    get aspectRatio(): number;
+    set aspectRatio(value: number);
+}
+//# sourceMappingURL=technicolor.d.ts.map

package/dist/technicolor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"technicolor.d.ts","sourceRoot":"","sources":["../src/technicolor.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,MAAM,MAAM,aAAa,CAAC;AAIjC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAOtC,SAAS;IACT,YAAY;IAPnB;;;OAGG;IACH,YAAY,MAAM,EAHP,OAAO,gBAAgB,EAAE,YAGlB,EAAE,OAAO,AAFxB,CAA4D,EAApD;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAEnB,EAI/B;IAED,gBAAgB;IAChB,YAAY,qBAQX;IAED;;OAEG;IACH,IAAI,QAAQ,WAEX;IAED,IAAI,QAAQ,CAAC,KAAK,QAAA,EAGjB;IAED;;;OAGG;IACH,IAAI,WAAW,WAEd;IAED,IAAI,WAAW,CAAC,KAAK,QAAA,EAGpB;CACF"}

package/dist/technicolor.js

@@ -0,0 +1,51 @@
+import { PostProcessStage } from '@cesium/engine';
+import Effect from './effect.js';
+import Frame from './shaders/Frame.js';
+import TechnicolorShader from './shaders/Technicolor.js';
+/**
+ * Three-strip Technicolor: dense, saturated primaries, as the films of the
+ * 1930s to 1950s.
+ */
+export default class Technicolor extends Effect {
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{strength?: number, aspectRatio?: number}} [options]
+     */
+    constructor(viewer, options = {}) {
+        super(viewer);
+        this.strength_ = options.strength ?? 1;
+        this.aspectRatio_ = options.aspectRatio ?? 0;
+    }
+    /** @override */
+    createStage_() {
+        return new PostProcessStage({
+            fragmentShader: Frame + TechnicolorShader,
+            uniforms: {
+                strength: () => this.strength_,
+                aspectRatio: () => this.aspectRatio_,
+            },
+        });
+    }
+    /**
+     * How far from the original colors, 0 to 1.
+     */
+    get strength() {
+        return this.strength_;
+    }
+    set strength(value) {
+        this.strength_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * Width over height of the visible frame, black bars around it; 0 for the
+     * whole canvas. 1.37 is the Academy ratio of the era.
+     */
+    get aspectRatio() {
+        return this.aspectRatio_;
+    }
+    set aspectRatio(value) {
+        this.aspectRatio_ = value;
+        this.viewer.scene.requestRender();
+    }
+}
+//# sourceMappingURL=technicolor.js.map

package/dist/technicolor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"technicolor.js","sourceRoot":"","sources":["../src/technicolor.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAC7C;;;OAGG;IACH,YAAY,MAAM,EAAE,OAAO,GAAG,EAAE;QAC9B,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED,gBAAgB;IAChB,YAAY;QACV,OAAO,IAAI,gBAAgB,CAAC;YAC1B,cAAc,EAAE,KAAK,GAAG,iBAAiB;YACzC,QAAQ,EAAE;gBACR,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS;gBAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY;aACrC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK;QAChB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED;;;OAGG;IACH,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW,CAAC,KAAK;QACnB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;CACF"}

package/dist/tilt-shift.d.ts

@@ -0,0 +1,60 @@
+import { PostProcessStageComposite } from '@cesium/engine';
+import Effect from './effect.js';
+/**
+ * Tilt-shift: a narrow depth of field around the focus, which makes the scene
+ * look like a scale model.
+ */
+export default class TiltShift extends Effect {
+    focus_: import("./focus.js").Focus;
+    range_: number;
+    blur_: number;
+    saturation_: number;
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{focus?: import('./focus.js').Focus, range?: number, blur?: number, saturation?: number}} [options]
+     */
+    constructor(viewer: import('@cesium/engine').CesiumWidget, options?: {
+        focus?: import('./focus.js').Focus;
+        range?: number;
+        blur?: number;
+        saturation?: number;
+    });
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    createStage_(scene: import('@cesium/engine').Scene): PostProcessStageComposite;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    activated_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    deactivating_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * What to focus on: a position, a function returning one, or undefined for
+     * what is in the middle of the screen.
+     */
+    get focus(): import("./focus.js").Focus;
+    set focus(value: import("./focus.js").Focus);
+    /**
+     * Width of the sharp band, in factors of two of the focal distance; with an orthographic camera,
+     * in shares of the view's height.
+     */
+    get range(): number;
+    set range(value: number);
+    /**
+     * Blur away from the focus, the sigma of Cesium's blur stage.
+     */
+    get blur(): number;
+    set blur(value: number);
+    /**
+     * Color and contrast boost, 0 to 1.
+     */
+    get saturation(): number;
+    set saturation(value: number);
+}
+//# sourceMappingURL=tilt-shift.d.ts.map

package/dist/tilt-shift.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tilt-shift.d.ts","sourceRoot":"","sources":["../src/tilt-shift.js"],"names":[],"mappings":"AACA,OAAO,EAAmB,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AAG3E,OAAO,MAAM,MAAM,aAAa,CAAC;AAOjC;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM;IAOpC,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IATlB;;;OAGG;IACH,YAAY,MAAM,EAHP,OAAO,gBAAgB,EAAE,YAGlB,EAAE,OAAO,AAFxB,CAA2G,EAAnG;QAAC,KAAK,CAAC,EAAE,OAAO,YAAY,EAAE,KAAK,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAElE,EAM/B;IAED;;;OAGG;IACH,YAAY,CAAC,KAAK,EAFP,OAAO,gBAAgB,EAAE,KAElB,6BAqBjB;IAED;;;OAGG;IACH,UAAU,CAAC,KAAK,EAFL,OAAO,gBAAgB,EAAE,KAEpB,QAEf;IAED;;;OAGG;IACH,aAAa,CAAC,KAAK,EAFR,OAAO,gBAAgB,EAAE,KAEjB,QAElB;IAED;;;OAGG;IACH,IAAI,KAAK,+BAER;IAED,IAAI,KAAK,CAAC,KAAK,4BAAA,EAGd;IAED;;;OAGG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED;;OAEG;IACH,IAAI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAMb;IAED;;OAEG;IACH,IAAI,UAAU,WAEb;IAED,IAAI,UAAU,CAAC,KAAK,QAAA,EAGnB;CACF"}

package/dist/tilt-shift.js

@@ -0,0 +1,112 @@
+import { Cartesian4 } from '@cesium/core';
+import { PostProcessStage, PostProcessStageComposite } from '@cesium/engine';
+import createBlur from './blur.js';
+import { acquireTerrainDepth, releaseTerrainDepth } from './depth-test.js';
+import Effect from './effect.js';
+import { eyeFocus } from './focus.js';
+import EyeFromDepth from './shaders/EyeFromDepth.js';
+import TiltShiftShader from './shaders/TiltShift.js';
+const focusScratch = new Cartesian4();
+/**
+ * Tilt-shift: a narrow depth of field around the focus, which makes the scene
+ * look like a scale model.
+ */
+export default class TiltShift extends Effect {
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{focus?: import('./focus.js').Focus, range?: number, blur?: number, saturation?: number}} [options]
+     */
+    constructor(viewer, options = {}) {
+        super(viewer);
+        this.focus_ = options.focus;
+        this.range_ = options.range ?? 0.3;
+        this.blur_ = options.blur ?? 4;
+        this.saturation_ = options.saturation ?? 0.3;
+    }
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    createStage_(scene) {
+        const blur = createBlur('czm_tilt_shift_blur');
+        const stage = new PostProcessStageComposite({
+            stages: [
+                blur,
+                new PostProcessStage({
+                    fragmentShader: EyeFromDepth + TiltShiftShader,
+                    uniforms: {
+                        blurTexture: blur.name,
+                        focus: () => eyeFocus(scene, this.focus_, focusScratch),
+                        range: () => this.range_,
+                        saturation: () => this.saturation_,
+                    },
+                }),
+            ],
+            // both read the scene
+            inputPreviousStageTexture: false,
+            uniforms: blur.uniforms,
+        });
+        stage.uniforms.sigma = this.blur_;
+        return stage;
+    }
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    activated_(scene) {
+        acquireTerrainDepth(scene);
+    }
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    deactivating_(scene) {
+        releaseTerrainDepth(scene);
+    }
+    /**
+     * What to focus on: a position, a function returning one, or undefined for
+     * what is in the middle of the screen.
+     */
+    get focus() {
+        return this.focus_;
+    }
+    set focus(value) {
+        this.focus_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * Width of the sharp band, in factors of two of the focal distance; with an orthographic camera,
+     * in shares of the view's height.
+     */
+    get range() {
+        return this.range_;
+    }
+    set range(value) {
+        this.range_ = value;
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * Blur away from the focus, the sigma of Cesium's blur stage.
+     */
+    get blur() {
+        return this.blur_;
+    }
+    set blur(value) {
+        this.blur_ = value;
+        if (this.stage_) {
+            this.stage_.uniforms.sigma = value;
+        }
+        this.viewer.scene.requestRender();
+    }
+    /**
+     * Color and contrast boost, 0 to 1.
+     */
+    get saturation() {
+        return this.saturation_;
+    }
+    set saturation(value) {
+        this.saturation_ = value;
+        this.viewer.scene.requestRender();
+    }
+}
+//# sourceMappingURL=tilt-shift.js.map

package/dist/tilt-shift.js.map

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

package/dist/toy.d.ts

@@ -0,0 +1,110 @@
+import { PostProcessStage } from '@cesium/engine';
+import Effect from './effect.js';
+/**
+ * A toy's look, as an isometric game's: the edges lit where the surface bends
+ * outward and shaded where it bends inward, rounded close up, the silhouettes
+ * outlined in a darker shade of their color, the colors a little richer and
+ * warmer, the sky a soft gradient if asked.
+ * The edges are found in the depth of the nearest of Cesium's frustums only: with `scene.logarithmicDepthBuffer` off,
+ * Cesium splits the view at `farToNearRatio` times the near plane, and what lies past the split has no depth here, so
+ * the sky gradient is painted over it; keep the logarithmic depth, or a near plane that keeps the scene in one frustum.
+ */
+export default class Toy extends Effect {
+    light_: number;
+    shade_: number;
+    bevel_: number;
+    outline_: number;
+    jump_: number;
+    saturation_: number;
+    warm_: [number, number, number];
+    sky_: [import("@cesium/core").Color, import("@cesium/core").Color] | undefined;
+    /**
+     * @param {import('@cesium/engine').CesiumWidget} viewer
+     * @param {{light?: number, shade?: number, bevel?: number, outline?: number, jump?: number, saturation?: number, warm?: [number, number, 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];
+        sky?: [import('@cesium/core').Color, import('@cesium/core').Color];
+    });
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} _scene
+     */
+    createStage_(_scene: import('@cesium/engine').Scene): PostProcessStage;
+    /**
+     * The look's shader, after DepthEdges.
+     * @protected
+     * @return {string}
+     */
+    protected shader_(): string;
+    /**
+     * The shader's uniforms.
+     * @protected
+     * @return {Object<string, () => any>}
+     */
+    protected uniforms_(): Record<string, () => any>;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    activated_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * @override
+     * @param {import('@cesium/engine').Scene} scene
+     */
+    deactivating_(scene: import('@cesium/engine').Scene): void;
+    /**
+     * How much brighter a convex edge gets, 0 for none.
+     */
+    get light(): number;
+    set light(value: number);
+    /**
+     * How much darker a concave edge gets, 0 for none.
+     */
+    get shade(): number;
+    set shade(value: number);
+    /**
+     * The edges' bevel, in meters: close up, their light and shade fade over that width, as a molded
+     * plastic edge's; a pixel at the least, 8 at the most; 0, the default, for a pixel. Next to a small
+     * step (a frame proud of a wall), which it cannot tell from a fold, it lights a patch of the face
+     * behind.
+     */
+    get bevel(): number;
+    set bevel(value: number);
+    /**
+     * How much darker the outline along the silhouettes gets, a pixel wide, a darker shade of their
+     * color; 0 for none.
+     */
+    get outline(): number;
+    set outline(value: number);
+    /**
+     * How far the depth jumps, in pixels' sizes, to be a silhouette, outlined, rather than a crease,
+     * lit or shaded: 20 by default, for a city's buildings, their eaves lit; lower close up, where a
+     * thin thing standing on the ground (a chair's leg) would light its foot.
+     */
+    get jump(): number;
+    set jump(value: number);
+    /**
+     * The colors' saturation, 1 to keep it.
+     */
+    get saturation(): number;
+    set saturation(value: number);
+    /**
+     * A factor each of red, green and blue; [1, 1, 1] to keep the colors.
+     */
+    get warm(): [number, number, number];
+    set warm(value: [number, number, number]);
+    /**
+     * The sky's gradient, its color at the top of the screen and at its bottom;
+     * undefined to keep the sky.
+     */
+    get sky(): [import("@cesium/core").Color, import("@cesium/core").Color] | undefined;
+    set sky(value: [import("@cesium/core").Color, import("@cesium/core").Color] | undefined);
+}
+//# sourceMappingURL=toy.d.ts.map

package/dist/toy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toy.d.ts","sourceRoot":"","sources":["../src/toy.js"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,OAAO,MAAM,MAAM,aAAa,CAAC;AAUjC;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,MAAM;IAO9B,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,KAAK;IACL,WAAW;IACX,KAAK;IACL,IAAI;IAbX;;;OAGG;IACH,YAAY,MAAM,EAHP,OAAO,gBAAgB,EAAE,YAGlB,EAAE,OAAO,AAFxB,CAA8N,EAAtN;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,GAAG,CAAC,EAAE,CAAC,OAAO,cAAc,EAAE,KAAK,EAAE,OAAO,cAAc,EAAE,KAAK,CAAC,CAAA;KAErL,EAU/B;IAED;;;OAGG;IACH,YAAY,CAAC,MAAM,EAFR,OAAO,gBAAgB,EAAE,KAEjB,oBAElB;IAED;;;;OAIG;IACH,UAAA,OAAO,IAFK,MAAM,CAIjB;IAED;;;;OAIG;IACH,UAAA,SAAS,yBAFwB,GAAG,EAenC;IAED;;;OAGG;IACH,UAAU,CAAC,KAAK,EAFL,OAAO,gBAAgB,EAAE,KAEpB,QAEf;IAED;;;OAGG;IACH,aAAa,CAAC,KAAK,EAFR,OAAO,gBAAgB,EAAE,KAEjB,QAElB;IAED;;OAEG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED;;OAEG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED;;;;;OAKG;IACH,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED;;;OAGG;IACH,IAAI,OAAO,WAEV;IAED,IAAI,OAAO,CAAC,KAAK,QAAA,EAGhB;IAED;;;;OAIG;IACH,IAAI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAGb;IAED;;OAEG;IACH,IAAI,UAAU,WAEb;IAED,IAAI,UAAU,CAAC,KAAK,QAAA,EAGnB;IAED;;OAEG;IACH,IAAI,IAAI,6BAEP;IAED,IAAI,IAAI,CAAC,KAAK,0BAAA,EAGb;IAED;;;OAGG;IACH,IAAI,GAAG,6EAEN;IAED,IAAI,GAAG,CAAC,KAAK,0EAAA,EAGZ;CACF"}