Grid Scan
Customize Grid Scan
Sensitivity0.55
Line Thickness1
Grid Scale0.10
Scan Opacity0.40
Bloom Intensity0.60
Chromatic Aberration0.002
Noise Intensity0.010
Line Jitter0.10
Scan Glow0.50
Scan Softness2.0
Scan Phase Taper0.90
Scan Duration2.0s
Scan Delay2.0s
Bloom Threshold0.00
Bloom Smoothing0.00
Snap Back Delay250ms
Props
| Property | Type | Default | Description |
|---|---|---|---|
| sensitivity | number | 0.55 | Sensitivity of the grid scan effect (0-1) |
| lineThickness | number | 1 | Thickness of grid lines (0.1-5) |
| linesColor | string | #392e4e | Color of the grid lines |
| gridScale | number | 0.1 | Scale factor for the grid (0.01-1) |
| scanColor | string | #FF9FFC | Color of the scanning effect |
| scanOpacity | number | 0.4 | Opacity of the scanning effect (0-1) |
| enablePost | boolean | | Enable or disable post-processing effects |
| bloomIntensity | number | 0.6 | Intensity of bloom effect (0-2) |
| chromaticAberration | number | 0.002 | Chromatic aberration intensity (0-0.01) |
| noiseIntensity | number | 0.01 | Noise intensity for texture effect (0-0.1) |
| lineStyle | string | solid | Style of grid lines - 'solid', 'dashed', or 'dotted' |
| lineJitter | number | 0.1 | Amount of line jitter effect (0-1) |
| scanDirection | string | pingpong | Direction of scan - 'forward', 'backward', or 'pingpong' |
| scanGlow | number | 0.5 | Intensity of scan glow effect (0.1-2) |
| scanSoftness | number | 2 | Softness of scan edges (0.1-5) |
| scanPhaseTaper | number | 0.9 | Phase tapering for scan effect (0-1) |
| scanDuration | number | 2 | Duration of one scan cycle in seconds (0.05-5) |
| scanDelay | number | 2 | Delay between scan cycles in seconds (0-5) |
| bloomThreshold | number | 0 | Threshold for bloom effect activation (0-1) |
| bloomSmoothing | number | 0 | Smoothing factor for bloom effect (0-1) |
| enableWebcam | boolean | | Enable or disable webcam input |
| showPreview | boolean | | Show or hide preview window |
| enableGyro | boolean | | Enable or disable gyroscope input |
| scanOnClick | boolean | | Trigger scan on mouse click |
| snapBackDelay | number | 250 | Delay before snap back in milliseconds (0-2000) |
| className | string | custom-grid-scan | Additional CSS class names for styling |
| width | string | 100% | Width of the grid scan container |
| height | string | 600px | Height of the grid scan container |
| quality | string | high | Rendering quality - 'low', 'medium', or 'high' |
Dependencies
oglreact
Created with ❤️ by Cybershoora