Shader Spiral Carousel

外掛說明

Shader Spiral Carousel lets you showcase images, videos, or custom items in a sleek spiral horizontal or vertical layout plus full integration with Revolution Lightbox (https://fwdapps.net/p/rl). It’s fast, accessible, and customizable. Works with Gutenberg and classic shortcodes.

Highlights

Experience a true 3D spiral carousel built with WebGL and Three.js. Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect with Revolution Lightbox support.

Main features

Responsive Layout – Fully responsive and adaptable regardless of which device is used.

Desktop & Mobile Optimized – Shader Spiral Carousel adapts to any screen size and any device, whether on mobile (iPhone, Android) or desktop browsers.

Lazy Scrolling/Loading – Option to initialize Shader Spiral Carousel only when it becomes visible on scroll, improving performance.

Customizable Size – Set any width or height. Item size and aspect ratio can be configured as needed.

Multiple Display Types – Display using a responsive layout or an afterparent mode that adapts to the parent element size.

Preloader – Optional animated preloader for smooth initial loading.

Items Ratio – Seamlessly change the items’ aspect ratio to display portrait, landscape, or any custom format.

Infinite Loop – Optional infinite loop and non-infinite loop.

Lightbox video/audio – Support for various video or audio formats like .mp3, .mp4, Shoutcast, Icecast, Youtube, Vimeo and Vimeo Pro, HLS/.m3u8, DASH MPEG/.mpd live streaming, Google Drive, Dropbox and other cloud platforms, Iframe, PDF, Google Maps in the ligtbox.

Private Video & Audio – Protected password video and audio inside the lightbox.

Chromecast Support – Cast mp4, mp3, or HLS/m3u8 files to a TV and control playback via the browser.

Video Thumbnails Live Preview – Thumbnails generated from .vtt files or auto-generated live inside the lightbox.

Video Subtitle Support – Subtitle display inside the lightbox.

Automatic Content DetectionRevolution Lightbox automatically detects media type (video, audio, image, etc.) from the URL.

Slideshow Support – Autoplay slideshow for both carousel thumbnails and lightbox items.

Drag & Swipe Support – Drag or swipe to navigate carousel items or lightbox slides.

Maximize & Minimize for Images – Double-click/tap or use a button to zoom; custom zoom factor supported.

Share Button & Share Window – Share to nine social platforms; buttons can be reordered or removed.

Noise Distortion – Customizable noise distortion for the items, example here.

Caption – Optional captions fully styleable with CSS.

Mouse Ripple – Optional ripple effect triggered by mouse movement with adjustable strength (example).

Opacity Strength – Custom opacity for non-centered items.

Snap – Automatically snap the closest item to center for perfect alignment.

Scroll Speed Strength – Fine-tune scroll speed to match your desired experience.

Scroll Scale Strength – Fine-tune scroll scaling for your desired visual effect.

Default & Scroll Curvature – Adjust item curvature at rest and while scrolling.

Liquid Distortion – Customizable liquid distortion that responds to scroll speed.

Post Processing – Shaders that improve antialiasing for a crisp, clean look. Includes effects like grid distortion, fluid distortion, glitch distortion, after image and more.

Use cases
– Product carousels
– Portfolio galleries
– Products slider
– Testimonials or logos
– Hero sliders with minimal chrome
– Whre you want to impress your users

Links
– Homepage & docs: https://fwdapps.net/p/ssc/
– Demo: https://fwdapps.net/p/ssc/#demos
– Support: https://fwdapps.net/contact

Shortcode

Basic: [fwdssc preset_name=”Carousel preset 1″ gallery_name=”My gallery”]

Development

This plugin’s full source code is publicly available for transparency and verification.
It is developed and maintained by FutureWebDesign / FWD.

Source code and build tools: https://fwdapps.net/p/ssc/source.zip
(The source package includes the original uncompiled files and Vite build configuration.)

The distributed plugin uses a compiled build generated by Vite for performance,
but all source files and build scripts are included for review and rebuilding.

螢幕擷圖

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Shader Spiral Carousel〉的開發相關工作。

參與者

將〈Shader Spiral Carousel〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