Skip to content

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.

HazAT/iphone-node-gyro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iPhone Gyroscope CSS3 - Node.js, Express & Socket.io

Video

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/
  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/pkyeck/socket.IO-objc

License

MIT License

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published