Erstellen Sie eine riesige, Kittel, Webseite-Start-Taste (2 / 5 schritt)

Schritt 2: Einrichten der Teilchen Photon


Wenn Sie dies noch nicht getan haben, erstellen Sie ein Konto bei particle.io und Arbeit durch das Erste Schritte Tutorial gibt. Am Ende dabei kurz, vielleicht 10min habt ihr ein verbundenen Teilchen Photon und die Web-Build-Umgebung sollte bereit sein für einige frische Firmware-Code, den Sie auf das Gerät schieben können.

Es ist jetzt Zeit, um im Web IDE starten, fügen Code von particle_firmware.c in den Webeditor und das Teilchen Photon flash. Die Firmware ist ganz einfach, setzt Sie auf die Schaltfläche "input-Pin und die LED-Ausgangs-Pin. Loop() Funktion wird immer und immer wieder wiederholt überprüfen, wenn die Taste gedrückt wurde, dann zweimal leuchtet auf, und starten Sie eine neue Taste überprüfen. Jedes Mal wird es ein Launch-Event per Spark.publish("launch") an die Partikelwolke aussenden. An dieser Stelle würden wir nicht wissen, wo die Webhooks zu senden (Webhooks sind Web-Anfragen als Reaktion auf diese Ereignisse gesendet). Also lassen wir den Webhook Schritt für später.

Vergessen Sie nicht, wählen das richtige Teilchen Photon und den Flash-Button um die Firmware auf dem Gerät zu speichern!

An dieser Stelle verdrahten wir jetzt die Schaltfläche "Arcade" mit den Teilchen Photon-Pins.

In Verbindung stehende Artikel

Erstellen Sie eine professionelle Website: Teil 1

Erstellen Sie eine professionelle Website: Teil 1

Dies ist Teil eines eine schnelle Serie von Instructables, die Sie von grundlegenden Codes wie Fettschrift erweiterte CSS machen und dynamischen Code bringt.Der Spickzettel für den Code finden Sie in diesem instructable: grundlegende HTML-Code.Okay,
Erstellen Sie eine Website für weniger als $20 Jahr!

Erstellen Sie eine Website für weniger als $20 Jahr!

In diesem instructable, ich werde umfassen alles, was Sie wissen, um eine große Website für einen sehr niedrigen Kosten zu erstellen müssen! Wenn Sie, zu prüfen, einige meiner arbeiten möchten auf: Webshawty.comEin paar Dinge, die Sie wünschen:-Inter
Erstellen Sie eine animierte GIF mit einem iPhone

Erstellen Sie eine animierte GIF mit einem iPhone

In dieser Instructable zeige ich Ihnen, wie Sie eine Animierte GIF- mit einem iPhone und die Gifboom -Anwendung zu erstellen. GIFs sind eine wirklich tolle Möglichkeit, helfen, Ihr Projekt unter anderen Ibles abheben und zu helfen, Ihren Prozess mit
Erstellen Sie eine Unterlegscheibe in SolidWorks Software

Erstellen Sie eine Unterlegscheibe in SolidWorks Software

Die SolidWorks-Software ist ein Computer modeling-Software, die ihren Benutzern die Teile auf dem Computer erstellen. Durch diese Computermodelle können diese Teile für Stärke testen, Maschine zu konstruieren, und viele andere Anwendungen verwendet w
Erstellen Sie eine Andengine-App im Android Studio

Erstellen Sie eine Andengine-App im Android Studio

Dieses Tutorial wird davon ausgegangen Sie bereits Android Studio installiert und funktioniert, aber müssen wissen, wie man Andengine in Ihrem Projekt verwenden.Andengine ist ein open-Source-game-Engine für Android. Es ist Arm und Dokumentation, sond
Erstellen Sie eine benutzerdefinierte Chrome OS/Chromebook "App"

Erstellen Sie eine benutzerdefinierte Chrome OS/Chromebook "App"

