HTML-elementen met JQuery verplaatsen via seriële (1 / 4 stap)

Stap 1: Installatie en Circuit


Hardware elementen die u nodig hebt:

1 x Arduino UNO

3 x Potentiometers

1 x eenvoudige tact knop

De knoppen verbinden met pennen A0, A1, A2 en knop naar pin 2. Voor tact knop kunt u ook gebruik 10k weerstand of pull-up weerstand. In dit voorbeeld zal ik gebruik de ingebouwde pull-up weerstand.

Installatie

Software hier is Involt zoals in al mijn vorige tutorial. Het projectbestanden downloaden van github.

U moet ook het project als Chrome verpakt app. installeren Om dit te doen moet u Chrome browser - open de Instellingen > extensies, dan schakelen de ontwikkelaarsmodus, klikt u op "laden uitgepakt extensie..." en kies de www map.

Om te openen app Voer je dit uit extensielijst of Chrome App launcher. U kunt ook een snelkoppeling maken op het bureaublad.

Dit is belangrijk omdat buiten Chrome het kader zal niet werken.

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