@3driseai/3drise-core 1.0.22 → 1.0.24

package/dist/properties/registry.js

@@ -5,9 +5,9 @@ import { GRIDS_ANIMATABLE } from '../data/gridsDefaults.js';
 import { ENVIRONMENT_OBJECTS_ANIMATABLE } from '../data/environmentDefaults.js';
 import { LAND_OBJECTS_ANIMATABLE } from '../data/landDefaults.js';
 import { SPACE_OBJECTS_ANIMATABLE } from '../data/spaceDefaults.js';
-import { TEXT_OBJECTS_ANIMATABLE, isTextObjectConfig } from '../data/textDefaults.js';
+import { TEXT_OBJECTS_ANIMATABLE } from '../data/textDefaults.js';
 import { CLOUD_ANIMATABLE_PROPERTIES } from '../environment/cloudConfigs.js';
-import { skyOptionalProperties, skyStarsOptionalProperties, cloudDeckOptionalProperties, cirrusOptionalProperties, oceanSurfaceOptionalProperties, terrainOptionalProperties, rainOptionalProperties, cloudsOptionalProperties, textOptionalProperties, plainOptionalProperties, pathOptionalProperties, edgesOptionalProperties, } from './tables/optionalProperties.js';
+import { skyOptionalProperties, skyStarsOptionalProperties, cloudDeckOptionalProperties, cirrusOptionalProperties, thunderOptionalProperties, oceanSurfaceOptionalProperties, terrainOptionalProperties, rainOptionalProperties, cloudsOptionalProperties, plainOptionalProperties, pathOptionalProperties, edgesOptionalProperties, } from './tables/optionalProperties.js';
 import { SHAPE_CONTROLS, MODE_CONTROLS } from './tables/geometryProperties.js';
 import { LIGHT_PROPERTIES, SHADOW_PROPERTIES } from './tables/lightProperties.js';
 import { PARTICLES_PROPERTIES } from './tables/particlesProperties.js';
@@ -24,23 +24,20 @@ import { MATERIAL_PROPERTY_BOUNDS } from './tables/materialBounds.js';
 /** Rain object knobs driven per frame. */
 export const RAIN_ANIMATABLE_KEYS = ['color', 'size', 'opacity', 'speed', 'windStrength', 'windDirection', 'turbulence'];
 /** Material keys that are engine bookkeeping, never a property. */
-const MATERIAL_INTERNAL = new Set(['handlers', 'apply', 'uHasTexture', 'u_time', 'u_mouse', 'u_resolution']);
-/** Material keys that are settable but never per frame (identity, render state). */
+const MATERIAL_INTERNAL = new Set(['handlers', 'uHasTexture', 'u_time', 'u_mouse', 'u_resolution']);
+/** Material keys that are settable but never per frame (identity, render state). `apply`: whether the
+ *  3drise material is applied at all (off = a model keeps its own GLB materials) — a switch like the rest. */
 const MATERIAL_STRUCTURAL = new Set([
-    'materialType', 'materialVariant', 'materialName', 'name', 'side', 'visible', 'map',
+    'apply', 'materialType', 'materialVariant', 'materialName', 'name', 'side', 'visible', 'map',
     'wireframe', 'transparent', 'flatShading',
 ]);
 /**
  * Objects that own their shader: their materialSettings (if any) never reach the
  * renderer, so they have no material properties. They animate through config.
  */
