---
title: "webgl-mouseover-effects"
description: "Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps."
canonical: "https://vibing.inc/library/webgl-mouseover-effects-vg-1785"
category: "Shaders, WebGL & Creative Coding"
subcategory: "WebGL image effects"
license: "MIT"
author: "Yuri Artiukh (@akella)"
source: "https://github.com/akella/webgl-mouseover-effects"
---

# webgl-mouseover-effects
Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.
## Facts
- Source: https://github.com/akella/webgl-mouseover-effects
- Category: Shaders, WebGL & Creative Coding / WebGL image effects
- Author: Yuri Artiukh (@akella)
- Licence: MIT
- Tags: webgl, hover, shaders, images
## Why it's a gem
Reference implementation of the hover effect everyone else tries to reverse-engineer.
---
Listed in The Vibeary: https://vibing.inc/library/webgl-mouseover-effects-vg-1785 · JSON: https://vibing.inc/api/public/library/gems/webgl-mouseover-effects-vg-1785