Projects

15

About Me

Playground

Reach Out

Gestura

2023

GesturaisawebapplicationIdesignedanddevelopedthatallowscreatorstoembedinteractive3Dmodelsintowebsitesandcontrolthemthroughgestures.Itbringsmotionandformtogetherinthebrowserbycombiningreal-timehandtracking,responsive3Drendering,andauser-friendlyprojectdashboard.Theresultisaninterfacethatturnsthebodyintoinput,thescreenintospace,andinteractionintopresence.

Collaboration with matias piña

Collaboration with matias piña

Collaboration with matias piña

Gestura began with a simple question…

What if the web could move with us instead of asking us to click?

What if the web could move with us instead of asking us to click?

HOW IT WORKS?

The technology behind Gestura

The technology behind Gestura

The technology behind Gestura

Using MediaPipe hand-tracking technology and Three.js rendering, Gestura translates gestures like rotate, pinch, and swipe into movements of 3D models directly in the browser.


Creators upload STL or GLTF files, adjust settings such as lighting, rotation behaviour, background and positioning, and then generate an embeddable iframe link that can be placed anywhere on the web. On the back end, Firebase handles authentication, cloud data storage via Firestore, and file hosting through Firebase Storage.

Using MediaPipe hand-tracking technology and Three.js rendering, Gestura translates gestures like rotate, pinch, and swipe into movements of 3D models directly in the browser.


Creators upload STL or GLTF files, adjust settings such as lighting, rotation behaviour, background and positioning, and then generate an embeddable iframe link that can be placed anywhere on the web. On the back end, Firebase handles authentication, cloud data storage via Firestore, and file hosting through Firebase Storage.

Using MediaPipe hand-tracking technology and Three.js rendering, Gestura translates gestures like rotate, pinch, and swipe into movements of 3D models directly in the browser.


Creators upload STL or GLTF files, adjust settings such as lighting, rotation behaviour, background and positioning, and then generate an embeddable iframe link that can be placed anywhere on the web. On the back end, Firebase handles authentication, cloud data storage via Firestore, and file hosting through Firebase Storage.

GESTURES AVAILABLE

#2

Two-Hand Pinch and Drag

When both hands pinch and move apart, the model scales in real time. The distance between the pinches becomes a measure of size, expanding or contracting the object in a way that feels immediate and intuitive.

GESTURES AVAILABLE

#2

One-Hand Pinch and Drag

With a single hand, a pinch becomes a way to rotate and move the 3D model. The system tracks the direction of the gesture and translates it into fluid motion, allowing the object to follow the user’s intention with precision.

Want to work together?

Want to work together?

Reach out!

Reach out!

Projects

15

About Me

Playground

Reach Out

Projects

15

About Me

Playground

Reach Out

Projects

15

About Me

Playground

Reach Out

Loading
Almost there...