7 </style> |
7 </style> |
8 <script type="text/javascript" src="tuio.js"></script> |
8 <script type="text/javascript" src="tuio.js"></script> |
9 <script type="text/javascript"> |
9 <script type="text/javascript"> |
10 |
10 |
11 function log(text) { |
11 function log(text) { |
12 document.getElementById('log').innerHTML += text + "\n"; |
12 document.getElementById('log').innerHTML += text + "\n"; |
13 } |
13 } |
14 |
14 |
15 tuio.object_add(function(data) { |
15 tuio.object_add(function(data) { |
16 log("[object] add: x=" + data.x + ", y=" + data.y); |
16 log("[object] add: x=" + data.x + ", y=" + data.y); |
17 }); |
17 }); |
18 |
18 |
19 tuio.object_update(function(data) { |
19 tuio.object_update(function(data) { |
20 log("[object] update: x=" + data.x + ", y=" + data.y); |
20 log("[object] update: x=" + data.x + ", y=" + data.y); |
21 }); |
21 }); |
22 |
22 |
23 tuio.object_remove(function(data) { |
23 tuio.object_remove(function(data) { |
24 log("[object] remove: x=" + data.x + ", y=" + data.y); |
24 log("[object] remove: x=" + data.x + ", y=" + data.y); |
25 }); |
25 }); |
26 |
26 |
27 tuio.cursor_add(function(data) { |
27 tuio.cursor_add(function(data) { |
28 log("[cursor] add: x=" + data.x + ", y=" + data.y); |
28 log("[cursor] add: x=" + data.x + ", y=" + data.y); |
29 }); |
29 }); |
30 |
30 |
31 tuio.cursor_update(function(data) { |
31 tuio.cursor_update(function(data) { |
32 log("[cursor] update: x=" + data.x + ", y=" + data.y); |
32 log("[cursor] update: x=" + data.x + ", y=" + data.y); |
33 }); |
33 }); |
34 |
34 |
35 tuio.cursor_remove(function(data) { |
35 tuio.cursor_remove(function(data) { |
36 log("[cursor] remove: x=" + data.x + ", y=" + data.y); |
36 log("[cursor] remove: x=" + data.x + ", y=" + data.y); |
37 }); |
37 }); |
38 |
38 |
39 </script> |
39 </script> |
40 </head> |
40 </head> |
41 <body> |
41 <body> |
42 |
42 |
43 <object id="tuio" type="application/x-tuio">Plugin FAILED to load</object> |
43 <object id="tuio" type="application/x-tuio">Plugin FAILED to load</object> |
44 |
44 |
45 <pre id="log"></pre> |
45 <pre id="log"></pre> |
46 |
46 |
47 </body> |
47 </body> |