This game of Space Invaders is played by tilting your iPhone to the left or right. It’s a demonstration of HTML5 used to link devices in-browser. The only setup that’s required is for the base device to load up a webpage, then the control device scans a QR code (or just types in a link) to connect with the game. You can give it a try right now if you want.
It only works with iOS devices but we believe that’s because mobile Safari has the ability to poll accelerometer data and other browsers do not. If this was using on-screen buttons rather than the tilt controls it would work on any device that implements HTML5. The connection is facilitated by Node.js and Socket.IO. The QR code that is generated by the host machine’s page includes a unique ID which allows the control device to link with it. Once loaded, commands from the controller are sent via Socket.IO to the node on the host machine.
As with this HTML5-based sensor data application, we think this method is important because it allows control without the need for a standalone application. We’re hoping to see a lot of this in embedded projects in the future. By serving data to a smart phone or other device you remove to need for a physical user interface in your projects, which means you can make great things while spending less.
Here’s another audio playback hack that uses physical tokens to choose what you’re listening to. It uses Touchatag RFID hardware to control iTunes. The concept is very similar to the standalone Arduino jukebox we saw on Wednesday except this one interfaces with your computer and the tags select entire albums instead of just one song. A shell script processes the incoming tag ID from the reader, populates a playlist with all the tracks from the associated album, then executes an AppleScript to launch that playlist. Check out the short demo after the break.
But what really caught our eye is the QR-code reader concept which [Janis] hopes to implement at some point in the future. The computer side of things doesn’t need to be changed, but we love the challenge of putting together an FPGA-based camera to recognize and decode the QR image. Looks like a perfect use for that $10 camera module and it’s FPGA driver!
Continue reading “RFID playlists plus a QR code concept”
This project shows you one possible way to use HTML5 to fully integrate sensor data from a microcontroller into our technological lives. Now, when we saw this tip come through our inbox we thought it would be an interesting example to learn from but we weren’t ready for how truly cool the setup is. Take a look at the video after the break and you’ll see that scanning the QR code on the project box will immediately start a 10ms resolution live stream of the accelerometer data. Furthermore, the browser page that the phone loads allows you to send what you’re currently viewing to the main frame of a browser running on a different computer with the touch of a button. In this way you can build a dashboard of streaming sensor data. Talk about the future of home automation. Imagine a QR code on your thermostat that allows you gain access to your home’s heating, air conditioning, humidifier, and water heater performance and controls just by snapping a pic? The sky’s the limit on this one so let us know what you’d use it for by leaving a comment.
Continue reading “Wicked use of HTML5 to display sensor data”
Love them or hate them, plenty of people around the world use QR codes on a daily basis. Since he thinks they’re pretty great, Hackaday reader [falldeaf] thought it would be cool to put together an automatic QR code generator to be used on web sites.
Inspired by the custom QR logo embedding work done by our own [Brian Benchoff], his dynamic QR code generator allows you to do the same thing, but with far less work. The code requires that you have PHP and the GD library installed on your server, but other than that his code does the rest.
All you need to do is call up the page and pass along a URL, optional caption text, optional image overlay (to add your logo to the center of the code), as well as an optional hash code for tracking traffic sources. The page spits out a png image that can be used on its own, or embedded in a blog, which is what [falldeaf] plans on using it for.
If QR codes are your thing, be sure to grab a copy of his code, it will certainly be a handy tool to have around.
While [Oryx] is down with social media like Facebook and Twitter, there are times when he wants to share things with people he is hanging out with in the real world. Sure, he could always email his friends links to the latest video of a cat doing something totally hilarious, but he wanted something a bit more tangible.
He had a small thermal printer from SparkFun kicking around, and thought it would be the ideal medium for sharing things with others. He sat down and put together a bit of code that allows him to interface the printer with his computer, generating QR codes from his web browser with the simple click of a button. Now, when he wants to pass something along to a friend, he can quickly print out a label bearing both a QR code and URL for easy access later on.
All in all it’s an interesting idea, though we would be curious to see what would happen if we handed our non-techie friends a printed QR code.
Don’t you hate that feeling, the one you get when you have just realized that you have no clue where you may have left your keys? If you are unlucky enough to have lost them in a public place, odds are they are as good as gone. Pumping Station One member [celtwolf] thought it would be great if your keys could help someone contact you instantly upon finding them, so he created a key fob that did just that.
SMS can use a similar URI scheme as the “mailto” protocol we are all familiar with, so [celtwolf] generated a URI that would send a text to his mobile phone with the message “I found your keys!”. He generated a QR code from the URI, then etched it on a piece of acrylic using a laser cutter. He filled in the recessed portions with a dark polymer clay, baked it, then coated it with a layer of nail polish for added durability.
Now, if anyone finds his keys and takes a picture of the QR code with their smartphone, he will immediately receive a text letting him know they are safe and sound. What a great idea!
This bar code tattoo was sent into us by [Lifespan]. Before going under the needle, [Lifespan] didn’t care much for tattoos. After seeing this video he realized that a tattoo could have dynamic content through domain redirection.
[Lifespan] spent a lot of time going over the different styles of 2D bar codes. QR codes were deemed ugly because of the three large squares in the corners. An EZ Code, like the one in his YouTube inspiration, are a proprietary format that must be read with a ScanLife app. He eventually settled on a Data Matrix bar code because of its open format and ubiquity in business and industry. To make the tattoo dynamic, [Lifespan] made the tattoo point to 5id5.com. With a little bit of smart phone wizardry, that domain can be redirected to any URL in a moments notice.
Like all well-planned tattoos, he found himself a very good artist to do the piece. [Connor Moore] managed to ink some skin at 15 dpi, which was a little risky, but the results came out great. While it’s not scarification via a laser cutter, barring fading this tattoo is technologically future proof.