-export const SELF_MANAGED_MATERIAL_TYPES = new Set(['effect', 'grid', 'light', 'particles', 'environment', 'space', 'land']);
-/**
- * True when the object draws with its own shaders: a whole object type from the set above, or a text look.
- * Object type 'text' also hosts the legacy bitmap / 3D text, which keeps its material, so text is decided per
- * object (config.type), not by type. Use this, never the set alone, wherever the material panel is decided.
- */
-export const selfManagesMaterial = (obj) => !!obj && (SELF_MANAGED_MATERIAL_TYPES.has(obj.type) || (obj.type === 'text' && isTextObjectConfig(obj.config)));
+export const SELF_MANAGED_MATERIAL_TYPES = new Set(['effect', 'grid', 'light', 'particles', 'environment', 'space', 'land', 'text']);
+/** True when the object draws with its own shaders (the object types above): it gets no material specs. */
+export const selfManagesMaterial = (obj) => !!obj && SELF_MANAGED_MATERIAL_TYPES.has(obj.type);
 const CAMERA_SPECS = [
     { key: 'position', name: 'position', label: 'Position', kind: 'vec3', domain: 'camera', animatable: true },
     { key: 'controls.target', name: 'target', label: 'Target', kind: 'vec3', domain: 'camera', animatable: true },
@@ -192,6 +189,8 @@ function controlSpecs(controls, prefix, group) {
             animatable: false,
             default: c.default,
         };
+        if (c.type === 'select')
+            spec.options = c.options.map((value, i) => (c.optionLabels?.[i] ? { value, label: c.optionLabels[i] } : { value }));
         if (c.type === 'range') {
             spec.min = c.min;
             spec.max = c.max;
@@ -249,7 +248,7 @@ function familyOf(obj) {
         // Land objects only under their own object type: their keys are landform names ('hills'…).
         if (type === 'land' && LAND_OBJECTS_ANIMATABLE[t])
             return land();
-        // Text looks only under the text object type, and only with a config.type: the legacy 2d / 3d text (no config.type) falls through to its own list below.
+        // Text looks only under the text object type (plain, handwriting, …).
         if (type === 'text' && TEXT_OBJECTS_ANIMATABLE[t])
             return text();
         if (t === 'rain')
@@ -266,8 +265,6 @@ function familyOf(obj) {
         if (GENERATIVE_PARTICLES_ANIMATABLE[t])
             return particles();
     }
-    if (type === 'text')
-        return { domain: 'config', list: textOptionalProperties, animatable: null };
     if (type === 'plain')
         return { domain: 'config', list: plainOptionalProperties, animatable: null };
     if (type === 'path')
@@ -300,6 +297,15 @@ function configSpecs(obj) {
         const kind = kindOfValue(name, obj?.config?.[name]) ?? 'number';
         out.push({ key: `${prefix}${name}`, name, label: label || propertyLabel(name), kind, domain, animatable: true });
     }
+    // Text's draw / erase trigger (config.shown: on plays the draw animation, off the erase).
+    // Its controller shows it as the Shown button; the per-look tables don't list it.
+    if (domain === 'text' && !seen.has('shown')) {
+        out.push({
+            key: `${prefix}shown`, name: 'shown', label: 'Shown',
+            description: 'The draw / erase trigger: switching it on plays the draw animation, off plays the erase animation (the text then stays hidden)',
+            kind: 'boolean', domain, animatable: false, default: true,
+        });
+    }
     if (domain === 'light') {
         for (const p of SHADOW_PROPERTIES[obj.config.type] ?? []) {
             out.push({ ...fromOptional(p, 'config.shadow.', 'shadow', false), group: 'shadow' });
@@ -332,6 +338,7 @@ function environmentSpecs(element, settings) {
             return [
                 ...envSpecs(cloudDeckOptionalProperties(settings?.config?.deckType), 'config.', 'clouds'),
                 ...envSpecs(cirrusOptionalProperties, 'cirrus.', 'cirrus'),
+                ...envSpecs(thunderOptionalProperties, 'thunder.', 'thunder'),
             ];
         case 'ocean':
             return envSpecs(oceanSurfaceOptionalProperties(settings?.config?.waterType, settings?.config?.host), 'config.', 'ocean');
@@ -359,8 +366,14 @@ export function getPropertySpecs(element, settings) {
 export function isPropertyLive(element, spec, settings) {
     if (spec.domain === 'edges')
         return settings?.edgesSettings?.enabled !== false;
-    if (element === 'clouds')
-        return spec.domain === 'cirrus' ? !!settings?.cirrus?.enabled : !!settings?.config?.enabled;
+    if (element === 'clouds') {
+        if (spec.domain === 'cirrus')
+            return !!settings?.cirrus?.enabled;
+        // Lightning needs cloud to strike in: the deck, and the thunder block itself.
+        if (spec.domain === 'thunder')
+            return !!settings?.config?.enabled && (spec.name === 'enabled' || !!settings?.thunder?.enabled);
+        return !!settings?.config?.enabled;
+    }
     if (spec.domain === 'stars')
         return settings?.stars?.visible !== false;
     return true;
@@ -383,6 +396,29 @@ export function getTrackSpecs(element, settings) {
         return specs;
     return specs.filter(s => s.domain === 'transform' || s.domain === 'material' || s.domain === 'edges' || TRACK_CONFIG_DOMAINS.has(s.domain));
 }
+/**
+ * Text settings that configure HOW it draws / erases / replays — read only when a draw or
+ * erase starts, so keying them changes nothing you'd see. The timeline drives text with
+ * Shown (config.enabled) instead; these stay panel settings.
+ */
+const TEXT_LIFECYCLE = new Set([
+    'drawMethod', 'drawDuration', 'drawEase', 'drawStagger', 'drawAngle',
+    'eraseMethod', 'eraseDuration', 'eraseEase', 'eraseStagger', 'eraseAngle',
+    'autoPlay', 'loop', 'yoyo', 'holdTime', 'hiddenTime',
+]);
+/** Kinds a structural (discrete) track can hold: a key value the timeline can edit. */
+const DISCRETE_KINDS = new Set(['number', 'boolean', 'string', 'select', 'color', 'vec3', 'vec2']);
+/**
+ * Structural properties a clip can key as DISCRETE tracks (timeline): not writable per
+ * frame, so the clip sets them at its keys — the runtime lays the values at the playhead
+ * over the element's settings through the SceneActions patch layer, like an action, and
+ * the element re-renders. Every domain qualifies (it goes through the settings path, not
+ * a live handle); textures don't (no key editor for them). Not filtered by
+ * isPropertyLive: the switch that turns a layer on is itself one of these.
+ */
+export function getDiscreteTrackSpecs(element, settings) {
+    return getPropertySpecs(element, settings).filter(s => !s.animatable && DISCRETE_KINDS.has(s.kind) && !(s.domain === 'text' && TEXT_LIFECYCLE.has(s.name)));
+}
 export function getPropertySpec(element, settings, key) {
     return getPropertySpecs(element, settings).find(s => s.key === key);
 }

package/dist/properties/tables/geometryProperties.d.ts

@@ -20,6 +20,13 @@ export type ControlOf<K extends string> = {
     key: K;
     label: string;
     default: string;
+} | {
+    type: 'select';
+    key: K;
+    label: string;
+    options: string[];
+    optionLabels?: string[];
+    default: string;
 };
 type OptKey = keyof GeometryShapeConfig & string;
 export declare const SHAPE_CONTROLS: Record<ShapeName, ControlOf<OptKey>[]>;

package/dist/properties/tables/geometryProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometryProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/geometryProperties.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE9G,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,IAClC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,GACjK;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAU7D,KAAK,MAAM,GAAG,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAGjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAuCjE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAkC,SAAS,EAAE,CAAC;AAErE,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,SAAmB,GAAG,mBAAmB,CAIlF;AAED,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,SAAmB,GAAG,mBAAmB,CAEjF;AAED,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,WAAqB,GAAG,UAAU,CAEzE;AAED,KAAK,MAAM,GAAG,MAAM,UAAU,GAAG,MAAM,CAAC;AAIxC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAYlE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,EAInE,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYlD,CAAC"}
+{"version":3,"file":"geometryProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/geometryProperties.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAG9G,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,IAClC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,GACjK;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAY3G,KAAK,MAAM,GAAG,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAGjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CA4CjE,CAAC;AAEF,eAAO,MAAM,UAAU,EAAkC,SAAS,EAAE,CAAC;AAErE,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,SAAmB,GAAG,mBAAmB,CAIlF;AAED,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,SAAmB,GAAG,mBAAmB,CAEjF;AAED,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,WAAqB,GAAG,UAAU,CAEzE;AAED,KAAK,MAAM,GAAG,MAAM,UAAU,GAAG,MAAM,CAAC;AAIxC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAYlE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,EAInE,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAYlD,CAAC"}

package/dist/properties/tables/geometryProperties.js

@@ -1,7 +1,10 @@
+import { TEXT_FONTS } from '../../data/textDefaults.js';
 const int = (key, label, min, max, def) => ({ type: 'range', key, label, min, max, step: 1, default: def });
 const num = (key, label, min, max, step, def) => ({ type: 'range', key, label, min, max, step, default: def, digits: 2 });
 const ang = (key, label, def) => ({ type: 'range', key, label, min: 0, max: Math.PI * 2, step: 0.05, default: def, digits: 2, unit: 'rad' });
 const str = (key, label, def) => ({ type: 'text', key, label, default: def });
+const sel = (key, label, options, optionLabels, def) => ({ type: 'select', key, label, options, optionLabels, default: def });
+const tog = (key, label, def) => ({ type: 'toggle', key, label, default: def });
 const CURVE = int('curveSegments', 'Curve detail', 6, 160, 64);
 export const SHAPE_CONTROLS = {
     heart: [CURVE],
@@ -39,7 +42,12 @@ export const SHAPE_CONTROLS = {
     arcPlane: [num('radius', 'Radius', 0.2, 3, 0.01, 1), num('width', 'Band width', 0.02, 1, 0.01, 0.2), ang('startAngle', 'Start angle', 0), ang('endAngle', 'End angle', Math.PI), int('segments', 'Segments', 3, 128, 32)],
     bentPlane: [num('radius', 'Radius', 0.2, 5, 0.01, 2), num('height', 'Height', 0.1, 3, 0.01, 1), ang('arc', 'Arc', Math.PI / 2), int('widthSegments', 'Width segments', 1, 64, 32), int('heightSegments', 'Height segments', 1, 64, 1)],
     bentPlaneInverse: [num('radius', 'Radius', 0.2, 5, 0.01, 2), num('height', 'Height', 0.1, 3, 0.01, 1), ang('arc', 'Arc', Math.PI / 2), int('widthSegments', 'Width segments', 1, 64, 32), int('heightSegments', 'Height segments', 1, 64, 1)],
-    text: [str('text', 'Text', 'Hello'), num('size', 'Size', 0.2, 3, 0.01, 1), num('height', 'Depth', 0.05, 1, 0.01, 0.2)],
+    // the string extruded into a solid from the packed outline fonts (the text looks' font list)
+    text: [
+        str('text', 'Text', 'Hello'), sel('font', 'Font', TEXT_FONTS.map((f) => f.id), TEXT_FONTS.map((f) => f.label), 'inter'),
+        num('size', 'Size', 0.2, 3, 0.01, 1), num('height', 'Depth', 0.02, 1, 0.01, 0.2), num('letterSpacing', 'Letter spacing', -0.1, 0.5, 0.005, 0),
+        tog('bevelEnabled', 'Bevel', true), num('bevelThickness', 'Bevel depth', 0, 0.1, 0.002, 0.02), num('bevelSize', 'Bevel size', 0, 0.1, 0.002, 0.015), int('bevelSegments', 'Bevel segments', 1, 8, 3),
+    ],
     point: [num('size', 'Size', 0.02, 0.5, 0.01, 0.1)],
     custom: [],
 };

package/dist/properties/tables/optionalProperties.d.ts

@@ -17,7 +17,19 @@ export interface OptionalProperty {
     unit?: string;
     /** Value the panel shows when the settings do not carry one yet. */
     default?: unknown;
+    /** Controller tab the row lives on, overriding the panel's own grouping (e.g. a particles 'shells' tab). */
+    tab?: string;
+    /** The panel shows the row only while every condition holds: `{ key, is }` (equal) or `{ key, not }` (different),
+     *  read from the current values over the defaults. Display only — the knob keeps its value either way. */
+    showWhen?: PropertyCondition[];
 }
+export interface PropertyCondition {
+    key: string;
+    is?: unknown;
+    not?: unknown;
+}
+/** Whether a row's showWhen holds for these values (rows without one are always shown). */
+export declare function isPropertyShown(def: OptionalProperty, values: Record<string, unknown>): boolean;
 export declare const skyOptionalProperties: OptionalProperty[];
 export declare const skyStarsOptionalProperties: OptionalProperty[];
 export declare const oceanOptionalProperties: OptionalProperty[];

package/dist/properties/tables/optionalProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionalProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/optionalProperties.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"optionalProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/optionalProperties.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uGAAuG;IACvG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;gFAC4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4GAA4G;IAC5G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;8GAC0G;IAC1G,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAE/F;AAID,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,EAOnD,CAAC;AAIF,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,EAQxD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAmCrD,CAAC;AAKF,OAAO,EAIH,KAAK,WAAW,EAIhB,KAAK,SAAS,EACd,KAAK,SAAS,EAKd,KAAK,aAAa,EACrB,MAAM,yBAAyB,CAAC;AA0CjC,eAAO,MAAM,yBAAyB,GAAI,OAAO,WAAW,KAAG,gBAAgB,EAI9E,CAAC;AAyCF,wDAAwD;AACxD,eAAO,MAAM,8BAA8B,GAAI,OAAO,SAAS,EAAE,OAAO,SAAS,KAAG,gBAAgB,EAGnG,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EAY5D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EAY9D,CAAC;AA8BF,eAAO,MAAM,2BAA2B,GAAI,OAAO,aAAa,KAAG,gBAAgB,EAGlF,CAAC;AAEF;;sCAEsC;AACtC,eAAO,MAAM,oCAAoC,EAAE,gBAAgB,EAChB,CAAC;AAEpD,eAAO,MAAM,kCAAkC,EAAE,gBAAgB,EAChB,CAAC;AAElD;;2CAE2C;AAC3C,eAAO,MAAM,kCAAkC,EAAE,gBAAgB,EAWhE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EAiEpD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAqGrD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EA6BpD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EASpD,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EAKpD,CAAC;AAIF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAKrD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,EAsBnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAsCrD,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,gBAAgB,EA8C7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAAgB,EAYnD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAqBtD,CAAC;AAWF,OAAO,EAMH,KAAK,aAAa,EACrB,MAAM,yBAAyB,CAAC;AA6BjC,wFAAwF;AACxF,eAAO,MAAM,2BAA2B,GAAI,WAAW,aAAa,KAAG,gBAAgB,EAGtF,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,gBAAgB,EAGtD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,gBAAgB,EAGvD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EAO5D,CAAC;AAaF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAqBzD;wEACwE;AACxE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqBzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,gBAAgB,EAKrD,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,6BAA6B,GAAI,QAAQ,aAAa,KAAG,gBAAgB,EAKrF,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,+BAA+B,GAAI,QAAQ,aAAa,KAAG,gBAAgB,EAGvF,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EAG1D,CAAC;AAGF,eAAO,MAAM,6BAA6B;;;;;;;;;;;;CAYhC,CAAC;AAGX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,6BAA6B,CAAC"}

package/dist/properties/tables/optionalProperties.js

@@ -1,3 +1,7 @@
+/** Whether a row's showWhen holds for these values (rows without one are always shown). */
+export function isPropertyShown(def, values) {
+    return !def.showWhen || def.showWhen.every((c) => ('is' in c ? values[c.key] === c.is : values[c.key] !== c.not));
+}
 // The sky panel's own ranges (SkyControllerUi renders from these). Elevation goes
 // below the horizon for dusk / night; azimuth is signed around north.
 export const skyOptionalProperties = [
@@ -11,6 +15,7 @@ export const skyOptionalProperties = [
 // The sky's built-in stars (SkyStars): keyed under `stars.` on SkySettings. count and
 // milkyWay rebuild the dome, so they are structural; the rest are uniforms.
 export const skyStarsOptionalProperties = [
+    { name: 'visible', label: 'Visible', description: 'Show the night sky. With a sky on they come out after dark; with no sky they are a stand-alone layer', type: 'boolean', animatable: false, default: true },
     { name: 'brightness', label: 'Brightness', description: 'How bright the stars are once it is dark', type: 'number', min: 0, max: 4, step: 0.05, default: 1 },
     { name: 'count', label: 'Count', description: 'How many stars fill the sky', type: 'number', min: 500, max: 20000, step: 100, animatable: false, default: 4000 },
     { name: 'size', label: 'Size', description: 'Size of the star points', type: 'number', min: 0.3, max: 3, step: 0.05, default: 1 },

package/dist/properties/tables/particlesProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"particlesProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/particlesProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAQ/E,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EA0B5D,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,gBAAgB,EAyB7D,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE,gBAAgB,EA0BnE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,gBAAgB,EA0BjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EA0B9D,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EAyB5D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EA0B9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,gBAAgB,EA0BzD,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,gBAAgB,EAwB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,gBAAgB,EA0B3D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EA0B1D,CAAC;AAIF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG7D,CAAC;AACF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAgBlE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAYpF,CAAC"}
+{"version":3,"file":"particlesProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/particlesProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAQ/E,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EA0B5D,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,gBAAgB,EAyB7D,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE,gBAAgB,EA0BnE,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,gBAAgB,EA0BjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EA0B9D,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,gBAAgB,EAyB5D,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,EA0B9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,gBAAgB,EA0BzD,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,gBAAgB,EAwB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,gBAAgB,EA0B3D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,gBAAgB,EA0B1D,CAAC;AAIF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG7D,CAAC;AACF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAgBlE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAkDpF,CAAC"}

package/dist/properties/tables/particlesProperties.js

@@ -331,4 +331,42 @@ export const PARTICLES_PROPERTIES = {
     magneticBottle: magneticBottleParticlesProperties,
     shapeBurst: shapeBurstParticlesProperties,
     shapeFlow: shapeFlowParticlesProperties,
+    fireworks: [
+        { name: 'intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01 },
+        { name: 'speed', description: 'Time scale of the show', type: 'number', min: 0, max: 3, step: 0.01 },
+        { name: 'opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
+        { name: 'size', description: 'World size of the object (units)', type: 'number', min: 0.2, max: 4, step: 0.01 },
+        { name: 'color', description: 'First star colour (strontium red)', type: 'color' },
+        { name: 'particleCount', description: 'Spark pool for tails and willows (CPU simulated)', type: 'number', min: 2000, max: 30000, step: 500 },
+        { name: 'shellType', tab: 'shells', description: 'What the shells do: a mixed show, or one kind of shell', type: 'select', options: ['mix', 'peony', 'chrysanthemum', 'willow', 'palm', 'ring', 'crossette', 'crackle', 'strobe', 'brocade', 'timeRain', 'fish', 'fallingLeaves', 'heart', 'shapedStar', 'kamuro', 'horsetail', 'multiBreak', 'saturn', 'pistil', 'text'], optionLabels: ['Show (mix)', 'Peony', 'Chrysanthemum', 'Willow', 'Palm', 'Ring', 'Crossette', 'Crackle', 'Strobe', 'Brocade crown', 'Time rain', 'Fish', 'Falling leaves', 'Heart', 'Star (shaped)', 'Kamuro', 'Horsetail', 'Multi-break', 'Saturn', 'Pistil peony', 'Text'] },
+        { name: 'textMode', tab: 'shells', description: 'How the text is fired: one shell for the whole word, or one shell per letter (best for longer text)', showWhen: [{ key: 'shellType', is: 'text' }], type: 'select', options: ['word', 'letters'], optionLabels: ['One shell per word', 'One shell per letter'] },
+        { name: 'text', tab: 'shells', description: 'The text the shells write (up to 32 characters; letters wrap into lines of 8)', showWhen: [{ key: 'shellType', is: 'text' }], type: 'string' },
+        { name: 'textSize', tab: 'shells', description: 'Size of the written text', showWhen: [{ key: 'shellType', is: 'text' }], type: 'number', min: 0.3, max: 1.6, step: 0.01 },
+        { name: 'formation', tab: 'shells', description: 'Fire salvos whose bursts draw a shape in the sky (each launch becomes a whole salvo)', showWhen: [{ key: 'shellType', not: 'text' }], type: 'select', options: ['none', 'line', 'arc', 'v', 'circle', 'triangle', 'square', 'star', 'heart'], optionLabels: ['Off', 'Line', 'Arc', 'V', 'Circle', 'Triangle', 'Square', 'Star', 'Heart'] },
+        { name: 'formationCount', tab: 'shells', description: 'Shells in each formation salvo', showWhen: [{ key: 'shellType', not: 'text' }, { key: 'formation', not: 'none' }], type: 'number', min: 3, max: 24, step: 1 },
+        { name: 'formationSize', tab: 'shells', description: 'Width of the formation', showWhen: [{ key: 'shellType', not: 'text' }, { key: 'formation', not: 'none' }], type: 'number', min: 0.3, max: 1.6, step: 0.01 },
+        { name: 'launchRate', description: 'Shells fired per second', type: 'number', min: 0, max: 4, step: 0.01 },
+        { name: 'burstSize', tab: 'shells', description: 'Lift charge: how fast the stars are thrown, so how wide the bursts open', type: 'number', min: 0.3, max: 2, step: 0.01 },
+        { name: 'burstHeight', tab: 'shells', description: 'How high the shells rise before they break', type: 'number', min: 0.2, max: 2, step: 0.01 },
+        { name: 'burnTime', tab: 'shells', description: 'How long stars burn: short pops to long, hanging willows', type: 'number', min: 0.3, max: 3, step: 0.01 },
+        { name: 'spread', description: 'Width of the mortar rack', type: 'number', min: 0, max: 1.6, step: 0.01 },
+        { name: 'wind', description: 'Crosswind carrying stars and smoke (negative = the other way)', type: 'number', min: -1, max: 1, step: 0.01 },
+        { name: 'smoke', description: 'Smoke left by the bursts, lit by later ones', type: 'number', min: 0, max: 1, step: 0.01 },
+        { name: 'randomFire', description: 'Shells launch on their own at the launch rate (off: only clicks fire, with Fire on click)', type: 'boolean' },
+        { name: 'fireOnClick', description: 'A click in the scene fires one shell that breaks where you clicked: on an object or out in the sky', type: 'boolean' },
+        { name: 'secondColor', description: 'Second star colour (barium green)', type: 'color' },
+        { name: 'accentColor', description: 'Third star colour (copper blue)', type: 'color' },
+        { name: 'sparkColor', description: 'Tint of the charcoal sparks and gold stars', type: 'color' },
+        { name: 'seed', description: 'Show seed: a different sequence with the same character', type: 'number', min: 1, max: 999, step: 1 },
+        { name: 'quality', description: 'Detail level: scales particle counts and trail caps', type: 'select', options: ['low', 'medium', 'high'], optionLabels: ['Low', 'Medium', 'High'] },
+        { name: 'pointerMode', description: 'What the cursor does: off, aims the shells, blows a gust through the show, or feeds oxygen to falling stars', type: 'select', options: ['none', 'aim', 'wind', 'reignite'], optionLabels: ['Off', 'Aim the shells', 'Gust', 'Reignite'] },
+        { name: 'pointerStrength', description: 'Lift charge of aimed shells / strength of the gust / oxygen fed to the stars (0 = no interaction)', type: 'number', min: 0, max: 3, step: 0.01 },
+        { name: 'pointerRadius', description: 'Rack spread under the cursor / size of the gust / reach of the reignite', type: 'number', min: 0.2, max: 3, step: 0.01 },
+        { name: 'pointerColor', description: 'Tint of the aimed shells and of re-lit stars', type: 'color' },
+        { name: 'trailMode', description: 'Long exposure, burning tails or afterglow', type: 'select', options: ['none', 'streak', 'comet', 'echo'], optionLabels: ['Off', 'Long exposure', 'Burning tails', 'Afterglow'] },
+        { name: 'trailLength', description: 'Shutter / tail length', type: 'number', min: 0.2, max: 6, step: 0.05 },
+        { name: 'trailOpacity', description: 'Trail brightness', type: 'number', min: 0, max: 1, step: 0.01 },
+        { name: 'trailColor', description: 'Colour trails cool toward', type: 'color' },
+        { name: 'trailShare', description: 'Fraction of stars that leave trails', type: 'number', min: 0.02, max: 1, step: 0.01 },
+    ],
 };

package/dist/properties/tables/textProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/textProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAO9D,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,EAAE,CAoWtE,CAAC"}
+{"version":3,"file":"textProperties.d.ts","sourceRoot":"","sources":["../../../src/properties/tables/textProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAO9D,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,EAAE,CA8XtE,CAAC"}

package/dist/properties/tables/textProperties.js

@@ -12,7 +12,7 @@ export const TEXT_PROPERTIES = {
         { name: 'penGlow', label: 'Pen glow', description: 'Glow at the pen tip while writing', type: 'number', min: 0, max: 2, step: 0.05 },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -39,7 +39,7 @@ export const TEXT_PROPERTIES = {
         { name: 'offLevel', label: 'Unlit glass', description: 'How visible the tube is before it ignites', type: 'number', min: 0, max: 0.4, step: 0.01 },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['trace', 'pen', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Trace', 'Pen', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -67,7 +67,7 @@ export const TEXT_PROPERTIES = {
         { name: 'bridges', label: 'Bridges', description: 'Visibility of the lines joining outlines to counters', type: 'number', min: 0, max: 0.6, step: 0.01 },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['epicycle', 'trace', 'pen', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Epicycles', 'Trace', 'Pen', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -97,7 +97,7 @@ export const TEXT_PROPERTIES = {
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'seed', label: 'Seed', description: 'Random seed of the crystal pattern', type: 'number', min: 0, max: 999, step: 1 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['grow', 'pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Grow', 'Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -127,7 +127,7 @@ export const TEXT_PROPERTIES = {
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'seed', label: 'Seed', description: 'Different streamer layout', type: 'number', min: 0, max: 99, step: 1 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['strike', 'pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Strike', 'Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -157,7 +157,7 @@ export const TEXT_PROPERTIES = {
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity.', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'seed', label: 'Seed', description: 'Where the fire starts and how it spreads.', type: 'number', min: 0, max: 99, step: 1 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -188,7 +188,7 @@ export const TEXT_PROPERTIES = {
         { name: 'color2', label: 'Hot core', description: 'Colour of the fresh, hot trail and the tip.', type: 'color' },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity of the light.', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -216,7 +216,7 @@ export const TEXT_PROPERTIES = {
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'seed', label: 'Seed', description: 'Which sky: star positions, magnitudes and colours', type: 'number', min: 0, max: 999, step: 1 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -248,7 +248,7 @@ export const TEXT_PROPERTIES = {
         { name: 'spread', label: 'Spread', description: 'Speed of the fire front; faster fronts leave their remains lingering longer (Burn erase)', type: 'number', min: 0.3, max: 2.2, step: 0.01 },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -280,7 +280,7 @@ export const TEXT_PROPERTIES = {
         { name: 'color2', label: 'Edge tint', description: 'Colour of the reflection at grazing angles and on the rim.', type: 'color' },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity.', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['flow', 'pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Flow', 'Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -311,7 +311,7 @@ export const TEXT_PROPERTIES = {
         { name: 'slant', label: 'Slant', description: 'Satin stitch angle to the stroke direction', type: 'number', min: 40, max: 85, step: 1, unit: '°' },
         { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['stitch', 'pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Stitch', 'Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -341,7 +341,7 @@ export const TEXT_PROPERTIES = {
         { name: 'color', label: 'Chalk', description: 'Chalk colour', type: 'color' },
         { name: 'color2', label: 'Highlight', description: 'Tint of the dense deposit', type: 'color' },
         { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
-        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico', 'poppins'], optionLabels: ['Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico', 'Poppins'] },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
         { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
         { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
         { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
@@ -358,4 +358,30 @@ export const TEXT_PROPERTIES = {
         { name: 'holdTime', label: 'Hold', description: 'How long the finished text stays before it is erased (loop)', type: 'number', min: 0, max: 10, step: 0.1, unit: 's' },
         { name: 'hiddenTime', label: 'Hidden pause', description: 'Pause with nothing shown between cycles (loop)', type: 'number', min: 0, max: 5, step: 0.1, unit: 's' },
     ],
+    plain: [
+        { name: 'color', label: 'Colour', description: 'Colour of the face', type: 'color' },
+        { name: 'weight', label: 'Weight', description: 'Bolder (right) or lighter (left) face: offsets every edge of the letters', type: 'number', min: -0.04, max: 0.05, step: 0.001, unit: 'em' },
+        { name: 'outline', label: 'Outline', description: 'Width of the outline drawn just outside the face (0 = none)', type: 'number', min: 0, max: 0.08, step: 0.001, unit: 'em' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01 },
+        { name: 'color2', label: 'Outline colour', description: 'Colour of the outline', type: 'color' },
+        { name: 'fill', label: 'Fill', description: 'Opacity of the face alone (0 with an outline = hollow letters)', type: 'number', min: 0, max: 1, step: 0.01 },
+        { name: 'softness', label: 'Softness', description: 'Width of the edge transition: 0 is crisp, more is a soft printed edge', type: 'number', min: 0, max: 0.06, step: 0.001, unit: 'em' },
+        { name: 'text', label: 'Text', description: 'The words; a new line starts a second line', type: 'string' },
+        { name: 'font', label: 'Font', description: 'Typeface of the text (every look uses the same fonts)', type: 'select', options: ['inter', 'roboto', 'montserrat', 'poppins', 'oswald', 'bebas-neue', 'playfair-display', 'lora', 'caveat', 'kalam', 'handlee', 'patrick-hand', 'architects-daughter', 'indie-flower', 'gochi-hand', 'nanum-pen-script', 'mynerve', 'dancing-script', 'courgette', 'satisfy', 'kaushan-script', 'sriracha', 'pacifico'], optionLabels: ['Inter', 'Roboto', 'Montserrat', 'Poppins', 'Oswald', 'Bebas Neue', 'Playfair Display', 'Lora', 'Caveat', 'Kalam', 'Handlee', 'Patrick Hand', 'Architect\'s Daughter', 'Indie Flower', 'Gochi Hand', 'Nanum Pen', 'Mynerve', 'Dancing Script', 'Courgette', 'Satisfy', 'Kaushan Script', 'Sriracha', 'Pacifico'] },
+        { name: 'drawMethod', label: 'Draw', description: 'How the text appears when it is shown (rebuilds)', type: 'select', options: ['pen', 'trace', 'bothEnds', 'wipe', 'radial', 'scatter', 'dissolve', 'fade', 'none'], optionLabels: ['Pen', 'Trace', 'Both ends', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Fade', 'Off'] },
+        { name: 'drawDuration', label: 'Draw duration', description: 'How long the draw animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
+        { name: 'drawEase', label: 'Draw easing', description: 'Easing of the draw animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
+        { name: 'drawStagger', label: 'Draw stagger', description: 'How much the letters are staggered in time, for Trace and Both ends (rebuilds)', type: 'number', min: 0, max: 0.95, step: 0.01 },
+        { name: 'drawAngle', label: 'Draw direction', description: 'Direction of the sweep, for Wipe (rebuilds)', type: 'number', min: -180, max: 180, step: 1, unit: '°' },
+        { name: 'eraseMethod', label: 'Erase', description: 'How the text disappears when it is switched off (rebuilds)', type: 'select', options: ['fade', 'undraw', 'wipe', 'radial', 'scatter', 'dissolve', 'trace', 'bothEnds', 'pen', 'cut', 'none'], optionLabels: ['Fade', 'Reverse', 'Wipe', 'Radial', 'Scatter', 'Dissolve', 'Trace', 'Both ends', 'Pen', 'Cut', 'Off'] },
+        { name: 'eraseDuration', label: 'Erase duration', description: 'How long the erase animation takes', type: 'number', min: 0.2, max: 15, step: 0.05, unit: 's' },
+        { name: 'eraseEase', label: 'Erase easing', description: 'Easing of the erase animation', type: 'select', options: ['easeInOut', 'linear', 'easeOut', 'easeIn'], optionLabels: ['Smooth', 'Linear', 'Out', 'In'] },
+        { name: 'eraseStagger', label: 'Erase stagger', description: 'How much the letters are staggered in time, for Trace and Both ends (rebuilds)', type: 'number', min: 0, max: 0.95, step: 0.01 },
+        { name: 'eraseAngle', label: 'Erase direction', description: 'Direction of the sweep, for Wipe (rebuilds)', type: 'number', min: -180, max: 180, step: 1, unit: '°' },
+        { name: 'autoPlay', label: 'Play on load', description: 'Play the draw animation when the scene starts', type: 'boolean' },
+        { name: 'loop', label: 'Loop', description: 'Repeat hidden, draw, hold, erase, hidden', type: 'boolean' },
+        { name: 'yoyo', label: 'Yoyo', description: 'Play the whole cycle forward, then backward', type: 'boolean' },
+        { name: 'holdTime', label: 'Hold', description: 'How long the finished text stays before it is erased (loop)', type: 'number', min: 0, max: 10, step: 0.1, unit: 's' },
+        { name: 'hiddenTime', label: 'Hidden pause', description: 'Pause with nothing shown between cycles (loop)', type: 'number', min: 0, max: 5, step: 0.1, unit: 's' },
+    ],
 };

package/dist/properties/types.d.ts

@@ -8,7 +8,7 @@ export type EnvironmentElement = (typeof ENVIRONMENT_ELEMENTS)[number];
  * (getAnimatableProperties), plus 'shadow' (a light's shadow block) and 'config'
  * (config knobs of objects with no animatable table: text, plain, mesh).
  */
-export type PropertyDomain = 'transform' | 'material' | 'edges' | 'light' | 'shadow' | 'particles' | 'effect' | 'grid' | 'environment' | 'space' | 'land' | 'text' | 'rain' | 'clouds' | 'config' | 'camera' | 'sky' | 'stars' | 'cirrus' | 'ocean' | 'terrain';
+export type PropertyDomain = 'transform' | 'material' | 'edges' | 'light' | 'shadow' | 'particles' | 'effect' | 'grid' | 'environment' | 'space' | 'land' | 'text' | 'rain' | 'clouds' | 'config' | 'camera' | 'sky' | 'stars' | 'cirrus' | 'thunder' | 'ocean' | 'terrain';
 export interface PropertyOption {
     value: string;
     label?: string;

package/dist/properties/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/properties/types.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9G,0GAA0G;AAC1G,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3F,eAAO,MAAM,oBAAoB,gDAAiD,CAAC;AACnF,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GACpB,WAAW,GAAG,UAAU,GAAG,OAAO,GAClC,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAC/H,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IACzB;;yDAEqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,wFAAwF;IACxF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACnD,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/properties/types.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9G,0GAA0G;AAC1G,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3F,eAAO,MAAM,oBAAoB,gDAAiD,CAAC;AACnF,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GACpB,WAAW,GAAG,UAAU,GAAG,OAAO,GAClC,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAC/H,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9E,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IACzB;;yDAEqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,wFAAwF;IACxF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACnD,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;CAClB"}