codrops / liquiddistortion Goto Github PK
View Code? Open in Web Editor NEWA slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP
Home Page: https://tympanus.net/codrops/?p=32454
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP
Home Page: https://tympanus.net/codrops/?p=32454
I have tried but failed to make slider auto scroll for next slider image.
Hi,
I wanted to use your plugin with an svg but it seems that's not possible. I have to define the width and height of the image and it's not what I want. Is there a solution to use a full svg file with the plugin?
Thank you by advance, best
Hi, i have to come up with a request
When mouse move . the background image will effect the liquid animation around the mouse circle area.
So can you teach me an example ?
Bt the way , this repo is excellent!
It is possible to add more than one row of text and add an anchor or a link to that text?
I'm trying to display text on top of the images in demo5, however I am not able to get that at all. I added texts: texts,
initializing parameter texts to the array defined previously in call to var initCanvasSlideshow = new CanvasSlideshow({
, however text still doesn't render. Stepping through main.js
I've checked the value of the rTexts
variable which is added as a child of the image and it does contain the text I am trying to display. Please help me locate where I am going wrong.
Hi, thank you so much for this slider :)
In my project I need to put videos instead of images in the slider. I am an absolute noob in PixiJS and Canvas and all technologies this slider use.
Can you give me some help ?
Thanks again
Hi there i'm using your slider and i'd like to create a non-fullscreen with cover-fitted images. right now I'm getting black lines at the sides of some images. I'd need this behavior to make it responsive.
Here is a link where you can find all the informations you need
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.