Git Product home page Git Product logo

ionicitudedemoapp's Introduction

Table of Content

Introduction

This repository contains a demo application for using the Wikitude Cordova Plugin in an Ionic application with the Ionicitude package.


All the AR Worlds contained in the app (in the www/wikitude-worlds folder) are the same as the ones in the Augmented Reality Cordova Sample App, provided by Wikitude, except some minor changes in the 6_BrowsingPois_6_Bonus-CaptureScreen AR World, to comply with Ionicitude specs.


Installation

To install and launch this application, you need to do the following:

  1. Install the Ionic framework (if it's not already on your computer)
  2. Clone this repository on your computer
  3. Restore the state of the Ionic project (this means basically installing the plugins, notably the Wikitude Cordova Plugin) with:

ionic state restore

  1. Follow the Wikitude License Key part of the Ionicitude documentation to obtain and use your personnal Trial Key for the Wikitude Cordova Plugin.
  2. Install whichever platform you want to build and install the app on:

ionic platform add ios

or

ionic platform add [email protected] (This is important ! See here for more details)

  1. Run the app on the platform(s) you added:

ionic run ios

or

ionic run android

Plase note that this step requires that you have a working environment for either of these platforms. If this is not the case, please refer to this iOS Guide or this Android Guide from the Cordova website.

Ionicitude Usage

The Ionicitude package is used to manage the Wikitude Cordova Plugin in this Ionic app.

The code demonstrating this usage can be found in the www/js/app.js file.

App Usage

The app is fairly easy to use. The main screen shows you a list of sample AR Worlds demonstrating what you can achieve with the Wikitude Cordova plugin. Simply click on one of these AR World to see it in action.

Some of these AR World request you to scan a particular photo or image. They can be found on the project folder: www/wikitude-worlds/target_images_examples.pdf

The code for each AR World can be found under the www/wikitude-worlds folder.

Differences with the Wikitude Cordova Sample App

Access World by URL

The Wikitude Cordova Sample App allows you to launch an AR World that is deploy on a distant server and accessible via an URL.

This feature is not present in the Ionicitude Demo App because it's not supported by the current version (0.2.1-alpha) of Ionicitude.

World 8.2 Camera Switching

In the Wikitude Cordova Sample App, this AR World uses the front camera (if available) when launching.

This is not the case in the Ionicitude Demo App, because the current version (0.2.1-alpha) of Ionicitude doesn't support individual AR World settings.

Contribution and Issues

Any contribution or enhancement to this Ionicitude Demo App are welcomed and will be appreciated.

If you experience bugs or strange behaviors while testing this app, please do not hesitate to raise an issue about it.

In both case, please, use the GitHub tools of this repository (merge request and issues) rather than sending a personnal email. This way, it will be easier to manage and keep track of what's happening. Thanks !

References

License

This demo application is licensed under both the MIT Licence (as requested by Ionicitude) and the Apache v2.0 License (as requested by the Augmented Reality Cordova Sample App).

See LICENCE-MIT.txt and LICENCE-APACHE.txt, respectivly, for more information.

ionicitudedemoapp's People

Contributors

tazaf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

ionicitudedemoapp's Issues

ScreenCapture feature in controller ionicitude.

Greetings
I was trying to use the Screen Capture feature but i am battling. The screen Capture feature is also not working on the Demo App.
I see in the "capturescreen.js" file in the "6_BrowsingPois_6_Bonus-CaptureScreen" world that you are calling the captureScreen function you have created in the app.js file.

// The call to this Action is in www/wikitude-worlds/6_BrowsingPois_6_Bonus-CaptureScreen/js/capturescreen.js:283
function captureScreen() {
    Ionicitude.captureScreen(true, null)
      .then(function (absoluteFilePath) {
          console.log("snapshot stored at:\n" + absoluteFilePath);
      })
      .catch(function (error) {
          console.log(error);
      });
}

This function does not seem to work because when i press the button i still cannot see that console.log showing on the console.

Ionic 3

hello,

I'm not sure if you are actively working on your project but I tried to use your code and the documentation is no longer valid b/c ionic has evolved.
Typically things like "ionic state restore" no longer work.
Anyway, I'm still trying to get it to work, have you tried it with ionic 3?

Cpas Data Invalid in iPhone

In demo app i am using 6_BrowsingPois_3_LimitingRange where in iphone i am getting error like cpas data invalid . I am using local json file of lat longs for rendering the markers can you plese suggest wat can be the issue?

Thanks & Regards,
Saurabh

DemoApp dont react to images

Hi!
Thanks for the demo app.

Having some issues to get the app to work correctly. None of the demos work.

Followed all of your steps and no luck...
I have installed my trail license inside WikitudePlugin.js
Running on my iPhone.

Any suggestions?

FR - Wikitude-worlds code in angular

Do you have any sample of 'wikitude-worlds' code written in angular?
Almost all the codes Cordova plugin sample and your demo world samples all are written in the JS/jquery.

If you have any sample with angular for the worlds implementation it will be great.

Error on all cloud recognitions

I just ran the sample app and everything works well except the following worlds

2_CloudRecognition_2_ContinuousRecognitionVsOn-Click
2_CloudRecognition_3_UsingMetainformationInTheResponse

getting the following error

image

I have not done anything yet on the code.

ionic 3

hello,

I'm not sure if you are actively working on your project but I tried to use your code and the documentation is no longer valid b/c ionic has evolved.
Typically things like "ionic state restore" no longer work.
Anyway, I'm still trying to get it to work, have you tried it with ionic 3?

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.