{#each actions as a (a.label)}
{/each}
{/if}
{#key step}
{@render children()}
{/key}
(pressedHere = true)}
onclick={() => pressedHere && onclose()}
transition:fade|global={{ duration: SHEET_OUT }}
>
{#if side}{/if}
(dy = d) }}
in:fly|global={{ y: top ? -400 : 400, duration: SHEET_IN, easing: decelerate }}
out:fly|global={{ y: top ? -400 : 400, duration: SHEET_OUT, easing: decelerate }}
>
{#if images?.[0]}{/if}
{#if images === null}
{#if icon}
{/if}
{#if heart}
{/if}
{#each images.slice(0, 4) as src, i (i)}![]()
{/each}
{:else if images[0]}
{title}
{#if chips.length}{chips.join(' • ')}
{/if}
{#if onback}
{:else if actions.length}
{helpShown.text}
{/if}
===== src/lib/visuals/RateMode.svelte =====
{#if phase !== 'stopped'}
{phase === 'a' ? 'A' : phase === 'b' ? 'B' : ''}
{#if phase === 'a' || phase === 'b'}
{/if}
{pair.n + 1}
{#if phase === 'ask' || phase === 'saving'}
Not saved
{/if}
{#each list as snap (snap.id)}
{#if editing === snap.id}
{#if snap.picture}
{:else}
{:else}
{/if}
{/each}
e.pointerType === 'mouse' && !down && showChrome()}
>
{#if unsupported}
{/if}
{/if}
{#if sought}
(snapshotsOpen = false)} capture={capturePicture} trackName={np?.name ?? null} {recall} over={!docked} />
{/if}
===== src/lib/visuals/aspects.ts =====
// The visuals' mapping (decision 0046): from the music now and the settings to what is drawn this frame, each aspect as
// its routes give it. Pure and stateful, with no GL and no flame: the visuals' loop steps it each frame, and the
// behaviour's precheck (recipe.ts) steps it over a track's signals to see what a recipe would do before it is shown.
import { PARTS, type Part } from './flame';
import { WAVE_BEND } from './fluid';
import { DIVE_MOST, TUNNEL_MOST } from './zoom';
import type { Levers } from './governor';
import type { Music } from './music.svelte';
import { A, AMOUNT_ASPECTS, ASPECTS, B, BAND_SIGNALS, COLUMN_SCALES, compile, give, given, KNOB_ASPECTS, MOMENT_ASPECTS, T, TRACK_SIGNALS, type Given, type Matrix, type RouteValue } from './routes';
import { BANDS, type VisualSettings } from './settings.svelte';
/** The columns scaled here, each its aspect's place and its setting (the fluid's stirring is scaled where it stirs:
* Visuals.svelte's `gain`). */
const SCALED = (Object.entries(COLUMN_SCALES) as [keyof typeof COLUMN_SCALES, (typeof COLUMN_SCALES)[keyof typeof COLUMN_SCALES]][])
.filter(([a]) => a !== 'stir' && a !== 'flow' && a !== 'swirl')
.map(([a, k]) => [A[a], k] as const);
/** How fast the slow giant waves move the picture where nothing flows (the show pass bends it by `WAVE_BEND` of the
* screen's height, once round their cycle in eight seconds: stirring.ts), as a turn a second of the flame's parts
* (whose points lie about 0.4 of the screen's height out): what the motion meter counts for them. Where the fluid
* flows they are part of its flow, which the meters do not see (the governor's pace slows it all the same). */
export const wavesMotion = (amount: number, fluid: number) => (fluid > 0 ? 0 : (WAVE_BEND * Math.abs(amount) * ((2 * Math.PI) / 8)) / 0.4);
/** How fast the zooms stream the picture out (zoom.ts: each speed its log a second): a point at radius r moves at that
* many e-folds a second times r, as a turn of as many radians a second moves it, so the motion meter counts the Tunnel's
* and the Dive's zoom (the Dive's turn beside it) as that much motion. `tunnel`, `dive`: their levels now (0..1). */
export const zoomsMotion = (tunnel: number, dive: number) => TUNNEL_MOST * Math.max(0, tunnel) + DIVE_MOST * Math.max(0, dive);
/** Nothing held back (the governor's levers all open). */
const OPEN: Levers = { swing: 1, pace: 1, evolution: 1, hue: 1, size: 1, gap: 1 };
/** A beat's turn of the transforms: once around in 32 beats. */
export const STEP = (2 * Math.PI) / 32;
/** The Flash setting's slow course: followed twice over this long (seconds). */
const SLOW_S = 0.3;
/** A moment comes again no sooner than this (ms). */
const MOMENT_GAP_MS = 2000;
const clamp = (v: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, v));
type Moment = { armed: boolean; at: number };
export type AspectsState = {
// How intense the show is (the loudness as heard, followed over a fifth of a second; `lit`: as far as the Intensity
// setting lets it count), and paused or not.
intensity: number;
lit: number;
glow: number;
// The turning's clock: a route's full amount turns a part once around in 16 beats (the default routes, once in 32 on
// average), at the Speed setting; paused, it slows to a stop. The whole picture's turn.
clock: number;
turn: number;
// The signals now (the loudness's as the Intensity setting lets it count), the bands' stand-ins while none are known
// (each half way), and what the routes give each aspect.
track: Float32Array;
standIn: Float32Array[];
got: Given;
routes: RecordThis device cannot draw the visuals.
{/if} {#if chrome}
{#if !rating.run}
{#if undo}
{/if}
{/if}
{#if docked}
{:else if player.roomy}
{/if}
{#if canFullscreen}
{/if}
{#if panel && !rating.run}
e.stopPropagation()} onpointerup={(e) => e.stopPropagation()}>
{#each [COMPUTE, SHOW, LOOK] as rows, g (g)}
{#each BAND_ROWS as band, b (band)}
{/each}
{/if}
{#if np && !panel}
0}>
{#if g === 1}
{/each}
Behaviour
{:else if g === 2}Look
{/if} {#each rows as row (row.key)} {/each}Routes
{#each ASPECTS as aspect (aspect)}
{columnName(aspect, true)}
{/each}
{
if (gridHead) gridHead.scrollLeft = e.currentTarget.scrollLeft;
}}
>
{#if cell && edited}
{@const { signal, aspect } = cell}
{#each TRACK_SIGNALS as signal (signal)}
{@render routeRow(signal)}
{/each}
{#each [null, 0, 1, 2, 3, 4, 5] as b (b ?? -1)}
{/each}
{#each BAND_SIGNALS as signal (signal)}
{@render routeRow(signal)}
{/each}
{cellLabel(signal, aspect)}
setCurve(signal, aspect, c, done)}
onwalks={(on) => setWalks(signal, aspect, on)}
onpin={(on) => setPins(keysOf(signal, aspect).map((k) => `route:${k}`), on)}
/>
{/if}
{band}
{#each TIMES as time (time.key)} {/each}
{fps} fps · {thousands(Math.log2(Math.max(1, drawing.points)))} × {drawing.steps}{drawing.cleared ? ` · ${drawing.cleared} cleared` : ''}
{#if !rating.run}
{/if}
{np.name}
{#if np.artist}{np.artist}{/if}
{sought.side > 0 ? '+' : '−'}{sought.secs} s
{/if}
{#if snapshotsOpen}