Skip to content
Browse files

[docs] Adding a README and a favicon

  • Loading branch information...
1 parent 80ff4a1 commit acd29275132bd9691b79b03813b0ae25cce83ab4 @alexhancock committed
Showing with 34 additions and 4 deletions.
  1. BIN favicon.png
  2. +1 −0 index.html
  3. +1 −4 js/base.js
  4. +5 −0 js/views/main.js
  5. +27 −0 readme.md
View
BIN favicon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
1 index.html
@@ -3,6 +3,7 @@
<head>
<title>Street Facing</title>
+ <link rel="icon" type="image/png" href="http://alexhancock.com/street-facing/favicon.png">
<link rel="stylesheet" href="css/bootstrap.min.css"></link>
<link rel="stylesheet" href="css/main.css"></link>
</head>
View
5 js/base.js
@@ -1,8 +1,5 @@
+ // Create the app view
var mainView = new Street_Facing_View({
el: '#main_street_view'
});
-
- $(window).on('load', function(e){
- mainView.render(false, true);
- });
View
5 js/views/main.js
@@ -2,6 +2,11 @@
initialize:function(){
_.bindAll(this);
+
+ var sfv = this;
+ $(window).on('load', function(e){
+ sfv.render(false, true);
+ });
},
render: function(starting_loc, new_tracker) {
View
27 readme.md
@@ -0,0 +1,27 @@
+Street Facing
+==========
+
+![Street Facing Screenshot](http://dl.dropbox.com/u/12445335/Screenshots/jr.png)
+
+**Street Facing** is an experimental application that runs in the browser and allows you to control the POV on Google Street View with movements of your face and head.
+
+You can check out a demo of it [here](http://alexhancock.com/street-facing/).
+
+It is built on top of a few things...
+
+* The Google Maps V3 JavaScript [API](https://developers.google.com/maps/documentation/javascript/), including the Places [library](https://developers.google.com/maps/documentation/javascript/places).
+* An open source JavaScript library for tracking head and face movement called [headtrackr.js](https://github.com/auduno/headtrackr)
+* (It also depends on [underscore.js](http://underscorejs.org) and [backbone.js](http://backbonejs.org)
+
+### Usage ###
+
+Once all the code is included, the following call initiates the app on any page...
+```js
+ var mainView = new Street_Facing_View({
+ el: '#main_street_view'
+ });
+```
+
+I might spend some time in the near future modularizing and generalizing this code, so people can drop it into any project if there is interest.
+
+** One thing to note when developing locally - Most browsers do not let you use [getUserMedia](http://dev.w3.org/2011/webrtc/editor/getusermedia.html) when serving HTML files directly off the filesystem. It is best to use a simple HTTP server in something like Python or Node to serve the files you're working with.

0 comments on commit acd2927

Please sign in to comment.
Something went wrong with that request. Please try again.