Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hazat/iphone-node-gyro

It's a small tech demo showing an iPhone sending it's gyroscope data to an node.js server (via websocket), the server sends the data via a websocket to a browser and the browser renders via CSS3 3D transformation the orientation of the device on the screen.
https://github.com/hazat/iphone-node-gyro

Last synced: 17 days ago
JSON representation

It's a small tech demo showing an iPhone sending it's gyroscope data to an node.js server (via websocket), the server sends the data via a websocket to a browser and the browser renders via CSS3 3D transformation the orientation of the device on the screen.

Awesome Lists containing this project

README

        

iPhone Gyroscope CSS3 - Node.js, Express & Socket.io
===========================================================
[Video](http://www.youtube.com/watch?v=1ix03u9Zqg0)

Install
-----------------------------------------------------------

1. Make sure node.js and npm is installed (terminal node, npm)
Here is a nice tutorial how to install it with brew
[http://shapeshed.com/setting-up-nodejs-and-npm-on-mac-osx/](http://shapeshed.com/setting-up-nodejs-and-npm-on-mac-osx/)
2. Install all dependencies needed for node.js -
Open Terminal, change to project dir in folder "Server" … and run `npm install`
3. Start the Server: run `node app`
4. Goto `http://localhost:3000` in your Browser
5. Start the App on iPhone
6. Important you have to enter the IP address of you computer not localhost … your iPhone doesn't know localhost

Uses
-----------------------------------------------------------
[https://github.com/dirkweber/traqball.js](https://github.com/dirkweber/traqball.js)

[https://github.com/pkyeck/socket.IO-objc](https://github.com/pkyeck/socket.IO-objc)

License
-----------------------------------------------------------
MIT License