=== Shader Carousel === Contributors: futurewebdesign Donate link: https://fwdapps.net/p/sc/ Tags: 3D carousel, carousel slider, image carousel, video carousel, slider Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 8.0 Stable tag: 1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html A responsive 3D Shader/3D carousel carousel for images and video. Built with Three.js & WebGL. Lightweight, fast, and customizable. == Description == **Shader Carousel** lets you showcase images, videos, or custom items in a sleek Shader/3D carousel layout with full integration with [Revolution Lightbox](https://fwdapps.net/p/rl/). It’s fast, accessible, and fully customizable. Works with Gutenberg and classic shortcodes. == Highlights == Experience a true 3D Shader carousel built with WebGL and Three.js. Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect with [Revolution Lightbox](https://fwdapps.net/p/rl/) support. ### Main Features - **Responsive Layout** – Fully responsive and adaptable to any device. - **Desktop & Mobile Optimized** – iPhone, Android, and desktop browsers supported. - **Lazy Scrolling/Loading** – Loads only when visible, improving performance. - **Customizable Size** – Set any width, height, and aspect ratio. - **Multiple Display Types** – Responsive or *afterparent* mode. - **Preloader** – Optional animated preloader. - **Items Ratio** – Portrait, landscape, or custom format. - **Infinite Loop** – Optional infinite loop and [non-infinite loop](https://fwdapps.net/p/sc/preset13.html). - **Lightbox Video/Audio Support** – Supports: - [.mp3](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=3) - [.mp4](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=0) - Shoutcast, Icecast - [YouTube](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=6) - [Vimeo](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=7) & Vimeo Pro - [HLS/.m3u8](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=4) - DASH MPEG/.mpd live streaming - [Google Drive](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=2) - Dropbox, Iframe, PDF, and [Google Maps](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=10) - **Private Video & Audio** – Password-protected content inside the [lightbox](https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=5). - **Chromecast Support** – Cast MP4, MP3, or HLS/m3u8 files to TV and control playback. - **Video Thumbnails Live Preview** – Auto-generated from VTT files. - **Subtitle Support** – Display subtitles inside the [lightbox](https://fwdapps.net/p/sc/preset2.html#/?rlguid=fwdsc0_&rlmid=0). - **Automatic Content Detection** – [Revolution Lightbox](https://fwdapps.net/p/rl/) detects media type from URL. - **Slideshow Autoplay** – Autoplay slideshow for both carousel and lightbox. - **Drag & Swipe** – Touch gestures and mouse drag support. - **Maximize & Minimize** – Double-click/tap to zoom with custom zoom factor. - **Share Button** – Share to nine social platforms; customizable order. - **Noise Distortion** – [Example](https://fwdapps.net/p/sc/preset9.html). - **Caption Support** – Optional CSS-styled captions. - **Mouse Ripple Effect** – [Example](https://fwdapps.net/p/sc/preset12.html). - **Black & White Effect** – [Example](https://fwdapps.net/p/sc/preset11.html). - **Opacity Strength** – Custom opacity for non-centered items. - **Snap** – Auto-snap the closest item to center. - **Scroll Speed & Scale Strength** – Fine-tune scroll behavior. - **Default & Scroll Curvature** – Adjust curvature at rest and during scroll. - **Liquid Distortion** – Customizable liquid distortion. - **Post Processing Effects** – [Grid](https://fwdapps.net/p/sc/preset13.html), [Fluid](https://fwdapps.net/p/sc/preset14.html), Glitch, [After Image](https://fwdapps.net/p/sc/preset15.html), and more. ### Use Cases - Product carousels - 3D carousels - Portfolio galleries - Product sliders - Testimonials or logos - Hero sliders - Interactive media presentations ### Links - [Homepage & Docs](https://fwdapps.net/p/sc/) - [Demo](https://fwdapps.net/p/sc/#demos) - [Support](https://fwdapps.net/contact) - [Revolution Lightbox](https://fwdapps.net/p/rl/) == Installation == 1. Upload the plugin folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Use the provided shortcode in your posts or pages. == Shortcode == Basic example: [fadsc preset_name="Carousel preset 1" gallery_name="My gallery"] == Frequently Asked Questions == = Does it work with Gutenberg? = Yes. You can use the shortcode in any block or the Classic block. = Is it mobile-friendly? = Yes. Shader Carousel is fully responsive and optimized for touch. = Can I use it with external media? = Yes, it supports many external media types (YouTube, Vimeo, Google Drive, etc.). == Screenshots == 1. Shader Carousel example with image gallery 2. 3D carousel layout with lightbox 3. Mobile responsive view == Changelog == = 1.0 = * Initial release. == Development == This plugin’s full source code is publicly available for transparency and verification. Developed and maintained by [FutureWebDesign](https://fwdapps.net). - [Source code & build tools](https://fwdapps.net/p/sc/source.zip) — includes original uncompiled files and Vite build configuration as well as a detailed documentation - Distributed plugin uses a compiled build generated by Vite for optimal performance.