Paso 2: Prueba 2: Web para procesamiento (con SPACEBREW)
Descargar a continuación:
EJECUTAR 'Instructables_Processing_Test2.pde' en el proceso.
ABRIR 'Instructables_Web_Test2/index.html' en un explorador web.
VISITA http://spacebrew.github.io/spacebrew/admin/admin.html?server=sandbox.spacebrew.cc
CONECTAR los dos nodos de 'rango'.
PRUEBA
WOW, podemos ahora el control de procesamiento de la web.
Ahora vamos sobre el código.
Código de procesamiento
Usted notará que el código es muy similar al paso 1.
Vamos a crear un suscriptor:
spacebrewConnection.addSubscribe ("slider1", "rango");Cuando proceso recibe un mensaje de gama, se llama la siguiente función: void onRangeMessage (String nombre, int valor) {println ("consiguió int mensaje"nombre":" valor);
Si (name.equals("slider1") == true) {si (valor > = 0 & & valor < = 255) {bg_grey_val = value;}}}
Código web (javascript/jquery)
En primer lugar, debemos configurar spacebrew.
$(window) .on ("load", setupSpacebrew);
función setupSpacebrew () {console.log ("Configurar conexión de spacebrew");
SB = new Spacebrew.Client();
SB.Name(app_name);
SB.Description ("Web -> proceso");
sb.addPublish ("slider1", "gama", "100");
sb.onOpen = onOpen;
SB.Connect(); };
Luego, debemos configurar el regulador.
$(documento) .bind ("pageinit", setupUI);function setupUI() {console.log ("estableciendo los oyentes de la interfaz de usuario");
Cuando los cambios de estado regulador envía un mensaje a spacebrew
$(".slider").bind ("cambio", función (event, ui) {si (values[event.target.id]! = event.target.value) {sb.send (event.target.id, "gama", event.target.value);
Values[Event.Target.id] = event.target.value; } }); }
Y eso es todo. Pedazo de pastel.
