BLACK FRIDAY
25% OFF Lifetime · Ends Dec 2nd

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Raycast Configurator - Bricksfusion
raycast-effect

Raycast

Dynamic Beam Effect with Gradient Mapping for Breakdance Builder

How to Use in Breakdance Builder
▼
  1. Customize your Raycast effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, create a Section or Div where you want the animation
  4. In that Section/Div, go to Advanced → ID and set it to: raycast-effect
  5. Add a Code Block element, select JavaScript, and paste the copied code
  6. Done! The animation will appear in your section
Background Settings
Background Color ℹ
#000000
Effect Blend Intensity ℹ
1.00
Beam Settings
Beam Radius ℹ
0.84
Beam Speed ℹ
0.25
Mouse Track ℹ
0.10
Brightness Mix ℹ
0.50
Beam Rotation ℹ
0.0135
Beam Color ℹ
#646464
Gradient Map
Cycle Amount ℹ
0.45
Time Offset ℹ
0.20
Gradient Colors
Color 1 (Dark) ℹ
#0C2029
Color 2 (Mid-Dark) ℹ
#F50032
Color 3 (Mid) ℹ
#FF5458
Color 4 (Bright) ℹ
#FFAAA5
Noise Effect
Noise Speed ℹ
0.11
Noise Scale ℹ
0.27
Noise Strength ℹ
0.33
Blinds Distortion
Blinds Speed ℹ
0.50
Divisions ℹ
0.25
Distortion Amount ℹ
-0.60
Blinds Rotation ℹ
0.1215
Dither Effect
Dither Threshold ℹ
0.56
Dither Mix ℹ
0.32