7 <script type="text/javascript" src="tuio.processing.js"></script> |
10 <script type="text/javascript" src="tuio.processing.js"></script> |
8 <script type="text/javascript" src="init.js"></script> |
11 <script type="text/javascript" src="init.js"></script> |
9 </head> |
12 </head> |
10 <body> |
13 <body> |
11 <center> |
14 <center> |
12 <script type="application/processing"> |
15 <script type="application/processing"> |
13 <!--// All Examples Written by Casey Reas and Ben Fry |
16 <!--// All Examples Written by Casey Reas and Ben Fry |
14 // unless otherwise stated. |
17 // unless otherwise stated. |
15 var tuioClient; |
18 var tuioClient; |
16 |
19 |
17 /*FONCTION D'INITIALISATION |
20 /*FONCTION D'INITIALISATION |
18 Entrée : |
21 Entrée : |
19 Sortie : Cr�ation de la fenêtre et du client TUIO*/ |
22 Sortie : Cr�ation de la fenêtre et du client TUIO*/ |
20 void setup() |
23 void setup() |
21 { |
24 { |
22 size (640, 480); |
25 size (640, 480); |
23 showMask(); |
26 showMask(); |
24 tuioClient = new tuio.TuioProcessing(this); |
27 tuioClient = new tuio.TuioProcessing(this); |
25 textAlign(CENTER); |
28 textAlign(CENTER); |
26 imageMode(CENTER); |
29 imageMode(CENTER); |
27 smooth(); |
30 smooth(); |
28 } |
31 } |
29 |
32 |
30 /*FONCTION DE DESSIN |
33 /*FONCTION DE DESSIN |
31 Entrée : |
34 Entrée : |
32 Sortie : Appel à la fonction de traitement d'input du serveur toutes les n millisecondes*/ |
35 Sortie : Appel à la fonction de traitement d'input du serveur toutes les n millisecondes*/ |
33 void draw() |
36 void draw() |
34 { |
37 { |
35 fill(0); |
38 fill(0); |
36 tuioInput(); |
39 tuioInput(); |
37 noStroke(); |
40 noStroke(); |
38 } |
41 } |
39 |
42 |
40 /*FONCTION DE RECEPTION DES MESSAGES OSC |
43 /*FONCTION DE RECEPTION DES MESSAGES OSC |
41 Entrée : |
44 Entrée : |
42 Sortie : Appel aux différentes fonctions de dessin si un message est reçu*/ |
45 Sortie : Appel aux différentes fonctions de dessin si un message est reçu*/ |
43 void tuioInput() |
46 void tuioInput() |
44 { |
47 { |
45 fill(255); |
48 fill(255); |
46 var tuioStringList = tuioClient.getTuioStrings(); |
49 var tuioStringList = tuioClient.getTuioStrings(); |
47 if(tuioStringList.length() <= 0) |
50 if(tuioStringList.length() <= 0) |
48 { |
51 { |
49 showMask(); |
52 showMask(); |
50 text("Gesture non détectée.", width/2 - 20, 20); |
53 text("Gesture non détectée.", width/2 - 20, 20); |
51 } |
54 } |
52 else |
55 else |
53 { |
56 { |
54 showMask(); |
57 showMask(); |
55 showGestureMessage(tuioStringList[0]); |
58 showGestureMessage(tuioStringList[0]); |
56 } |
59 } |
57 } |
60 } |
58 |
61 |
59 /*FONCTION DE GENERATION DU MASQUE |
62 /*FONCTION DE GENERATION DU MASQUE |
60 Entrée : |
63 Entrée : |
61 Sortie : Place des rectangles autour de la zone de dessin*/ |
64 Sortie : Place des rectangles autour de la zone de dessin*/ |
62 void showMask() |
65 void showMask() |
63 { |
66 { |
64 background(0); |
67 background(0); |
65 fill(255); |
68 fill(255); |
66 rect(0, 80, width, height-130); |
69 rect(0, 80, width, height-130); |
67 } |
70 } |
68 |
71 |
69 /*FONCTION D'AFFICHAGE DU CODE DE LA GESTURE DETECTEE |
72 /*FONCTION D'AFFICHAGE DU CODE DE LA GESTURE DETECTEE |
70 Entree : |
73 Entree : |
71 Sortie : Affichage du code de la gesture*/ |
74 Sortie : Affichage du code de la gesture*/ |
72 void showGestureMessage(var tstr) |
75 void showGestureMessage(var tstr) |
73 { |
76 { |
74 text("Gesture détectée : " + tstr.getCode(), width/2 - 20, 20); |
77 text("Gesture détectée : " + tstr.getCode(), width/2 - 20, 20); |
75 } |
78 } |
76 </script> |
79 </script> |
77 <canvas></canvas> |
80 <canvas></canvas> |
78 </center> |
81 </center> |
79 </body></html> |
82 </body></html> |