Git Product home page Git Product logo

html5-augmented-reality-app's Introduction

HTML5-Augmented-Reality-App

Simple Augmented Reality App implemented using HTML5 and Cordova with Foursquare data overlay (and US cities overlay)

Uses Foursquare API to search for locations and plots the location on Google Maps. Uses Cordova API to access device compass, accelerometer, and geolocation.

Must be built using Intel XDK or use Phonegap build.

App developed during a 2-day XDK hackathon at Intel. Developed using Intel XDK tool - http://html5dev-software.intel.com


app must be tested using Intel XDK's App Preview or build app using Intel XDK.


index_UScities.html

Shows 12 US Cities in list view, map view and augmented reality mode. Uses Cordova APIs for accelerometer, compass, and geolocation.


index_UScities_xdkAR.html

Shows 12 US Cities in list view, map view and augmented reality mode. Uses Cordova APIs for accelerometer, compass and geolocation. Uses intel.xdk JS bridge API to enable camera in background and overlays data in augmented reality mode.


index_foursquare.html

Shows foursquare places data in list view, map view and augmented reality mode. Uses Cordova APIs for accelerometer, compass and geolocation.

requires you to sign up for foursquare developer account and add client id and client secret to the source code


index_foursquare_xdkAR.html

Shows foursquare places data in list view, map view and augmented reality mode. Uses Cordova APIs for accelerometer, compass and geolocation. Uses intel.xdk JS bridge API to enable camera in the background and overlays data in augmented reality mode.

requires you to sign up for foursquare developer account and add client id and client secret to the source code


index.html = index_UScities.html


Screenshots

foursquare listView

alt tag


foursquare mapView

alt tag


foursquare XDK AR mode

alt tag


US Cities AR mode

alt tag


html5-augmented-reality-app's People

Contributors

krisrak avatar vineehk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

html5-augmented-reality-app's Issues

Exception with xdk

Hi,

When i run the foursquare demo on android 4.0, i get this exception:
10-15 22:35:06.231 7065-7065/? E/AndroidRuntime: FATAL EXCEPTION: main
java.lang.NullPointerException
at com.intel.xdk.display.Display$2.run(Display.java:133)
at android.os.Handler.handleCallback(Handler.java:605)
at android.os.Handler.dispatchMessage(Handler.java:92)
at android.os.Looper.loop(Looper.java:137)
at android.app.ActivityThread.main(ActivityThread.java:4449)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:511)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:787)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:554)
at dalvik.system.NativeStart.main(Native Method)

Is intel.xdk.display maintained? or was just a demo?
Thanks

Blank page

Hy, my name is Gercsó Gábor!
I'm inexperienced to developement.
This code is nice but I tried this code on Android phone, chrome, firefox browsers, but doesn't displaying anything.
I have a blank page. What I went wrong?
Thank You , your answer!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.