v1.3.5
MENU ANIMATIONS
ADVANCED EFFECTS
CORE BACKGROUND
Huly Laser
Creates dramatic animated laser beam effects with procedural fog, noise textures, and spherical projection mapping. Uses WebGL2 with custom GLSL shaders for multiple beam layers, dynamic noise generation, and atmospheric fog effects. Features chromatic aberration, stretch deformation, and tone mapping. Powered by UnicornStudio engine with complex shader pipeline. Perfect for futuristic hero sections, sci-fi backgrounds, or high-impact visual experiences.
Colors
Base background color for the effect. Pure black creates the most dramatic contrast with the laser beams. Lighter colors reduce beam visibility.
Default: #000000
Color of all laser beams and glowing effects. Bright vibrant colors work best. This color affects top, bottom, and moving beam layers simultaneously.
Default: #5150F7
Beams
Size of the top static beam. Larger values create wider, more visible beam spread. Controls the primary light source appearance.
Default: 0.2
Size of the bottom static beam. Typically smaller than top for depth perception. Creates the ground reflection effect.
Default: 0.1
Size of the animated traveling beam. This beam moves vertically creating the scanning laser effect. Medium size works best for visibility during motion.
Default: 0.23
Animation speed for all beam effects. Lower is slower and more dramatic, higher is faster and more energetic. Affects moving beam travel time.
Default: 0.25
Horizontal deformation of top beam. Creates elliptical rather than circular beam shape. Higher values stretch the beam wider horizontally.
Default: 0.34
Brightness multiplier for bottom beam intensity. Lower creates subtle glow, higher creates bright visible beam. Use low values for atmospheric look.
Default: 0.01
Horizontal deformation of moving beam. Controls width during animation. Similar to top skew but for the traveling beam layer.
Default: 0.33
Horizontal position of all laser beams. 0 positions the beam on the left edge, 0.5 centers it, and 1 positions it on the right edge. Perfect for off-center layouts and creative compositions.
Default: 0.5
Projection
Zoom level of spherical projection mapping. Lower values zoom in closer, higher values show more of the projected texture. Affects FOV compensation.
Default: 0.21
Vertical scroll speed of projected texture. Higher creates faster upward movement. Set to 0 for static projection, higher for flowing motion.
Default: 0.4
Seamless wrapping blend width for repeated texture. Higher creates smoother transitions at texture boundaries. Use 0 for hard seams, higher for invisible wrapping.
Default: 0.64
Noise
Intensity of Perlin noise distortion. Higher creates more chaotic turbulent patterns. Controls how much noise affects the base texture.
Default: 0.67
Horizontal noise pattern deformation. Changes aspect ratio of noise texture. Higher values stretch noise patterns wider.
Default: 0.96
Directional movement speed of noise patterns. Negative drifts down, positive drifts up. Zero freezes noise movement.
Default: -0.13
Global noise pattern frequency. Lower creates larger smooth patterns, higher creates smaller detailed patterns. Affects overall noise texture resolution.
Default: 15
Color variation intensity in noise texture. Higher adds more color ripples and complexity. Lower creates flatter monochromatic noise.
Default: 0.5
Stretch
Vertical stretch deformation intensity. Higher creates more dramatic vertical elongation of the effect. Use 1.0 for natural proportions.
Default: 1.0
Rotation angle for stretch deformation axis. Changes the direction of the stretch effect. 0.5 is default orientation, 0 or 1 rotates 90 degrees.
Default: 0.5
Fog
Overall fog thickness and opacity. Higher creates heavier atmospheric fog coverage. Lower creates subtle haze effect.
Default: 0.55
Size of fog pattern details. Lower creates larger fog clouds, higher creates smaller more frequent fog patches.
Default: 0.622
Contrast intensity of fog variations. Higher creates more dramatic light and dark areas in fog. Lower creates uniform fog distribution.
Default: 0.74
Directional movement speed of fog patterns. Higher creates faster flowing fog animation. Lower creates slow drifting motion.
Default: 0.5
Blur radius applied to fog effect. Higher creates softer diffused fog, lower creates sharper fog edges. Affects exponential blur kernel.
Default: 0.66
Chromatic aberration intensity in fog. Creates color fringing effect at fog boundaries. Higher values produce more visible RGB separation.
Default: 0.66
Blend amount for chromatic aberration effect. Controls how much the color fringing affects final output. Lower is subtle, higher is dramatic.
Default: 0.39
Overall fog brightness multiplier. Higher creates glowing fog effect, lower creates darker atmospheric fog. Uses ACES tone mapping.
Default: 1.0
Performance
This element uses WebGL2 with complex multi-pass shader pipeline. Requires UnicornStudio engine loaded via CDN. Implements Perlin noise generation, spherical UV projection, exponential blur passes, chromatic aberration, ACES tone mapping, and procedural fog with FBM. Uses ping-pong framebuffer technique with 4 blur passes at 0.25 downsample. Features animated beam states with easing functions. Extremely GPU intensive with multiple texture samplers and blend modes. Not recommended for mobile devices. Limit to 1 instance per page. Requires modern GPU with WebGL2 support.