We will share our experience with the Tangible User Interface and tell you how to recognize markers by dot patterns. You will learn how to make spectacular visualizations using the display and infrared frame, as well as what pitfalls can be encountered when working with TUIO.
A note from the partner of the MAI IT center and the organizer of the “ VR / AR & AI ” master's program - PHYGITALISM .
When solving scientific, educational or business problems, the problem often arises of finding the simplest and most understandable visualization of complex processes and data. Now this problem is being solved through computer technology and mobile devices. One approach for human interaction with digital information is the tangible user interface (TUI) or tactile user interface .
, // , . TUI , , , , .
TUI — Phygital Platform . - .
, , . , . , - . , .
, 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]. , :
, .
, . , , 0, .
, 100% . .
: , , .
.
, , 2–3 . , , , Id, 20 .
, . . , , — .
.
, , , .
:
- ;
- ( ).
, .
, .
(— shortest, — longest). , , . , .
, :
.
, , , . , . .
, d. , , , , — , .
.
, , , , d. .
, — , , d, .
.
, , . , d. -, . . , — , — .
:
- ;
- :
- , ;
- .
:
- ;
- ;
- v :
, .
— , .
, ( , ). , s , .
— , — .
, , , .
.
, . , , , , . , , , — , , .
, . :
, . , "" . : , .
, , , .
, , — . , - , , , .
, .
, , , , 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 |
.
, — .
.
, , , , . , , .
:
m — , :
φ . α₁ Oy . , — Oy . — , ( ) . :
, , ,
, .
, , , .
— !