Skip to content

Latest commit

 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Three.js experiment with cards

Cards rotate and react on hover

Live website: https://1-cards-shtyka.netlify.app/


Install

npm i

Run local server

npm run dev


✅ Done:

  1. Cards rotate in Circle view (default).
  2. Cards rotate in Gallery view.
  3. Cards rotate in Elipse view.
  4. Cards react on hover (I used Raycaster to track card that is hovered, and GSAP to animate it)
  5. Debug UI panel controls view, zoom, rotation speed and amount of cards.

About

Three.js: cards rotate and react on hover

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages