Create Dynamic Shader Backgrounds – Shadify

Category: Javascript | October 9, 2023
Author:danielfvm
Views Total:87 views
Official Page:Go to website
Last Update:October 9, 2023
License:MIT

Preview:

Create Dynamic Shader Backgrounds – Shadify

Description:

Shadify is a JavaScript library that allows you to easily add GLSL fragment shaders to their websites for visually stunning backgrounds and effects.

How to use it:

1. Download and import the Shadify.js script.

<script src="/lib/Shadify.js"></script>

2. Use the data-shader attribute to load shaders directly from glslsandbox.com or your own shader source file.

<div 
  class="example" 
  data-shader="https://glslsandbox.com/e#106531.0">
  ...
</div>

3. Control the shader quality and speed.

<div 
  class="example" 
  data-shader="https://glslsandbox.com/e#106531.0"
  data-shader-quality="8" 
  data-shader-speed="2">
  ...
</div>

You Might Be Interested In:


Leave a Reply