Interface utilisateur tangible: reconnaissance d'objets lorsque vous travaillez avec un système multi-touch

Nous partageons notre expérience avec l'interface utilisateur tangible et vous expliquons comment reconnaître les marqueurs à l'aide de motifs de points. Vous apprendrez à réaliser des visualisations spectaculaires à l'aide de l'écran et du cadre infrarouge, ainsi que des pièges qui peuvent être rencontrés lorsque vous travaillez avec TUIO.



image



Note du partenaire du centre informatique MAI et de l'organisateur du master « VR / AR & AI » - PHYGITALISME .



, -, . . — tangible user interface (TUI) .



, // , . TUI , , , , .

TUI — Phygital Platform . - .



image



, , . , . ,  -  . , .



, ObjectViz, TUIO. , , .



, :



. . , ( ). , , . , . , , , : , , .



, ( , id, , ). , — , — , .



— () , , , , . , , .





G5S (Ultra-Slim) Multi-Touch Screen, 32 . TUIO (). :



 {"Id":15237,
     "Timestamp":397449,
     "Touches":[{
                    "Id":0,
                    "Position":{
                        "X":0.480208337,
                        "Y":0.5842593},
                    "Acceleration":{
                        "X":0.00208333344,
                        "Y":0.00370370364},
                    "Type":1},
                 {  
                    "Id":1,
                    "Position":{
                        "X":0.4859375,
                        "Y":0.484259248},
                    "Acceleration":{
                        "X":0.00208333344,
                        "Y":0.00370370364},
                    "Type":0},
                {
                    "Id":2,
                    "Position":{
                        "X":0.5140625,
                        "Y":0.551851869},
                    "Acceleration":{
                        "X":0.00208333344,
                        "Y":0.00370370364},
                    "Type":0}],
     "Count":3}


  • ID ();
  • Id ( );
  • Position ( X Y);
  • Type , (0 ; 1 , ; 2 );
  • Count


: , [0,1]. , :



image

, .



, . , , 0, .



, 100% . .



MUNE=1nje=1n|Lje-L¯|



L¯=1nje=1nLje



=maxLjeje-minLjeje



: MUNE, L , .



image

.



, , 2–3 . , , , Id, 20 .





, , — . . , .





, . . , , — .



image

.



, , , .



:



  • ;
  • ( ).


image

, .



image

, .



V0VsVl (s— shortest, l — longest). (V0Vl) , , (V0Vs). Vs , .



, :



|(VlX-V0X)(Vly-V0y)(VsX-V0X)(Vsy-V0y)|>0



(VlX-V0X)(Vsy-V0y)-(Vly-V0y)(VsX-V0X)>0



.





, , , . , . .





, d. , , , , — , .



image

.



, , , , d. .



, — , , d, .



image

.



, , . , d. -, . . O(V+E), V — , E — .



:



  1. ;
  2. v:

    • v , FS(v);
    • .


v:FS(v):



  1. v ;
  2. v;
  3. v u:

    u , FS(u).




— , .



, ( , ). , s , .



sk=13je=13|Lkje-Lje¯|



RecognjezeMunerkerNumber=argmink(sk)



Lkje — , Lje — .



, , , .



image

.



, . , , , , . , , , — , , .



, . :



  • , . , "" . : , .



  • , , , .



  • , , — . , - , , , .





, .





, , , , Id . , , . Type.



, . , .







Active
Passive


, .



, ; , . Active ( = ) Passive ( = ). , , , .



: Added, Updated, Unstable, Removed. , .





Added , . UI . - Updated
Updated , , . Updated, Unstable, Removed
Unstable , , . Unstable, Updated, Removed
Removed , , . UI , - - -






n n+1
Added Updated
Updated Removed
Updated Updated
Unstable Updated ID
Unstable Removed
Unstable Unstable
Removed - .


, , (. . 10), , , : . 4,5.





Marker ,
Passive ,




New , Type = 0
Active , Type = 1
Lost , , Type = 2


image

.





, — .





image

.



, , , , . , , .



:



X=munemb(y1-y3)+mb(X1+X2)-mune(X2+X3)2(mb-mune)



y=-1mune(X-(X1+X2)2)+(y1+y2)2,



m — , :



mune=y2-y1X2-X1



mb=y3-y2X3-X2





image



φ . α₁ Oy . , — Oy . VlX,VlyVl , VoVl ( ) . φ :



φ=α1-α2



unelphune=arctanvXvy



α, , , -πθ<π...



image

, .



, , , .



, TUI , — , ( C#).



— !




All Articles