Prompt:
Build "Fluxion OW-7", a standalone HTML page for slot 100 organic-wave-lab: organic flowing SVG morphing paths with sliders, lab-instrument styling. Present it as a single piece of bench equipment from a fictional maker, "Fluxion Instruments, Bench Series: OW-7 Organic Wave Analyzer". Palette: near-black room #0c0e0f with a soft top radial glow; brushed graphite chassis gradient #23282a to #1a1e20 with bevelled inset highlights, four corner screws drawn in CSS; phosphor mint #7ef0c1 for traces, grid and LEDs; amber #ffb547 for numeric readouts, the probe ring and one accent trace; muted grey-green labels #6c7774. Typography: Helvetica Neue / Arial for the brand and tracked uppercase control labels; ui-monospace for readouts, clock and preset buttons. Layout: a header strip with the brand on the left and blinking SIGNAL and CULTURE LEDs plus a running T+mm:ss clock on the right; a two-column body with a recessed CRT-like scope screen (rounded bezel, inner glow, glass sheen and scanline overlay, grid pattern and crosshair axes, live PEAK / PHASE / MODE readouts) and a control column containing a three-way segmented mode switch (Tide, Membrane, Cell), five hardware-style fader sliders (Amplitude, Frequency, Viscosity, Layers, Drift) whose tracks fill with phosphor up to the thumb and whose values glow amber, and three preset buttons (KELP, LUNG, STORM). The column stacks under the scope below 820px. A footer explains the instrument in a sentence. Engine: a requestAnimationFrame loop rebuilds each layer's SVG path every frame from sampled points using Catmull-Rom to cubic Bezier conversion. Tide mode stacks filled waves with a vertical fade gradient; Membrane mode draws tightly spaced unfilled strands; Cell mode draws closed polar blobs that wobble around a drifting centre. Each wave is a sum of three sines whose higher harmonic is damped by Viscosity; Drift and Viscosity set the time speed; slider values are smoothed so changes flow rather than jump. A glow filter (blur merged with source) gives phosphor bloom. Pointer over the screen moves an amber probe ring that pulls line waves toward the pointer with a Gaussian falloff (wider when viscous) or pushes cell outlines away; pressing intensifies it. Presets tween all sliders with ease-in-out. Reduced motion: wave speed cut to 15 percent, presets apply quickly, LED blinking stopped.
Title: Fluxion OW-7 Wave Lab
Description: A dark, tactile laboratory instrument for watching organic waveforms. A graphite chassis with screws, LEDs and a bezelled phosphor screen hosts layered SVG curves that swell, ripple and breathe like living tissue. Faders on the side panel reshape the signal in real time, a mode switch turns the same maths into tidal fills, fine membrane strands or wobbling cells, and a probe follows the pointer to press on the culture and let it recover. Amber readouts and a running clock make it feel like a working piece of bench equipment.
Visual techniques:
- Per-frame SVG path generation with Catmull-Rom to cubic Bezier smoothing (open and closed)
- Sum-of-sines wave synthesis with harmonic damping and smoothed parameters
- Three render modes: gradient-filled tides, stroked membranes, polar closed blobs
- SVG pattern grid, Gaussian glow filter via feMerge, scanline and glass overlays
- Gaussian-falloff pointer probe that attracts or repels path points
- Custom-styled range inputs with CSS variable fill tracks for WebKit and Firefox
- Eased preset tweening across all controls, segmented control with aria-pressed
- Skeuomorphic chassis: bevel shadows, CSS screws, blinking LEDs
Interaction model: Drag the faders to change amplitude, frequency, viscosity, number of layers and drift speed, and watch the traces flow into their new shapes. Pick Tide, Membrane or Cell to change how the signal is drawn, or press KELP, LUNG or STORM to glide all the controls to a preset. Moving across the screen moves an amber probe that pulls on the waves or dents the cells, and pressing down makes it stronger.