Comment utiliser Circuits.io pour les projets Arduino (et intégrer des projets sur d'autres sites)

Récemment, après mon plaisir avec Arduino Starter Kit, j'ai cherché un éditeur / simulateur Arduino en ligne basé sur le cloud.

Dans le passé, j'ai entendu parler de codebender.cc, mais maintenant il change et les nouvelles inscriptions sont désactivées.

Alternatives que j'ai trouvées sont:

//cloud.arduino.cc/

//circuits.io

Une bonne fonctionnalité serait de permettre d'intégrer un projet sur Instructables.com et d'autres sites.

J'ai donc décidé d'essayer circuits.io, ce que je vais décrire ci-dessous.

Toutes les photos sont des gifs animés, illustrant chaque étape - étape par étape;)

Si vous ne voyez pas l'animation, vérifiez les paramètres de votre navigateur

Étape 1: S'inscrire / se connecter

La première étape consiste à vous connecter .

Il est possible de se connecter avec un compte Facebook. J'ai créé un nouveau compte ( S'inscrire ).

Après cela, nous verrons la page principale et commencerons à travailler ...

Étape 2: créer un nouveau projet

En haut à droite, cliquez sur le grand signe plus et sélectionnez Nouveau laboratoire électronique .

Vous pouvez maintenant voir l'établi.

Étape 3: ajouter des composants et des fils

Dans l'établi, nous pouvons construire nos circuits en ajoutant des composants et en les connectant.

Il existe différents composants, des composants électroniques de base comme les résistances, les condensateurs, etc. à la maquette et aux composants programmables comme Arduino.

Dans la barre supérieure, après avoir basculé l'éditeur dans une autre vue, il est possible de modifier le schéma ou le PCB. La vue par défaut est la maquette.

Étape 4: Écrivez le code et simulez

L'étape suivante consiste à écrire le programme pour Arduino.

L'éditeur de code est disponible en bas, après avoir cliqué sur le bouton de l' éditeur de code ;) Pendant l'écriture de code, vous pouvez simuler le circuit (en cliquant sur Télécharger et exécuter ).

Des outils Arduino standard, comme Serial Monitor sont disponibles. Le débogueur est également disponible.

Étape 5: incorporez-le!

Nous pouvons partager notre projet en l'intégrant à notre site Web, blog, etc.

Je vais montrer comment le faire sur l'exemple d'Instructables.com.

Cliquez sur le bouton Afficher plus en haut et sélectionnez Partager et intégrer. Maintenant, copiez le code html et collez-le sur le site Web (dans la source) où vous souhaitez afficher le projet.

Exemple en direct de comment cela fonctionne Vous pouvez voir dans mon autre Instructable.

Articles Connexes