collidingScopes / stark-shapes Public

Notifications You must be signed in to change notification settings
Fork 4
Star 27

Animate shapes with hand gestures. Web tool built with threejs and mediapipe hand-tracking

collidingscopes.github.io/stark-shapes/

27 stars 4 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 19 Commits
.vscode		.vscode
assets		assets
.DS_Store		.DS_Store
README.md		README.md
chromatic-shader.js		chromatic-shader.js
geometry.js		geometry.js
index.html		index.html
main.js		main.js
styles.css		styles.css

Repository files navigation

Stark Shapes

An interactive 3D particle visualization controlled through hand gestures.

Live demo: https://collidingscopes.github.io/stark-shapes/

Features

Control the camera with your hands
Right hand: pinch to zoom in/out
Left hand: rotate to orbit the camera
Clap your hands to change to the next pattern
3D geometric patterns include: Cube, Sphere, Spiral, Helix, Galaxy, and more

Technology

Built with Three.js and MediaPipe Hand Tracking.

Creator