Description
Izubizu Slider
Izubizu Slider is a next-generation WebGL media slider powered by Three.js and custom GLSL shaders. It is built for cinematic image and MP4 video presentations with responsive drag interaction, animated captions, and advanced post-processing controls.
The slider is designed for complete control over layout, transitions, colors, helper behavior, and interaction timing, with support for 19 media transition types and 16 text transition types.
Main features
Powered by Three.js + GLSL – Real-time rendering with smooth, cinematic transitions and distortion effects.
19 Transition Types – Includes linear, sinusoidal, radial, noise, pickaboo, pageFlip, ripple, pixelation, whater, and more.
16 Text Transition Types – Animated caption title effects such as flicker-effect, blur, opacity, slide, words-slide, scramble-then-lock, words-clip-reveal, neon-flicker-on, pulse-tunnel, and more.
Responsive Setup – Built for desktop and mobile with max width, max height, and auto-scale start width controls.
Auto Scale – Preserves stage proportions so transitions remain consistent across breakpoints.
Lazy Initialization – Optionally initialize only when visible to improve long-page performance.
Display Modes – Run full-width, boxed, or embedded inside any parent container.
Infinite or Non-Infinite Workflow – Use seamless looping or finite navigation depending on project needs.
Intro Animation – Optional first-slide reveal that matches the cinematic motion language.
Captions Support – Rich HTML captions with title/description structure, CTA links, and animated text transitions.
Hand Cursor Helper – Configurable hold-and-drag helper with custom text, colors, radius, delay, and repeat behavior.
Drag Controls – Fine-tune drag speed and drag friction for custom interaction feel.
Background and Mask Controls – Adjust background color and mask visibility for different art directions.
Flowmap Distortion – Control flowmap amount, strength, radius, sensitivity, force, and falloff.
RGB Shift Controls – Add chromatic separation during movement and transition peaks.
Noise Pass Controls – Configure noise size, fade, blur, and fade color for textured cinematic output.
