3D Photo Tile – Advanced Media Gallery
Update
22/7/2023: Fix show problem on iOS
31/8/2021: Fix picture blurry points
26/1/2021: Fix texture bug
Introduction
Photo Tile is a complicated 3D picture grid gallery constructed with WebGL. Each tile merchandise may be flipped over to disclose the content material behind it. Photo Tile is a superb net software to showcase your works and images.
Component Architect
Every UI parts are designed as separated elements from the bottom up. Components are loosely coupled widget objects that may be reused and customised in several tasks.
Extensibility with ease
Easily customise and prolong the appliance with your personal code. We present standalone constructing blocks as AMD modules utilizing RequireJS.
Rich API
The technical design provides many traditional OOP benefits like the only accountability precept but additionally present a variety of public strategies that distinctive to every part.
Elegant fallback
A wonderful 2D Gallery is carried out as a fallback for browsers with unsupported CSS3D function. The app auto switches to its fallback mode to make sure one of the best person expertise.
Full Features
- Customise variety of double dimension objects and flippable objects
- Over 50 configuration choices
- Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D options
- Easily create slideshow utilizing autoplay choice
- Default darkish theme and lightweight theme
- Multi media help: picture, audio, video, ajax, inline, embedded iframe
- Multiple controls: keyboard and mouse
- Multiple screens help: cell, pill. desktop
- Multi classes help
- Fullscreen help
- Full width help
- High high quality code commenting
- High high quality documentation
- Custom merchandise reflection
- animejs as core animation engine: a number of easing equations help, configure delay, period, callback with ease
- Advanced MediaViewer part, a function wealthy lightbox software to view prolonged contents
- Advanced construct system with Grunt: simply create distribution and examples file with builtin duties
- CSS preprocessor utilizing SASS and Compass framework
- Multiple SASS variables providing excessive flexibility to customise software feel and look
- HTML preprocessor utilizing Pug templates
- Custom elements: ItemTitle, ItemDescription
- videojs as important video playback engine
- audio5js as important audio playback engine
- Multiple examples recordsdata supplied
- Lightweight: solely 28KB in gzip format
Image Credits:unsplash.com
Video Credits:pexels.com
