Rotating prism with configurable intensity, size, and colors.
Every prop is wired to the controls underneath. Switch the animation type to Hover and the prism tilts toward the pointer.
| Prop | Type | Default | Description |
|---|---|---|---|
height | number | 3.5 | Apex height of the prism (world units). |
baseWidth | number | 5.5 | Total base width across X/Z (world units). |
animationType | "rotate" | "hover" | "3drotate" | "rotate" | Animation mode: shader wobble, pointer hover tilt, or full 3D rotation. |
glow | number | 1 | Glow/bleed intensity multiplier. |
offset | { x?: number; y?: number } | { x: 0, y: 0 } | Pixel offset within the canvas (x to the right, y down). |
noise | number | 0.5 | Film-grain noise amount added to final color (0 disables). |
transparent | boolean | true | Whether the canvas has an alpha channel (transparent background). |
scale | number | 3.6 | Overall screen-space scale of the prism (bigger = larger). |
hueShift | number | 0 | Hue rotation (radians) applied to final color. |
colorFrequency | number | 1 | Frequency of internal sine bands controlling color variation. |
hoverStrength | number | 2 | Sensitivity of hover tilt (pitch/yaw amplitude). |
inertia | number | 0.05 | Easing factor for hover (0..1, higher = snappier). |
bloom | number | 1 | Extra bloom factor layered on top of glow. |
suspendWhenOffscreen | boolean | false | Pause rendering when the element is not in the viewport. |
timeScale | number | 0.5 | Global time multiplier for animations (0=frozen, 1=normal). |
lightMode | boolean | false | Renders the prism as ink on a white background. |
Keyboard shortcuts and ARIA behavior.