3D Photo Cloud – Advanced Image Gallery
Update
23/04/2023: Fix show subject on mobiel Safari
17/12/2020: Set pixel ratio on cell units
19/11/2020: Add photograph looping mode
10/11/2020: Add “Photo Cloud Designer”, superior admin backend permits importing, modifying and config the gallery utilizing widgets and person interfaces.
Introduction
3D Photo Cloud Gallery is a complicated characteristic-wealthy javascript net utility with stunning design and excessive flexibility. Photo gadgets are distributed randomly in 3D house the place they’ll float freely in horizontal or vertical axis. When activated, every photograph is dropped at middle entrance and create an interesting expertise.
Multiple Screen Supported
From desktop to cell, the applying will adapts to every display screen dimension whereas sustaining elegant design and person expertise.
Extensibility with ease
Easily customise and lengthen the applying with your individual code. We present standalone constructing blocks as AMD modules utilizing RequireJS.
Component Architect
Every UI parts are designed as separated parts from the bottom up. Components are loosely coupled widget objects that may be reused and customised in several initiatives.
High Performance
Powered by WebGL, all rendering graphics and animations are {hardware} accelerated to ensure one of the best efficiency.
Full Features
- Over 30 configuration choices
- Multi classes help
- Multiple Controls: Keyboard and Mouse
- Fullscreen help
- Full width help
- Multiple Screen help: cell, pill. desktop
- Full fledged and superior 2D gallery mode: auto activated on unsupported WebGL browser
- High high quality Code Commenting
- High high quality Documentation
- 3 physic primarily based animation choices: velocity, maxSpeed, friction
- Light theme help
- vertical and horizontal orientation
- CSS preprocessor utilizing SASS and Compass framework
- Multiple SASS variables providing excessive flexibility to customise utility feel and appear
- HTML preprocessor utilizing Pug templates
- Advanced construct system with Grunt: simply create distribution and examples file with builtin duties
- animejs as core animation engine: a number of easing equations help, configure delay, length, callback with ease
- scaleToFit characteristic: “good”, “all the time”, “none”
- viewAngle characteristic: regulate gallery perspective view
- Custom parts: ItemTitle and ItemDescription
- Multiple examples recordsdata offered
Image Credits:unsplash.com
Video Credits:pexels.com
