Created
April 4, 2014 05:18
-
-
Save connerbrooks/9968589 to your computer and use it in GitHub Desktop.
[wearscript] ws-vicinity
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html style="width:100%; height:100%; overflow:hidden"> | |
| <head> | |
| </head> | |
| <body style="width:100%; height:100%; overflow:hidden; margin:0"> | |
| <canvas id="canvas" width="640" height="360" style="display:block; background-color:black;"></canvas> | |
| <script data-require="jquery" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> | |
| <script> | |
| // constants | |
| var EARTH_RADIUS_KM = 6371.0; | |
| var lat; | |
| var long; | |
| function toRad(value){ | |
| return value * Math.PI / 180; | |
| } | |
| function toDegree(value) { | |
| return value * 180 / Math.PI; | |
| } | |
| function mod(a, b) { | |
| return (a % b + b) % b; | |
| } | |
| function getDistance(latitude1, longitude1, latitude2, longitude2) { | |
| dLat = toRad(latitude2 - latitude1); | |
| dLon = toRad(longitude2 - longitude1); | |
| lat1 = toRad(latitude1); | |
| lat2 = toRad(latitude2); | |
| sqrtHaversineLat = Math.sin(dLat / 2); | |
| sqrtHaversineLon = Math.sin(dLon / 2); | |
| a = sqrtHaversineLat * sqrtHaversineLat + sqrtHaversineLon * sqrtHaversineLon * Math.cos(lat1) * Math.cos(lat2); | |
| c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); | |
| return (EARTH_RADIUS_KM * c); | |
| } | |
| function getBearing(latitude1, longitude1, latitude2, longitude2) { | |
| latitude1 = toRad(latitude1); | |
| longitude1 = toRad(longitude1); | |
| latitude2 = toRad(latitude2); | |
| longitude2 = toRad(longitude2); | |
| dLon = longitude2 - longitude1; | |
| y = Math.sin(dLon) * Math.cos(latitude2); | |
| x = Math.cos(latitude1) * Math.sin(latitude2) - Math.sin(latitude1) * Math.cos(latitude2) * Math.cos(dLon); | |
| bearing = Math.atan2(y, x); | |
| return mod( toDegrees(bearing), 360.0); | |
| } | |
| function drawPlaces(data) { | |
| clearCanvas(); | |
| drawTextLine("Vicinity", 0); | |
| for(var i = 1; i < 7; i++) { | |
| WS.log(data.results[i].name); | |
| var distance = getDistance(lat, long, data.results[i].geometry.location.lat, data.results[i].geometry.location.lng); | |
| drawTextLine(data.results[i].name + ' ' + Math.round(distance * 100) / 100 + 'mi' , i); | |
| } | |
| } | |
| function drawTextLine(text, _number) { | |
| var number = _number; | |
| if ( number === undefined ) { | |
| console.log("No number given, setting to 0"); | |
| number = 0; | |
| } | |
| baseline = 40 + 50 * number; | |
| context.fillStyle = "white"; | |
| context.font = '16pt Calibri'; | |
| context.textAlign = 'left'; | |
| context.fillText(text, 10, baseline); | |
| } | |
| function clearCanvas() { | |
| context.fillStyle = "rgb(0, 0, 0)"; | |
| context.fillRect(0, 0, 640, 360); | |
| } | |
| function server() { | |
| WS.log('Welcome to WearScript'); | |
| WS.say('Welcome to WearScript'); | |
| WS.sound('SUCCESS') | |
| drawTextLine("Vicinity", 0); | |
| WS.sensorOn('gps', .1, function(data) { | |
| lat = data['values'][0]+''; | |
| long = data['values'][1]+''; | |
| WS.log(lat + ' ' + long); | |
| $.ajax({ | |
| url: 'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location='+ lat +','+ long +'&radius=500&sensor=true&key=AIzaSyB7ZcaAbyw33ZGWy4P-2K3_fhhUimPA9uc', | |
| type: 'GET', | |
| dataType: 'json', | |
| data: '{"on":true}', | |
| success: function(data) { | |
| WS.log('success',data.results[1].name + ' this'); | |
| drawPlaces(data); | |
| }, | |
| error: function(data){ | |
| WS.log('data pull error',data) | |
| } | |
| }); | |
| }); | |
| WS.liveCardCreate(false, .2); | |
| /* | |
| // Changes canvas color with head rotation | |
| WS.sensorOn('orientation', .15, function (data) { | |
| ctx.fillStyle = 'hsl(' + data['values'][0] + ', 90%, 50%)' | |
| ctx.fillRect(0, 0, 640, 360); | |
| }); | |
| // Stream several sensors (can view in the Sensors tab) | |
| var sensors = ['gps', 'accelerometer', 'magneticField', 'gyroscope', | |
| 'light', 'gravity', 'linearAcceleration', 'rotationVector']; | |
| for (var i = 0; i < sensors.length; i++) | |
| WS.sensorOn(sensors[i], .15); | |
| // Stream camera frames (can view in the Images tab) | |
| WS.cameraOn(.25); | |
| WS.dataLog(false, true, .15); | |
| // Hookup touch and eye gesture callbacks | |
| WS.gestureCallback('onTwoFingerScroll', function (v, v2, v3) { | |
| WS.log('onTwoFingerScroll: ' + v + ', ' + v2 + ', ' + v3); | |
| }); | |
| WS.gestureCallback('onEyeGesture', function (name) { | |
| WS.log('onEyeGesture: ' + name); | |
| }); | |
| WS.gestureCallback('onGesture', function (name) { | |
| WS.log('onGesture: ' + name); | |
| }); | |
| WS.gestureCallback('onFingerCountChanged', function (i, i2) { | |
| WS.log('onFingerCountChanged: ' + i + ', ' + i2); | |
| }); | |
| WS.gestureCallback('onScroll', function (v, v2, v3) { | |
| WS.log('onScroll: ' + v + ', ' + v2 + ', ' + v3); | |
| }); | |
| */ | |
| // Below this are more examples, uncomment to use them | |
| /* | |
| WS.speechRecognize('Say Something', function (data) { | |
| WS.log('speech: ' + data); | |
| WS.say('you said ' + data); | |
| }); | |
| */ | |
| //WS.cameraPhoto(); | |
| //WS.cameraVideo(); | |
| //WS.cameraOff(); | |
| //WS.shutdown(); | |
| } | |
| function main() { | |
| if (WS.scriptVersion(1)) return; | |
| context = document.getElementById('canvas').getContext("2d"); | |
| WS.serverConnect('{{WSUrl}}', server); | |
| } | |
| window.onload = main; | |
| </script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"name":""} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment