oplosn Posted November 1, 2021 Share Posted November 1, 2021 Hello! I'm wondering how to replicate this effect on https://monopo.london/ where the mouseover interacts with the colours. I thought it would be something like this https://tympanus.net/Development/FlowmapDeformation/index.html, but it does not seem like it as in this case, it's a still image. In Monopo London, the mouse was interacting with the colours. Really am dying to find out: 1) What this effect is called. Is it repulsion effect? 2) How do I make this? (e.g., use Pixi.JS or WebGL... or?) 3) Are there any tutorials to watch/learn about this mouseover effect together with the glowy background? Any help would be greatly appreciated! Link to comment Share on other sites More sharing options...
Cassie Posted November 1, 2021 Share Posted November 1, 2021 Hey @oplosn, Yep - that's shader magic - so WebGL. The developer that made it has mentioned wanting to do a write up so maybe give him a little nudge on twitter 😉 Hey mate, yes it's a custom shader with a few inputs where @FlorentBiffi added animation magic 😉I'll make a small case study soon !— Damien Mortini (@damienmortini) September 23, 2021 1 Link to comment Share on other sites More sharing options...
oplosn Posted November 2, 2021 Author Share Posted November 2, 2021 Thank you so much for sharing this, @Cassie! Definitely keeping a lookout for the case study. Really appreciate the reply 🙂 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now