YAGBUX project - Yet Another Gesture Based User Experience
22
Gesture-based web navigation* that rocks *Navigation web gestuelle but at
-
Upload
mehdi-lahmam-b -
Category
Technology
-
view
1.642 -
download
1
description
YAGBUX is a project I've done at Télécom Saint-Etienne (tse) last year.It was about creating a gesture based web interface.Moving a finger (or two) moves a spot on screen that activates a "hover" on some areas or click them.
Transcript of YAGBUX project - Yet Another Gesture Based User Experience
Gesture-based web navigation*
that rocks
*Navigation web gestuelle
but at
Interaction Designers answer 3 questions:
Bill Verplank
How do you do? How do you feel? How do you know?
Interaction design
How do you do ... ?
button
handle
How do you do ... ?
button
handle
Precision
Expression
How do you feel ... ?
coolhot
Marshall McLuhan theory
How do you know ... ?
maps
paths
Web navigation
Today
what about using this ?
Let’s rock !
MaterialsObjectives Computer x1Webcam x1Adobe Flash ® x1Time x100 hoursLong iTunes playlist x1
Live motion tracking on a flash object
Detect hovering on multiple buttons
Clicks !
1Open
2write YAGBUXpoc.as
YAGBUXcamera.as
YAGBUXpoc.jsYAGBUXpoc.js
YAGBUXbutton.as YAGBUXcursor.as
YAGBUXpoc.as
YAGBUXpoc.jsYAGBUXpoc.js
Main fileyou can create buttons on the fly
// cursors // ,
and specify a region for a cursor
poc = Proof Of Concept
YAGBUXcamera.as
YAGBUXpoc.jsYAGBUXpoc.js
sets up a Web cam for capturing motion
YAGBUXcursor.as
YAGBUXpoc.jsYAGBUXpoc.js
sets up a cursor that follows the motion in YAGBUXcamera
YAGBUXbutton.as
YAGBUXpoc.jsYAGBUXpoc.js
sets up events for an invisible hotspot per YAGBUXcursor
3write again...
4say hello to your screen !
That’s it !
by Lahmam.com - made with love on a mac
Demo time !YAGBUX yet another gesture based user experience
Publicis & Hal Riney conceptDontclick.it
