Skip to content

jongmoon/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

 
 
 

Contributors

Languages

  • JavaScript 61.2%
  • Objective-C 20.1%
  • CSS 14.7%
  • HTML 4.0%