https://github.com/ullaskunder3/displacement-slider
Web design using Pixi & Gsap and some other library with displacement map to create distortion effect on image and text.
https://github.com/ullaskunder3/displacement-slider
Last synced: 8 months ago
JSON representation
Web design using Pixi & Gsap and some other library with displacement map to create distortion effect on image and text.
- Host: GitHub
- URL: https://github.com/ullaskunder3/displacement-slider
- Owner: ullaskunder3
- Created: 2021-03-05T17:50:22.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-06T06:35:55.000Z (over 5 years ago)
- Last Synced: 2025-02-08T22:25:36.005Z (over 1 year ago)
- Language: CSS
- Size: 28 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pixi and Gsap based web design
*Awesome displacement effect on image and text using displacement map texture*

[template for the project](https://github.com/hmongouachon/rgbKineticSlider)
Use local Server:
- live server or npm live-server
## Credits & Dependencies
Images from [Unsplash](https://unsplash.com/photos/JuesIryw53E)
Images from [Unsplash](https://unsplash.com/photos/gbd6PqRqGms)
Photo by Ameen Fahmy on Unsplash
Photo by Sergei Gavrilov on Unsplash
[PixiJs](http://www.pixijs.com/)
> Pixi. js is a rendering library that will allow you to create rich, interactive graphic experiences, cross-platform applications, and games without having to dive into the WebGL API or grapple with the intricacies of browser and device compatibility.
[Pixi Filters](https://github.com/pixijs/pixi-filters)
> Collection of community-authored custom display filters for PixiJS
[Gsap](https://greensock.com/gsap/)
> The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web
[Google web font loader](https://developers.google.com/fonts/docs/webfont_loader)
[ImageLoaded](https://imagesloaded.desandro.com/)
> ImageLoader. js is an ea cross-platform jQuery image loader plugin which helps load, preload and resize images on your webpage