Prototyping tovenarij met SPACEBREW (2 / 7 stap)

Stap 2: Test 2: Web te verwerken (met SPACEBREW)


Het doel hier is om een web-browser praten met verwerking met Spacebrew.

Download de volgende:

'Instructables_Processing_Test2.pde' in verwerking uitgevoerd.

'Instructables_Web_Test2/index.html' openen in een webbrowser.

Bezoek http://spacebrew.github.io/spacebrew/admin/admin.html?server=sandbox.spacebrew.cc

Verbind de twee knooppunten van 'variëren'.

TEST

WOW, kunnen we nu verwerking van het web controleren.

Nu laten we gaan over de code.

Verwerking van Code

U zult merken dat de code is zeer vergelijkbaar met stap 1.

We maken een abonnee:

spacebrewConnection.addSubscribe ("slider1", "range");
Wanneer de verwerking een bereik-bericht ontvangt, de volgende functie heet: void onRangeMessage (String naam, int value) {println ("kreeg int berichtnaam" ":" waarde);
Als (name.equals("slider1") == true) {als (waarde > = 0 & & waarde < = 255) {bg_grey_val = waarde;}}}

Web (javascript/jquery)-Code

Ten eerste moeten we het instellen van spacebrew.


$(venster) .op ("load", setupSpacebrew);

functie setupSpacebrew () {console.log ("spacebrew verbinding instellen");
SB = nieuwe Spacebrew.Client();
SB.name(app_name);
SB.Description ("Web -> Processing");
sb.addPublish ("slider1", "bereik", "100");
sb.onOpen = BijOpenen;
SB.Connect(); };

Vervolgens moeten we de schuifregelaar instellen.

$(document) .bind ("pageinit", setupUI);
functie setupUI() {console.log ("het opzetten van de UI-luisteraars");
Wanneer de status van de schuifbalk verandert dat het stuurt een bericht naar spacebrew
$(".slider").bind ("change", function (gebeurtenis, ui) {als (values[event.target.id]! = event.target.value) {sb.send (event.target.id, "range", event.target.value);
values[Event.target.id] = event.target.value; } }); }

En thats it. Fluitje van een cent.

Gerelateerde Artikelen

Draagbare prototyping lab met oscilloscoop en arduino

Draagbare prototyping lab met oscilloscoop en arduino

Hey allemaal samen ben ik terug, met een nieuw project. Ik was bezig met mijn prachtige pasgeboren dochter (net 7 weken oud) rustig wanneer ik beginnen met dit schreef het 00:00 in Duitsland en mijn dochter is eindelijk slapen en vond ik wat tijd om
Afdrukken van de Life-sized patronen met Sketchup: Prototypes maken met Sketchup

Afdrukken van de Life-sized patronen met Sketchup: Prototypes maken met Sketchup

dit is een onverwachte wending van mijn elektronica! Heb je ooit wilde iets voor grootte testen? Nu kunt u daadwerkelijk uw handen krijgen op zowat alles en voel me het size-wise nu! U kon een grootvader Klok afdrukken, en zie als het high-wise in uw
Prototyping printplaten met DrawingBoard Pro

Prototyping printplaten met DrawingBoard Pro

DrawingBoard Pro is een gratis windows 8.1 app voor prototyping en archivering van circuits op de klemmenstrook, perfboard, breadboard of PCB's. Het is vooral gericht op hobbyisten die willen snel schets naar beneden en sla hun ideeën circuit.De afbe
Spacebrewer - externe thee apparaat

Spacebrewer - externe thee apparaat

We wilden een apparaat dat zou ons te ver brouwen een kopje thee. Waarom? Want thee awesome is! Op deze koude winterdagen, u zou kunnen hebben een thee gebrouwen, en klaar voor u tegen de tijd dat u thuis aangekomen. U kunt ook thee te brouwen voor u
Volledige digitale klok met aanwezigheid Sensor (RTC - Alarm - PIR - temperatuur - vochtigheid - dauwpunt)

Volledige digitale klok met aanwezigheid Sensor (RTC - Alarm - PIR - temperatuur - vochtigheid - dauwpunt)

