BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

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.

Holographic Glass Configurator - Bricksfusion
holographic-glass-effect

Holographic Glass

3D SDF Glass Effect with Refraction, Dispersion and Holographic Overlay for Breakdance Builder

How to Use in Breakdance Builder
â–¼
  1. Customize your Holographic Glass 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: holographic-glass-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 ℹ
#810055
SDF Shape Settings
SDF Speed ℹ
0.50
SDF Scale ℹ
0.93
Rotation X ℹ
0.37
Rotation Y ℹ
0.42
Rotation Z ℹ
0.40
Animation Speed ℹ
1.00
Cylinder Height ℹ
0.50
Edge Smoothness ℹ
0.20
Optical Settings
Refraction ℹ
0.50
Dispersion ℹ
0.25
Fresnel ℹ
0.50
Specular Strength ℹ
0.50
Specular Intensity ℹ
0.50
Swirl Effect
Swirl Speed ℹ
0.60
Swirl Angle ℹ
0.96
Swirl Radius ℹ
1.34
Swirl Offset ℹ
0.32
Swirl Rotation ℹ
0.014
Swirl Intensity ℹ
1.00
Blur / Noise Effect
Blur Speed ℹ
0.31
Blur Amount ℹ
0.46
Noise Scale ℹ
0.17
Noise Rotation ℹ
0.062
Noise Offset ℹ
0.51
Normal Map / Lighting
Normal Level ℹ
0.21
Normal Strength ℹ
1.00
Light Position X ℹ
0.50
Light Position Y ℹ
0.50
Hologram Effect
Hologram Speed ℹ
0.10
Hologram Intensity ℹ
0.50
Hue Offset ℹ
0.00
Color Variation ℹ
0.50
Normal Scale ℹ
0.50