Verschieben Sie HTML-Elemente mit JQuery über serielle


Diese instructable ist über die Verwendung der empfangenen Werte von Arduino und mit ihnen um zu manipulieren, HTML-Elemente innerhalb des Involt. Dadurch wird nicht verwendet, Involt JQuery-Methoden oder UI-Elemente jedoch in diesem Beispiel soll gezeigt werden die Möglichkeiten der Involt Rahmen und seine einzigartige Weise, dies zu tun.

Als ich Verarbeitung lernte erinnere ich mich der Experimente, kreative Codierung und einfache Spiele Schöpfung. Bei der Entwicklung von Involt, vor allem seine JQuery Unterstützung habe ich jede neue Methode oder Element der Benutzeroberfläche mit einfachen DOM Manipulationen zu testen.

Das Ziel dieses Projektes ist es, die Position des html-Elements zu bewegen, drehen und platzieren Sie Elemente basierend auf unsere Position als Arduino-Taste gedrückt wird.

Auch wenn Erstellung einfacher Verarbeitung wäre meines Erachtens bei der Arbeit mit HTML/CSS/Jquery gibt es viele Möglichkeiten, die erreicht werden können einfacher als bei anderen Lösungen. Wenn Sie in Javascript fortgeschritten sind, können Sie dieses Projekt mit anderen JS Bibliotheken kombinieren. Es ist gut zu wissen, dass es verschiedene Methoden für die gleiche Sache und meiner Meinung nach die Idee der einfache Interaktion zwischen html und Arduino mehr als interessant ist.

Wenn Sie lesen möchten, lesen Sie mehr über Involt das Projekt-Seite.

In Verbindung stehende Artikel

Sparen Sie Way Home - mit einfachen Node.js-Server auf Intel Edison

Sparen Sie Way Home - mit einfachen Node.js-Server auf Intel Edison

SzenarioAuf Kinder Weg nach Hause etwas schief gehen kann und Kinder werden spät.Planen Sie eine Zeit und benachrichtigen Sie, dass Eltern, wenn sie sind nicht bis zu diesem Zeitpunkt zu Hause!ÜbersichtVerwenden Sie Ihr Handy oder Web, um eine Zeit z
Erkunden Sie U-Bahn mit der M.O.L.E.

Erkunden Sie U-Bahn mit der M.O.L.E.

Wollten Sie schon immer wissen, was los war unter Ihrem Haus? Was ist mit dem Loch im Rücken, der Hof hält über Nacht erscheinen? Haben Sie sich je gefragt, wie das Innere des Kanal-Linie aussah? Mich auch nicht, aber ja, alles andere!Was begann als
HTML RGB-Schieberegler für Arduino über serielle

HTML RGB-Schieberegler für Arduino über serielle

Hallo nochmal!Ich beschloss, weitere Tutorials über meine HTML/CSS & Arduino Projekt mit dem Namen Involt zu schreiben. Für weitere details, was es ist die Projekt-Website zu überprüfen.In diesem instructable ter einfachste und ungewöhnlich viel, RGB
Wie Sie Ihre Instructables mit HTML zu verbessern

Wie Sie Ihre Instructables mit HTML zu verbessern

Instructables sind ein fantastischer Weg, um Ihr Wissen zu teilen und von anderen lernen. Manchmal viel Text in einem Instructablecan einschüchternd sein, oder ein Instructable einfach nicht sehr interessant aussehen. Um dieses Problem zu lösen, könn
Arduino und Matlab: Lass sie reden über serielle Kommunikation!

Arduino und Matlab: Lass sie reden über serielle Kommunikation!

Hallo alle!Seit wann ich mit Arduino zu spielen angefangen habe habe ich immer gewandert wie ich es sprechen und interagieren mit der Matlab-Umgebung in eine einfache und effektive Weise machen könnte. Ich stieß auf viele Instructables und Tutorials
Programmieren Sie Ihre Arduino mit einem Android-Gerät über Bluetooth

Programmieren Sie Ihre Arduino mit einem Android-Gerät über Bluetooth

