Come utilizzare Circuits.io per i progetti Arduino (e incorporare progetti su altri siti)

Di recente, dopo essermi divertito con Arduino Starter Kit, ho cercato l'editor / simulatore Arduino basato su cloud online.

In passato ho sentito parlare di codebender.cc, ma ora sta cambiando e le nuove registrazioni sono disabilitate.

Le alternative che ho trovato sono:

//cloud.arduino.cc/

//circuits.io

Una buona caratteristica sarebbe quella di rendere possibile l'incorporazione del progetto su Instructables.com e su altri siti.

Quindi, ho deciso di provare circuit.io, quello che descriverò di seguito.

Tutte le immagini sono gif animate, dimostrando ogni passo - passo dopo passo;)

Se non vedi l'animazione, controlla le impostazioni del tuo browser

Passaggio 1: Iscriviti / Accedi

Il primo passo è accedere .

È possibile accedere con un account Facebook. Ho creato un nuovo account ( Iscriviti ).

Dopodiché vedremo la pagina principale e inizieremo a lavorare ...

Passaggio 2: creare un nuovo progetto

In alto a destra fai clic sul grande segno più e seleziona Nuovo laboratorio elettronico .

Ora puoi vedere il banco di lavoro.

Passaggio 3: aggiungere componenti e cavi

Nel banco di lavoro possiamo costruire i nostri circuiti aggiungendo componenti e collegandolo.

Sono disponibili vari componenti dai componenti elettronici di base come resistori, condensatori, ecc. Alla breadboard e componenti programmabili come Arduino.

Nella barra superiore, dopo aver cambiato l'editor in un'altra vista è possibile modificare lo schema o il PCB. La vista predefinita è breadboard.

Passaggio 4: scrivere il codice e simulare

Il prossimo passo è scrivere il programma per Arduino.

L'editor del codice è disponibile in fondo, dopo aver fatto clic sul pulsante Editor del codice ;) Durante la scrittura del codice, è possibile simulare il circuito (facendo clic su Carica ed esegui ).

Sono disponibili strumenti Arduino standard, come Serial Monitor . È disponibile anche il debugger .

Passaggio 5: incorporalo!

Possiamo condividere il nostro progetto incorporandolo nel nostro sito Web, blog, ecc.

Mostrerò come farlo nell'esempio di Instructables.com.

Fai clic sul pulsante Mostra altro in alto e seleziona Condividi e incorpora. Ora copia il codice html e incollalo sul sito web (nella fonte) dove vuoi mostrare il progetto.

Vivo esempio di come funziona Puoi vedere nel mio un altro Instructable.

Articoli Correlati