Antarmuka pengguna yang nyata: pengenalan objek saat bekerja dengan sistem multi-sentuh

Kami berbagi pengalaman kami dengan Antarmuka Pengguna Berwujud dan memberi tahu Anda cara mengenali penanda menggunakan pola titik. Anda akan belajar bagaimana membuat visualisasi yang spektakuler dengan bantuan tampilan dan bingkai inframerah, serta kesulitan apa yang dapat ditemukan saat bekerja dengan TUIO.



gambar



Catatan dari mitra MAI IT-center dan penyelenggara program master “ VR / AR & AI ” - PHYGITALISM .



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



, // , . TUI , , , , .

TUI — Phygital Platform . - .



gambar



, , . , . ,  -  . , .



, 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]. , :



gambar

, .



, . , , 0, .



, 100% . .



MAD=1n∑i=1n|Li−L¯|



L¯=1n∑i=1nLi



D=maxLii−minLii



: MAD, L D , .



gambar

.



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





, , — . . , .





, . . , , — .



gambar

.



, , , .



:



  • ;
  • ( ).


gambar

, .



gambar

, .



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. , , , , — , .



gambar

.



, , , , d. .



, — , , d, .



gambar

.



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



:



  1. ;
  2. v:

    • v , DFS(v);
    • .


v:DFS(v):



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

    u , DFS(u).




— , .



, ( , ). , s , .



sk=13∑i=13|Lki−Li¯|



RecognizedMarkerNumber=argmink(sk)



Lki — , Li — .



, , , .



gambar

.



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



, . :



  • , . , "" . : , .



  • , , , .



  • , , — . , - , , , .





, .





, , , , 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


gambar

.





, — .





gambar

.



, , , , . , , .



:



x=mamb(y1−y3)+mb(x1+x2)−ma(x2+x3)2(mb−ma)



y=−1ma(x−(x1+x2)2)+(y1+y2)2,



m — , :



ma=y2−y1x2−x1



mb=y3−y2x3−x2





gambar



Ά . α₁ Oy . , — Oy . Vlx,Vly — Vl , VoVl ( ) . Ά :



Ά=Îą1−α2



alpha=arctan⁥vxvy



Îą, , , âˆ’Ī€â‰¤Î¸<Ī€.



gambar

, .



, , , .



, TUI , — , ( C#).



— !




All Articles