In bis zu diesem schreiben werde ich beschreiben, wie Sie eine benutzerdefinierte Chromebok/Chrome OS app erstellen. Ich kann nicht voll nehmen Kredit Info aus http://www.omgchrome.com gewonnen. Ich dachte es wäre gute Infos zu teilen und kann die In
Erstellen Sie eine mittelalterliche, graviert, Wappen Logo

Erstellen Sie eine mittelalterliche, graviert, Wappen Logo

Photoshop CC 2014 Tutorial zeigt, wie Sie entwerfen und erstellen Sie eine leistungsstarke, graviert metallic, mittelalterlichen Wappen-Logo.Holen Sie sich bis zu 20 % Rabatt auf Photoshop + Lightroom! Nur $7,99 p/Monat: https://db.tt/4PNmz1S8PSD-Dok
Erstellen Sie eine Anwendung in Xcode 2 auf einem Mac

Erstellen Sie eine Anwendung in Xcode 2 auf einem Mac

Hallo! Dies ist MacWorldWizardz hier wieder heute zeigen, wie zum Erstellen einer Anwendung, die in Xcode (voll funktionsfähig) auf einem Mac! Dies ist ganz einfach, basierend auf dem Typ der Anwendung, die Sie erstellen, kompilieren und machen möcht
Erstellen Sie eine professionelle Website: Teil 3 CSS

Erstellen Sie eine professionelle Website: Teil 3 CSS

CSS (Cascading Style Sheets) sind wie das Brot in einem PB & J Sandwich. Sicher, Tabellen sind in Ordnung, aber der Code ist viel sauberer und effizienter mit CSS.CSS ist eine einfache Methode der Webdokumente Stil (z. B. Schriftarten, Farben, Abstän
Erstellen Sie eine einzigartige Bestattung Urne

Erstellen Sie eine einzigartige Bestattung Urne

Hallo! Mein Name ist Andy de Bruin, ich tue 3D-Gestaltung und Druck als Hobby. Ich mag es, kreative Lösungen für Dinge, die schwierig zu mir finden. In diesem speziellen Fall eine Familymember gestorben und ich wurde gefragt, ob es möglich ein Modell
Erstellen Sie eine professionelle Website: Teil2

Erstellen Sie eine professionelle Website: Teil2

Dies ist die zweite Staffel von die Punkt-Lektionen im Webdesign. Wenn Sie neue web-Design oder benötigen zur Erinnerung, bitte Beitrag: Erstellen Sie eine professionelle Website: Teil 1HTML-Code und Farb-Codes sind in diesem instructable: grundlegen
Erstellen Sie ein Video-Spiel mit RPG Maker XP

Erstellen Sie ein Video-Spiel mit RPG Maker XP

lernen RMXP!Hallo! Diese instructable geht es darum, ein einfaches Spiel mit RMXP, ein Programm, das für eine kostenlose Testversion heruntergeladen oder für $60,00 bei http://tkool.jp/products/rpgxp/eng/gekauft werden kann. Dieses Tutorial wird in R
DIY Erwachsene Malbuch: Gewusst wie: Quelle & erstellen Sie eine benutzerdefinierte Malbuch

DIY Erwachsene Malbuch: Gewusst wie: Quelle & erstellen Sie eine benutzerdefinierte Malbuch

Beim Auschecken im Supermarkt, bemerkte ich vor kurzem unter den Magazin Sammlungen, mehrere kleine "Taschenbuch" Erwachsenen Malbücher Größe. Ich hob einen auf und warf einen Blick auf den Preis - $5,99. Ich blätterte durch es und mein erster G
Erstellen Sie ein Print-at-Home-Muster PDF

Erstellen Sie ein Print-at-Home-Muster PDF

Dieses How To hat Anweisungen, wie man Fliesen eine Self-made-Muster und laden Sie in eine PDF-Datei, die von anderen Benutzern heruntergeladen werden kann.Technik-MaterialienAdobe Photoshop, Adobe Acrobat Professional, ein Scanner, Lineal, Klebeband