Cómo utilizar Circuits.io para proyectos de Arduino (y proyectos integrados en otros sitios)

Recientemente, después de divertirme con Arduino Starter Kit, he buscado el editor / simulador Arduino en línea, basado en la nube.

En el pasado escuché sobre codebender.cc, pero ahora está cambiando y los nuevos registros están deshabilitados.

Las alternativas que encontré son:

//cloud.arduino.cc/

//circuits.io

Una buena característica sería permitir insertar proyectos en Instructables.com y otros sitios.

Entonces, decidí probar Circuitos.io, lo que describiré a continuación.

Todas las fotos son gifs animados, que demuestran cada paso, paso a paso;)

Si no ve la animación, verifique la configuración de su navegador

Paso 1: Registrarse / Iniciar sesión

El primer paso es iniciar sesión .

Es posible iniciar sesión con la cuenta de Facebook. He creado una nueva cuenta ( Registrarse ).

Después de eso, veremos la página principal y comenzaremos a trabajar ...

Paso 2: crear un nuevo proyecto

En la parte superior derecha, haga clic en el signo más y seleccione Nuevo laboratorio electrónico .

Ahora puedes ver el banco de trabajo.

Paso 3: Agregar componentes y cables

En el banco de trabajo podemos construir nuestros circuitos agregando componentes y conectándolos.

Hay disponibles varios componentes, desde componentes electrónicos básicos como resistencias, condensadores, etc., hasta componentes de tablero y programables como Arduino.

En la barra superior, después de cambiar el editor a otra vista, es posible editar esquemas o PCB. La vista predeterminada es la placa de pruebas.

Paso 4: escriba el código y simule

El siguiente paso es escribir el programa para Arduino.

El editor de código está disponible en la parte inferior, después de hacer clic en el botón Editor de código ;) Durante la escritura del código, puede simular el circuito (haciendo clic en Cargar y ejecutar ).

Las herramientas Arduino estándar, como Serial Monitor están disponibles. El depurador también está disponible.

Paso 5: ¡Incruste!

Podemos compartir nuestro proyecto incrustándolo en nuestro sitio web, blog, etc.

Mostraré cómo hacerlo en el ejemplo de Instructables.com.

Haga clic en el botón Mostrar más en la parte superior y seleccione Compartir e incrustar. Ahora copie el código html y péguelo en el sitio web (en el código fuente) donde desea mostrar el proyecto.

Ejemplo en vivo de cómo funciona Puedes ver en mi otro Instructable.