Circuits.io gebruiken voor Arduino-projecten (en projecten insluiten op andere sites)

Onlangs heb ik, na mijn plezier met Arduino Starter Kit, gezocht naar een online, cloudgebaseerde Arduino-editor / simulator.

In het verleden hoorde ik over codebender.cc, maar nu verandert het en worden nieuwe registraties uitgeschakeld.

Alternatieven die ik heb gevonden zijn:

//cloud.arduino.cc/

//circuits.io

Een goede functie zou zijn om het mogelijk te maken om projecten in te sluiten op Instructables.com en andere sites.

Dus besloot ik om circuits.io te proberen, wat ik hieronder zal beschrijven.

Alle foto's zijn geanimeerde gifs, die elke stap stap voor stap demonstreren;)

Als u de animatie niet ziet, controleer dan uw browserinstellingen

Stap 1: Aanmelden / Aanmelden

De eerste stap is inloggen .

Het is mogelijk Aanmelden met Facebook-account. Ik heb een nieuw account aangemaakt ( Aanmelden ).

Daarna zien we de hoofdpagina en beginnen te werken ...

Stap 2: Maak een nieuw project

Klik rechtsboven op het grote plusteken en selecteer Nieuw elektronisch lab .

Nu kunt u de werkbank zien.

Stap 3: componenten en draden toevoegen

In de werkbank kunnen we onze schakelingen bouwen door componenten toe te voegen en aan te sluiten.

Er zijn verschillende componenten beschikbaar, van de elektronische basiscomponenten zoals weerstanden, condensatoren, enz. Tot breadboard en programmeerbare componenten zoals Arduino.

Op de bovenste balk is het na het wisselen van editor naar een andere weergave mogelijk om schema's of PCB's te bewerken. De standaardweergave is breadboard.

Stap 4: Schrijf de code en simuleer

De volgende stap is het schrijven van het programma voor Arduino.

De code-editor is onderaan beschikbaar, nadat u op de knop Code-editor hebt geklikt;) Tijdens het schrijven van code kunt u het circuit simuleren (door te klikken op Uploaden en uitvoeren ).

Standaard Arduino-tools, zoals Serial Monitor, zijn beschikbaar. Debugger is ook beschikbaar.

Stap 5: sluit het in!

We kunnen ons project delen door het in te bedden in onze website, blog, enz.

Ik zal laten zien hoe je het moet doen in het voorbeeld van Instructables.com.

Klik bovenaan op de knop Meer weergeven en selecteer Delen en insluiten. Kopieer nu de html-code en plak deze op de website (in bron) waar je het project wilt laten zien.

Live voorbeeld van hoe het werkt Je kunt zien in mijn andere Instructable.

Verwante Artikelen