Hallo Welt in dieser Instructable, ich möchte Ihnen zeigen, wie Ihre Arduino Uno mit Ihrem Android-Gerät über Bluetooth zu programmieren. Es ist sehr einfach und so billig. Auch ermöglicht es uns, unsere Arduino zu programmieren, wo immer wir wollen,
Die einfachste Möglichkeit zum Verbinden mit Xbox Live über seriell Kabel! (Nur XP)

Die einfachste Möglichkeit zum Verbinden mit Xbox Live über seriell Kabel! (Nur XP)

Dies sollte nur kostet Sie $20-30, vielleicht weniger haben Sie bereits eine Ethernet-Kabel.Und dieser Vorgang dauert ca. 5-7 Minuten (vielleicht ein bisschen weniger)Dies wurde ursprünglich von me(masterofdarkness) auf Cheapassgamer.com am 18.10.200
Gesang-Pflanze. Machen Sie Ihre Anlage mit Arduino, touche singen und ein Gameduino

Gesang-Pflanze. Machen Sie Ihre Anlage mit Arduino, touche singen und ein Gameduino

dieses Projekt ist ein Teil der Experimente gemacht dabei Artist in Residence bei Instructables. Kann man die anderen Projekte hier.Ein Werk singen seit ein Trick das Theremin erfunden wurde. Hier werde ich Ihnen beibringen, wie dies zu tun und Ardui
Zeichnen Sie eine Katze mit Blaubeeren (ziehen wir Manga Lektion 3)

Zeichnen Sie eine Katze mit Blaubeeren (ziehen wir Manga Lektion 3)

Hallo, alle! Es hat eine Weile, da habe ich zuletzt eine Lektion "Wir zeichnen Manga", also hier die dritte Lektion in dieser vier-Lektion-Serie ist. Ich plane für die letzte sein, der eine Person, sondern als eine Katze, für diejenigen unter Ih
Gestalten Sie Ihr Zuhause mit Autodesk Homestyler

Gestalten Sie Ihr Zuhause mit Autodesk Homestyler

Autodesk Homestyler ist eine kostenlose Online-home-Design-Software, wo Sie können erstellen und teilen Sie Ihren Traum nach Hause Designs in 2D und 3D. Das Online-Tool können Sie entweder Ihre vorhandenen Grundriss hochladen oder einen neuen erstell
Individuelle Elemente mit Laser

Individuelle Elemente mit Laser

So... einige unserer Gönner haben herausgefunden, dass unsere Laser-Cutter ist genial, individuelle Geschenke, Gadgets, zu machen und so und wir wollen den Rest von ihnen, die Möglichkeiten wissen zu lassen. Diese instructable wird Ihnen zeigen, wie
Verwenden Sie einen Arduino mit einem N64-Controller

Verwenden Sie einen Arduino mit einem N64-Controller

gibt es Tutorials für draußen mit einem NES-Controller mit einem Arduino aber mit mehr kompliziert N64 Controller und seine analogen Joystick hat einen bestimmten Reiz. Wenn Sie einen Arduino um und wollen nicht kaufen wird eine Adaptoid, diese instr
Malen Sie Ihr Auto mit Rustoleum

Malen Sie Ihr Auto mit Rustoleum

haben Sie ein lustiges Auto, das weiß man einfach, wird mit einer neuen Lackierung schneller gehen?Diese Methode basiert auf der Idee der Verwendung eines Schaum-Farbroller, um viele Schichten von Rustoleum auf Ihr Auto zu setzen. Allerdings habe ich
Gewusst wie: Skizzen zu Pro Micro/Leonardo über serielle Bluetooth hochladen

Gewusst wie: Skizzen zu Pro Micro/Leonardo über serielle Bluetooth hochladen

Verwendung Optiboot Bootloader mit ATmega32U4-basierten Arduino zum Hochladen von Skizzen über die Hardware UART und Bluetooth-Modul anstelle von USBAufbauend auf die Anweisungen von machen hier:http://Makezine.com/projects/DIY-Arduino-Bluetooth-Prog