Spaces:
Running
Running
| import type { SceneFrame } from "./framing"; | |
| export type Settings = { | |
| mode: "particles" | "wireframe" | "silhouette"; | |
| count: number; | |
| size: number; | |
| brightness: number; | |
| color: | |
| | "original" | |
| | "spectrum" | |
| | "ice" | |
| | "amber" | |
| | "mono" | |
| | "lavender" | |
| | "rose"; | |
| duration: number; | |
| axis: "x" | "y" | "z"; | |
| elevation: number; | |
| azimuth: number; | |
| zoom: number; | |
| cue: number; | |
| }; | |
| export const DEFAULTS: Settings = { | |
| mode: "particles", | |
| count: 38000, | |
| size: 1.3, | |
| brightness: 0.8, | |
| color: "ice", | |
| duration: 6, | |
| axis: "y", | |
| elevation: 12, | |
| azimuth: 0, | |
| zoom: 1.08, | |
| cue: 0, | |
| }; | |
| export const PRESETS = [ | |
| { key: "torus", label: "Knot" }, | |
| { key: "sphere", label: "Sphere" }, | |
| { key: "arrow", label: "Arrow" }, | |
| { key: "cube", label: "Cube" }, | |
| { key: "ring", label: "Ring" }, | |
| { key: "helix", label: "Helix" }, | |
| { key: "star", label: "Star" }, | |
| { key: "diamond", label: "Diamond" }, | |
| { key: "cone", label: "Cone" }, | |
| { key: "pyramid", label: "Pyramid" }, | |
| ]; | |
| export type Model = { | |
| name: string; | |
| triangles: Float32Array; | |
| wires: Float32Array; | |
| particles: Float32Array; | |
| id: number; | |
| rotationDirection: 1 | -1; | |
| rotationBounds: { | |
| axial: [number, number, number]; | |
| radial: [number, number, number]; | |
| }; | |
| }; | |
| export type ImportedAsset = { | |
| name: string; | |
| clips: { name: string; duration: number }[]; | |
| warning?: string; | |
| sourceFiles: File[]; | |
| dispose: () => void; | |
| build: (clip: number, time: number) => Promise<Model>; | |
| }; | |
| export type SceneSnapshot = { | |
| model: Model; | |
| settings: Settings; | |
| angle: number; | |
| width: number; | |
| height: number; | |
| frame: SceneFrame; | |
| pixelRatio: number; | |
| backend: Renderer["backend"]; | |
| }; | |
| export interface Renderer { | |
| readonly backend: "webgpu" | "canvas"; | |
| canvas: HTMLCanvasElement; | |
| onError?: (message: string) => void; | |
| resize: (width: number, height: number, ratio: number) => void; | |
| draw: ( | |
| model: Model, | |
| settings: Settings, | |
| angle: number, | |
| frame?: Readonly<SceneFrame>, | |
| ) => void; | |
| dispose: () => void; | |
| } | |