HTML-elementen met JQuery verplaatsen via seriële


Dit instructable is over het gebruik van de waarden die zijn ontvangen van Arduino en het gebruik ervan voor het bewerken van HTML-elementen binnen Involt. Dit zal niet Involt JQuery methoden of UI elementen gebruiken maar dit voorbeeld is om te laten zien van de mogelijkheden van Involt kader en de unieke manier om dit te doen.

Toen ik was het leren van Processing herinner ik me de experimenten, creatieve codering en eenvoudige games creëren. Bij het ontwikkelen van Involt, vooral haar JQuery steun heb ik besloten om elke nieuwe methode of user interface-element met eenvoudige DOM manipulaties te testen.

Het doel van dit project is te verplaatsen van de positie van het element html, draaien en plaatsen van elementen op basis van ons standpunt wanneer Arduino-knop wordt ingedrukt.

Ook al maken dit zou gemakkelijker met verwerking denk ik bij het werken met HTML/CSS/Jquery zijn er vele mogelijkheden die kunnen worden bereikt gemakkelijker dan met andere oplossingen. Als u zijn gevorderd in Javascript kunt u dit project combineren met andere JS bibliotheken. Het is goed om te weten dat er verschillende methoden voor hetzelfde en volgens mij het idee van eenvoudig interactie tussen html en Arduino meer dan interessant is.

Wilt u meer informatie over Involt lezen de projectpagina.

Gerelateerde Artikelen

HTML-RGB schuifregelaar voor Arduino via seriële

HTML-RGB schuifregelaar voor Arduino via seriële

Hallo weer!Ik besloot te schrijven meer tutorials over mijn HTML/CSS & Arduino project genaamd Involt. Voor meer details, wat is het controleren van de website van het project.In dit instructable zal ik laten zien thij gemakkelijkste en ongewoon mani
Pyduino, Interfacing Arduino met Python via seriële communicatie

Pyduino, Interfacing Arduino met Python via seriële communicatie

Leer hoe arduino via seriële communicatie interface met python met behulp van de pyduino-bibliotheek. Er zijn weinig andere tutorials die er op instructables over hoe arduino met python interface maar ze niet laten zien hoe je alles, waar hopelijk de
Mindflex EEG met onbewerkte gegevens via Bluetooth

Mindflex EEG met onbewerkte gegevens via Bluetooth

De Mindflex (en Mindflex Duel--de bijbehorende hardware wordt verondersteld hetzelfde) speelgoed kunt u bepalen van de hoogte van een bal met mentale concentratie. Ik zal uitleggen hoe te koppelen van een Bluetooth-module voor $10, zodat deze in een
Verkrijgen van de status via seriële monitor

Verkrijgen van de status via seriële monitor

mij uitsluitend got mijn Arduino startpakket uur geleden en ik begon met het te experimenteren. Dit instructable is een goede beginner tutorial dat je hoe leren zal te:a. een LED oplichtenb. oplichten een RGB LED en gebruik er drie kleurenc. informat
Hoe upload ik schetsen naar Pro Micro/Leonardo via seriële bluetooth

Hoe upload ik schetsen naar Pro Micro/Leonardo via seriële bluetooth

Met behulp van Optiboot bootloader met Arduino ATmega32U4 gebaseerde uploaden schetsen via hardware UART en in plaats van USB-Bluetooth-moduleUitbreiding op de instructies van maken hier:http://makezine.com/projects/DIY-Arduino-Bluetooth-Programming-
Hoe u kunt besturen van een 3D-Printer met een telefoon via DIY AstroBox

Hoe u kunt besturen van een 3D-Printer met een telefoon via DIY AstroBox

Dit Instructable zal u tonen hoe een Raspberry Pi-afdrukserver instellen zodat u kunt controleren en bewaken van uw 3D-printer op afstand (met inbegrip van externe snijden) van een telefoon, tablet of computer.Draadloos printenNatuurlijk, is het bela
Come Home! Verre ruimtes gemakkelijk met elkaar verbinden via Web

Come Home! Verre ruimtes gemakkelijk met elkaar verbinden via Web

Bezoek blinkblinkstem.com voor meer projecten als deze!Je kun geloven dat we leven in een tijdperk waar je aanraken van kunt een object (elk object - als het metaal heeft op) en een licht in de hield-one de ruimte aanzetten zal - zelfs als ze in een
Controle van de Arduino met Android telefoon via Bluetooth

Controle van de Arduino met Android telefoon via Bluetooth

Hallo mensen, hier kunt u leren hoe u kunt besturen Arduino met Android telefoon via Bluetooth. U kunt uw smartphone als een afstandsbediening voor u verlichting van het huis systeem of u kunt gebruiken als een drone externe enz.Om de verbinding tuss
Een kopie van uw foto's en video's in uw Androïde telefoon verzenden met Raspberry Pi via Bluetooth

Een kopie van uw foto's en video's in uw Androïde telefoon verzenden met Raspberry Pi via Bluetooth

IntroductieDit instructable gebouwd op een eerder instructable "Turn Raspberry Pi in een Bluetooth-apparaat' die ik heb gemaakt.De foto's en video's op mijn Android telefoon back-up automatisch naar Google + foto wolk. Ik wil echter een kopie opslaan
Hoe maak je een HTML-pagina met behulp van Notepad/teksteditor

Hoe maak je een HTML-pagina met behulp van Notepad/teksteditor

Dit is hoe te maken van een HTML-pagina met behulp van Kladblok of TextEdit voor PC en MAC.Ga verder met stap 2 als u weet hoe opent u Kladblok/teksteditorStap 1: Opening Kladblok/teksteditorZo kunt u om te weten hoe dit nu eerst doen.Zo zijn zo eenv
Hoe kan ik verbinding maken met de Raspberry Pi via seriële poort?

Hoe kan ik verbinding maken met de Raspberry Pi via seriële poort?

Heloooo^^ ! Vandaag ga ik laten zien hoe uw rpi verbinden met seriële poort, zodat u toegang heeft tot de terminalHebt u nodig:-Breadboard-Kabels-Connectoren, zodat u ze aan pinnen koppelen kunt-vijf 0.1 uF condensatoren (ik gebruikte de keramische d
Sensorgegevens (DHT11 & BMP180) verzenden ThingSpeak met een Arduino, via kabel of WiFi (ESP8266)

Sensorgegevens (DHT11 & BMP180) verzenden ThingSpeak met een Arduino, via kabel of WiFi (ESP8266)

Ik schreef dit instructable omdat Thingspeak - nevermind hoe gemakkelijk u up - een paar hindernissen heeft dat ik liep in en dat, te oordelen naar de reacties, anderen met worstelen ook.Dingen die je moet:ArduinoWS5100 EthernetShield (als u de oude
Aan de slag met de ESP8266 met "AT-opdrachten" Via Arduino

Aan de slag met de ESP8266 met "AT-opdrachten" Via Arduino

ESP8266 Wifi Module is een geïntegreerde chip ontworpen voor communicatie met de wereld van het internet via Wifi-radiosignalen. Het is de verbinding tussen een project en het internet. Het heeft aan boord en geheugen waarmee het worden geïntegreerd
Teruggewonnen hout Flat-Pack picknick tafel met Planter/ijs via

Teruggewonnen hout Flat-Pack picknick tafel met Planter/ijs via

hier is onze teruggewonnen hout Flat Pack picknick tafel met Planter (ik weet.  Het is een mondvol).  Er is een goot met in het midden onder het tafelblad oppervlak dat kan worden gevuld met ijs te zetten van uw bieren in op een warme dag, of voor de