Permalink
Browse files

Merge branch 'master' of github.com:dontcallmedom/node-3dexplorer

  • Loading branch information...
2 parents 8cbebe2 + 5f7203d commit 1133b9131fa560499e443bc5304a7ee55166caa0 @dontcallmedom committed Apr 19, 2012
Showing with 6 additions and 6 deletions.
  1. +5 −5 README.md
  2. +1 −1 public/3D.html
View
@@ -5,16 +5,16 @@ This demo shows how to use one device (equipped with an accelerometer) to explor
## Instructions
-* Load the 3D object (html5logo.html) on a given device, typically a regular computer browser
+* Load the 3D object (html5logo.html) on a given device, typically a regular computer browser that supports [Server-Sent events](http://dev.w3.org/html5/eventsource/).
* Load the 3D-explorer (3D.html) page on a device with an accelerometer and a browser supporting the accelerometer API (e.g. iPhone > 4, iPad, Firefox on Android, Android browser > 3.0)
* Move the second device and see how the object is animated on the first screen in sync
-This code can be seen live on http://strong-summer-2638.herokuapp.com/
+This code [can be used live](http://strong-summer-2638.herokuapp.com/) and can be seen [recorded in video](http://www.w3.org/2011/11/3d-demo.html).
## Under the hood
-The movements of the second device are captured using W3C DeviceOrientation Events, sent to a proxy server built using node.js, and then dispatched to the first device via Server-Sent events.
+The movements of the second device are captured using [W3C DeviceOrientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html), sent to a server built using node.js that acts as a relay, dispatching them to the first device via [Server-Sent events](http://dev.w3.org/html5/eventsource/).
-The HTML5 3D logo is built using HTML5’s canvas element.
+The HTML5 3D logo is built using [HTML5’s canvas element](http://www.w3.org/TR/2dcontext/).
-The HTML5 3D logo animation itself comes from Kevin Roast’s 3D demos, using the canvas K3D library.
+The HTML5 3D logo animation itself comes from [Kevin Roast’s 3D demos](www.kevs3d.co.uk/dev/html5logo/), using the [canvas K3D library](https://launchpad.net/canvask3d).
View
@@ -10,7 +10,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
jQuery(document).ready(function ($) {
-if (typeof window.DeviceOrientationEvent != undefined) {
+if (typeof window.DeviceOrientationEvent != "undefined") {
$("#support").text("Your device can be used for this demonstration: moving your device around will animate the HTML5 logo");
window.addEventListener('deviceorientation', function (e) {
$.post('/rotate', {"alpha": e.alpha, "beta": e.beta, "gamma": e.gamma});

0 comments on commit 1133b91

Please sign in to comment.