Dark Veil
Customize Dark Veil
Hue Shift0°
Speed0.50
Noise Intensity0.000
Scanline Intensity0.00
Scanline Frequency0.0
Warp Amount0.00
Resolution Scale1.00x
Props
| Property | Type | Default | Description |
|---|---|---|---|
| hueShift | number | 0 | Hue shift amount for color manipulation (0-360 degrees) |
| noiseIntensity | number | 0 | Intensity of noise effect overlay (0-0.1) |
| scanlineIntensity | number | 0 | Intensity of scanline effect (0-1) |
| speed | number | 0.5 | Animation speed for dynamic effects (0-2) |
| scanlineFrequency | number | 0 | Frequency of scanlines (0-10) |
| warpAmount | number | 0 | Amount of screen warp distortion (0-1) |
| resolutionScale | number | 1 | Resolution scaling factor (0.5-2) |
| className | string | custom-dark-veil | Additional CSS class names for styling |
| width | string | 100% | Width of the dark veil container |
| height | string | 600px | Height of the dark veil container |
| enableAnimation | boolean | | Enable or disable animation effects |
| opacity | number | 1 | Overall opacity of the dark veil effect (0-1) |
| blendMode | string | multiply | CSS blend mode for the dark veil effect |
| enableNoise | boolean | | Enable or disable noise effect |
| enableScanlines | boolean | | Enable or disable scanline effect |
| enableWarp | boolean | | Enable or disable warp distortion effect |
| quality | string | high | Rendering quality - 'low', 'medium', or 'high' |
Dependencies
three@react-three/fiber
Created with ❤️ by Cybershoora