Étape 2: Test 2: Web de traitement (avec SPACEBREW)
Télécharger le texte suivant :
Exécutez « Instructables_Processing_Test2.pde » dans le traitement.
OUVRIR « Instructables_Web_Test2/index.html » dans un navigateur web.
VISITEZ http://spacebrew.github.io/spacebrew/admin/admin.html?server=sandbox.spacebrew.cc
Connectez les deux noeuds « chaîne ».
TEST
WOW, nous pouvons maintenant contrôler le traitement depuis le web.
Maintenant, revenons sur le code.
Code de traitement
Vous remarquerez que le code est très similaire à l’étape 1.
Nous créons un abonné :
spacebrewConnection.addSubscribe ("slider1", « range ») ;Lorsque le traitement reçoit un message de gamme, la fonction suivante est appelée : void onRangeMessage (String name, int value) {println ("a obtenu int message « nom »:" valeur) ;
Si (name.equals("slider1") == true) {si (valeur > = 0 & & valeur < = 255) {bg_grey_val = value;}}}
Code Web (javascript/jquery)
Tout d’abord, nous devons installer spacebrew.
$(fenêtre) .on ("charger", setupSpacebrew) ;
function setupSpacebrew () {console.log ("configuration spacebrew connexion") ;
SB = new Spacebrew.Client() ;
SB.Name(APP_NAME) ;
SB.Description ("Web -> transformation ») ;
sb.addPublish ("slider1", "gamme", "100") ;
sb.onOpen = onOpen ;
SB.Connect() ; };
Puis, nous devons configurer le curseur.
$(document) .bind ("pageinit", setupUI) ;function setupUI() {console.log ("configurer les écouteurs de l’interface utilisateur ») ;
Lorsque les changements d’état de curseur, il envoie un message à spacebrew
$(".slider").bind ("changement", function (event, ui) {si (values[event.target.id]! = event.target.value) {sb.send (event.target.id, « plage », event.target.value) ;
values[Event.Target.ID] = event.target.value ; } }); }
Et c’est tout. Morceau de gâteau.