https://github.com/flagrede/r3f-navigation-cube
https://github.com/flagrede/r3f-navigation-cube
r3f react threejs
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/flagrede/r3f-navigation-cube
- Owner: flagrede
- Created: 2021-11-17T17:29:38.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-18T09:51:32.000Z (over 4 years ago)
- Last Synced: 2025-03-27T22:35:04.219Z (over 1 year ago)
- Topics: r3f, react, threejs
- Language: JavaScript
- Homepage: https://pedantic-einstein-1278db.netlify.app/
- Size: 390 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# r3f-navigation-cube
Experiment to use a 3D cube as navigation pattern.
## Controls
- Mouse: cube edges are clickable
- Keyboard: focus cube with tab key then use arrow keys
- Mobile: swipe
Demo: https://pedantic-einstein-1278db.netlify.app/
Codesandbox: https://codesandbox.io/s/cube-navigation-rw9tf
