Posts tagged canvas
Awesome Uses of HTML5’s Canvas Tag
Feb 20th
With the development of HTML5 and using the Canvas Tag there are a lot of cool things that can be done. Here I have found some of the coolest things done with the canvas tag.
JSNES
The first one that is pretty impressive is a NES emulator. This was developed by Ben Firshman and is of pretty good quality. The emulator supports a list of games on the website, that can be found here. With a bit of flash there is also support for sound. JSNES is open source and is available on Github. Its best to test the emulator using Google Chrome, but it does run in Safari 4 and Firefox.
Pixastic
Pixastic is an online image editor. It allows you to apply a variety of effects on images and you can save the image to your computer or do whatever you want with it. Pixastic is also a image filter library for JavaScript so the online editor displays the variety of effects you can do with it. You can check out the main page here or play with the image editor here.
Bespin
This is Mozilla’s attempt at an online IDE tool. Bespin allows you to write code for the same platform that made it! (It can be used to write anything I’m pretty sure) You can test it out be registering up on their site using their experimental hosted service and you can even download it and use it own your own website. Bespin is 100% open source. Learn more about Mozilla’s Bespin here.
If you liked this post, you might also like…
HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial


