Wednesday 20 June 2012

DIY City - Interactive html5 projection

Just got back from a demo of an r&d project i've been working on for the past couple of weeks in collaboration with Usman Haque and Specialmoves

The project was an interactive projection that allowed users to interact with a projection of 8 bit sprites onto the walls of our office building, using their mobile devices.

We built a mobile web application  using jquery mobile, .net mvc and signalr

The actual projection was all done using html5 canvas and node js

Tonight was a very early alpha demo of the work we've done so far.

Watching around 50 people all interacting with the projection in realtime using their smartphones was amazing.

Can't wait to try doing this on a larger scale. Can imagine it would be amazing doing it at something like a music festival.

We came up against lots of interesting technical challenges while doing this project.

I'll do a follow up post with some more technical information soon. In the meantime you can check out some photos taken during the demo.























































1 comment:

  1. Thanks for sharing this informative information...You may also refer....
    How to migrate from a typical HTML4 page to a typical HTML5 page.
    www.s4techno.com/blog/2016/08/30/html5-migration/

    ReplyDelete