HoiIk heb al enkele digitale klokken projecten gedaan met Arduino met inbegrip van LED en LCD schermen, maar deze is specialer omdat ik hebben een nieuwe functie ingevoerd met een bewegingssensor (PIR).Zie VIDEOBelangrijkste kenmerkenPIR (aanwezighei
Het maken van een Prototyping-Board voor de Circuitscribe-Kit (en een Bonus Thermistor Module!)

Het maken van een Prototyping-Board voor de Circuitscribe-Kit (en een Bonus Thermistor Module!)

(Opmerking-Dit is een gastpost voor Eureka! Fabriek door Chuck Stephens als onderdeel van hun Instructables bouwen Night programma.)Als een freelance opvoeder en 'maker maker' ben ik altijd enthousiast om te controleren op nieuwe elektronica leren sy
3D-printer thuis met Arduino

3D-printer thuis met Arduino

Ik wilde maken van een 3D-printer voor een lange tijd. Toen ik besloot om het te maken, ik kocht benodigde materialen en ben ik begonnen met mijn 3D-printer gedroomd. Ik was op zoek naar informatie over vele websites en ik zag verschillende modellen,
Maken met de MaKey MaKey DIY ondersteunende technologie voor computertoegang

Maken met de MaKey MaKey DIY ondersteunende technologie voor computertoegang

In dit Instructable we zullen kijken hoe met een innovatief apparaat genaamd de MaKey MaKey maken van aangepaste, goedkope, DIY computer toegang interfaces voor gebruikers met een handicap.Wat is een computer toegang interface?Een interface voor gege
Hack uw voertuig CAN-BUS met Arduino en het Seeed CAN-BUS Shield

Hack uw voertuig CAN-BUS met Arduino en het Seeed CAN-BUS Shield

Moderne voertuigen alle zijn voorzien van een CAN-BUS Controller Area Network, in plaats van een miljoen draden lopen terug en weer vanaf verschillende apparaten in uw auto naar de batterij, de gebruikmaking van een slimmer systeem.Alle elektronische
McMeshmixer Master: Open Source Prototyping

McMeshmixer Master: Open Source Prototyping

Het was een recente openbaring dat McMaster-Carr - leverancier voor meer dan de helft van een miljoen industrial bits en pieces, van massale gele catalogus roem, en geheime wapen van de uitvinder en maker ambachtsman - nu biedt veel van de producten
Gemotoriseerd, geluid reageren Star Wars At-St Bandai Model, met Arduino.

Gemotoriseerd, geluid reageren Star Wars At-St Bandai Model, met Arduino.

Gemaakt van Star Wars bij-St-Model van Bandai.Reageert op geluid en draait zijn hoofd naar toe.Gemaakt met Arduino Nano, een aangepast onderdeel van 3dprinted, microfoons, micro servo.Dit instructable is gemaakt om te delen van de wijzigingen die nod
Model vliegtuig motor 3D Prototype afgedrukt op MakerBot

Model vliegtuig motor 3D Prototype afgedrukt op MakerBot

ingesloten is een model vliegtuig motor Prototype dat werd ontwikkeld in Autodesk Inventor en uitgeprint met behulp van de MakerBot.  Ik maakte het op TechShop (http://www.techshop.ws).  De volgende stappen in detail te beschrijven hoe te nemen van d
SPELEN met parallelle poort (Maak uw eigen GUI met TURBO C controle van uw ROBOT

SPELEN met parallelle poort (Maak uw eigen GUI met TURBO C controle van uw ROBOT

Dit instructable is onderdeel van mijn boek spelen met parallelle poort. in dit instructable zullen we gaan om te leren over Turbo c communicatie met parallelle poort. laat begin...deel te worden opgestart1. LED (Light Emitting Diode)2. jumper draden
EL Wire Muts: Sequenced en Sound Activated met afstandsbediening - aangedreven door Arduino en Sparkfun

EL Wire Muts: Sequenced en Sound Activated met afstandsbediening - aangedreven door Arduino en Sparkfun

Welkom op de Instructable gids van mijn EL Wire hoed met enkele leuke functies.Het concept is een EL Wired hoed met 8 gesequenceerd EL draden door een bedrade afstandsbediening bestuurd. Meerdere snelheid controleerbaar reeks modi zijn vooraf geprogr