https://github.com/devloop01/webgl-image-interactions-aristide

Webgl Image Interactions inspired from Aristide Benoist
https://github.com/devloop01/webgl-image-interactions-aristide

Last synced: 13 days ago
JSON representation

Webgl Image Interactions inspired from Aristide Benoist

• Host: GitHub
• URL: https://github.com/devloop01/webgl-image-interactions-aristide
• Owner: devloop01
• Created: 2024-04-05T18:57:12.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-08T05:08:12.000Z (7 months ago)
• Last Synced: 2024-04-08T22:46:50.129Z (7 months ago)
• Language: TypeScript
• Homepage: https://webgl-image-interactions-aristide.vercel.app/
• Size: 4.68 MB
• Stars: 17
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Webgl Image Interactions

Inspired by Aristide Benoist's [tweet](https://twitter.com/AristideBenoist/status/1587086913672036353)

## References

- [Align DOM and WEBGL](https://mofu-dev.com/en/blog/three-dom-alignment/)

- [OGL Flowmap](https://oframe.github.io/ogl/examples/?src=mouse-flowmap.html)

- [Pixel Distortion](https://tympanus.net/codrops/2022/01/12/pixel-distortion-effect-with-three-js/)

- [Goeey Effect](https://tympanus.net/codrops/2019/10/23/making-gooey-image-hover-effects-with-three-js/)

- [Glassy Effect](https://www.shadertoy.com/view/WdSGz1)