0

Change my LED via the web!

Here is an example of how to make a cool Internet application using the XPort shield I recently released. This is very simple, but its a good example of getting and outputting data. Basically the Arduino serves up a webpage with a bunch of nice javascript code that allows you to select a color. It also displays a “current color” (in this case a light green)

When you click "Submit" on the page, another request is made to the XPort/Arduino, this time with a GET command ?color=#xxxxxx with the color information. The Arduino looks for this command, parses the color requested and calls analogWrite() on the three LEDs to change them into that color.

Want to try it out? Go to -> http://ladyada.net/make/eshield/colorpickerfwd.html which will forward you to the correct IP address (since I dont have DNS for my home network). The XPort can only receive one connection at a time so if you cant get thru, please be patient! πŸ™‚

Read more about the XPort shield here and get the source code and other details from this page


Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, or even use Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for MakeCode, CircuitPython, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.

Join 13,000+ makers on Adafruit’s Discord channels and be part of the community! http://adafru.it/discord

CircuitPython 2019!

Have an amazing project to share? The Electronics Show and Tell with Google Hangouts On-Air is every Wednesday at 7:30pm ET! To join, head over to YouTube and check out the show’s live chat – we’ll post the link there.

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Follow Adafruit on Instagram for top secret new products, behinds the scenes and more https://www.instagram.com/adafruit/


Maker Business — Charitable business and the Buy-One Give-One angle

Wearables — Stitch marks

Electronics — Capacitor ESR

Biohacking — Vitamin-C + Gelatin for Accelerated Recovery

Python for Microcontrollers — The Top Programming Languages 2019 – Python tops the charts with a CircuitPython nod! #Python #Adafruit #CircuitPython #PythonHardware @circuitpython @micropython @ThePSF @Adafruit

Adafruit IoT Monthly — Adafruit IO Updates, RGB Stream Deck Message Panel, and more

Microsoft MakeCode — Welcome to the MakeCode Newsletter!

Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !



3 Comments

  1. Wow that looks great. I think you pretty much convinced me to buy a XPort Direct =)

  2. Wha πŸ™‚ I’ve just bought this xport shield last week, and was hoping to do something similar, now it’s great to have some code to extend the idea a bit further πŸ™‚

  3. ItΒ΄s soo interesting. Have a nice day.

Sorry, the comment form is closed at this time.