We’ve never seen someone build a plotter out of buzzwords, but [roxen] did a really good job of it. The idea is simple, place the plotter over a sheet of paper, open a website, draw, and watch the plotter go. Check out the video below the break.
The user draws in an HTML5 Canvas object which is read by a Java Web Server. From there it gets converted to serial commands for an Arduino which controls the steppers with two EasyDrivers.
The build itself is really nice. It perfectly meets the mechanical requirements of a pen plotter without a lot of fluff. The overall frame is T-shaped, for the x- and y-axis. The movements are produced by two steppers and acetal rack and pinion sets. The pen is lifted up and down by a hobby servo.
Continue reading “Arduino Makerbeam Live Plotter Controlled By HTML5 Canvas and Java Website”
[Flownez] sent in a tip that a port of the venerable Falstad circuit simulator is now available that doesn’t require Java (it uses HTML 5). This is a welcome port since some modern browsers (particularly Chrome) make it difficult to run Java applets and prevented the Falstad simulator’s execution.
Like the original simulator, this one is great to show a classroom circuits and encourage building or studying circuits in the browser. There’s no extra software to install, which is handy for an impromptu demo. Another cool feature is the visualization of current flow as animated dots. The dots move in the direction of the current flow and the speed of motion is proportional to the amount of current. Watching a capacitor charge with the moving dots is very illustrative. You can also view data in a scope format or hover the mouse over things to read their values.
You can open a blank circuit and add quite a few components (use the right click button on your mouse or the menu to add components and wires). However, you can also pick from a number of predefined circuits ranging from the simple (a voltage divider, for example) to the illustrative (a PLL frequency doubler comes to mind). There’s even an AM radio (see below) that you can tune to find several “stations” by varying the tuning capacitor’s value. Circuit elements include many types of analog and digital components.
Continue reading “A Breadboard In A Browser”
[Citponys] wanted to share their Altair 8800 clone with the world, and what better way to do so than by hooking it up to the Internet? This hack was pulled off by using a Linux computer which receives a Telnet connection and redirects it to a serial port. This serial port is connected to the Altair clone. In order to connect the serial port to the Internet using TCP, the ser2sock program was used. People can interact with the Altair on the webpage, where there is also a live camera feed showing the Altair’s Blinkenlights.
This is an ongoing project for [Citponys]. Zork 1-3 and Ladder are now available for play. You can interact with other people in the current session; play nice, or it’ll end up a Mad Libs version of ‘Twitch Plays Pokemon’. Most recently, [Citponys] updated the webpage with a HTML5-embedded terminal emulator. If you want to quit the current session displayed, enter “quit” and you will be redirected to the main menu where you can choose another game. [Citponys] has links to game walkthroughs on the top of the page. We have a soft spot for classic computers and games, especially the Altair. Take a trip down memory lane and play some Zork at the fork where the past meets the present!
There is nothing better than a project that you can put on display for all to see. [Tristan’s] most recent project, a Decorative LED Matrix Frame, containing 12×10 big square pixels that can display any color, is really cool.
Having been built around a cheap IKEA photo frame this project is very doable, at least for those of you with a 3D printer. The 3D printer is needed to create the pixel grid, which ends up looking very clean in the final frame. From an electronics perspective, the main components are a set of Adafruit Neopixel LED strips, and an Arduino Uno with an Ethernet shield. The main controller even contains a battery backup for the real time clock (RTC) when the frame is unplugged; a nice touch. Given that the frame is connected to the local network, [Tristan] designed the frame to be controlled by a simple HTML5 interface (code available on GitHub). This allows any locally connected device to control the frame.
Be sure to check out the build details, they are very well done. If you are still not convinced how cool this project is, be sure to check out a video of it in action after the break! It makes us wish that you could play Tetris on this frame. Very nice job [Tristan]!
Continue reading “Network Controlled Decorative LED Matrix Frame”
You can leave the TI graphing calculator at home thanks to this web-based TI-83 and TI-84 emulator. As with pretty much all emulators, this depends on a ROM image from the actual hardware to work. But if you have one of the supported calculators (TI-83+, TI-83+ SE, TI-84+, or TI-84+SE) you can dump the image yourself and this should work like a charm.
We’ve seen some arguments online about the price of the TI line over the years. Prices haven’t dropped much over the decades even though they’re making pretty much the same hardware. It’s cool to see someone figure out how to emulate the hardware — and on a web interface to boot! But we’re left wondering why TI isn’t selling an equivalent app for iOS and Android or at least leveraging what must be millions in each production run for a lower retail price?
Continue reading “Web-based TI graphing calculator emulator”
Here’s two photographic takes on the same subject, each with a different depth of focus. [Chaos Collective] came up with a way to make interactive still images that allow a user to adjust the depth of focus by clicking on different objects in the image.
This was inspired by the Lytro camera which uses an array of lenses to take multiple pictures at once. Each of those images has a slightly different depth of focus. The technique used here doesn’t require that you buy one of those $400+ cameras. But it’s not a cheap hack unless you already own a camera that can shoot video and has manual focus.
The technique used by the [Chaos Collective] is to move the camera’s manual focus setting from the nearest to the furthest target while capturing a video. That file can then be processed using their browser-based tool which turns it into an embedded HTML5 image.
The Dubjoy project was stopped dead in its tracks when the newest version of the Google Chrome browser stopped using Adobe’s flash plugin and transitioned to their own called Pepper Flash. The aim of development was to produce a browser-based editor for translating the audio track of a video clip. After a bit of head scratching and a lot of research they decided to try ditching the use of Flash and implemented a way to record audio using HTML5.
There were quite a few issues along the way. The initial recording technique generated raw audio files, which are not playable by Chrome’s HTML5 audio player. This can be worked around by buffering the raw audio, then converting it to a different format once the recording is finished. The user also needs to monkey with the Chromes flags to enable HTML5 audio. So they did get it working, but it’s not yet a smooth process.
We love seeing the neat stuff you can do with HTML5. One of our favorites is the use of a tablet’s accelerometer as a browser game controller.