akella / webgl-mouseover-effects

Demos for the tutorial on how to achieve an interactive mouseover/hover effect

Interactive Hover Effects with Three.js

A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.

Article on Codrops

Demo

Instructions

Install dependences:

npm install
# or
yarn add

HMR development:

npm run start1 # step1 hot module reload
# or
npm run start2 # step2 hot module reload
# or
npm run start3 # step3 hot module reload

Credits

• three.js
• Images from Unsplash.com
• imagesLoaded by Dave DeSandro

Misc

Follow Yuriy: Twitter, Instagram, Facebook, GitHub

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops