Start a new topic

How can I test my ARchitect file in a browser?

How can I test my ARchitect file in a browser?


Hi again Damm

I get it.
Now, I have to put all my codes (HTML and JavaScript) in the index.html created by PhoneGap and execute in Xcode to see if everything is working, right?
After I install the application in my iPhone, correct?

This depends on the image target name. When uploading images to our target management tool to create the tracker file (.wtc), you can see the image target name. It is the filename of the uploaded image. Have a look at our SDK documentation on creating image recognition targets and our examples on image recognition.

Hi Damm

So I'm in the right way hehehe
Yes, I'm familiar with JavaScript, not so deeply, but I know.

In this JavaScrit line...
var pageOne = new AR.Trackable2DObject(this.tracker, "pageOne", {

How will be or how can be "pageOne"?
 

Thank you again.

That's correct! You can add the javascript code within a <script> tag or load it via an external script by specificing the src property of the <script> tag. If you are not that familiar with JavaScript, I would suggest to read up on it (there are plenty of tutorials if you google for it).

There is also the possibility to look at Wikitude Studio which allows you to create augmentation by simple drag'n'drop.

 

Hi Damm!
First I wanna thank to you and Nicola for help me.

I'm following the instructions.
After I added the add.js file on my html and ran the page, the orange triangle appears as you said.
I clicked in the orange triangle and the properties appears, ok!

To use the SDK examples I have to add the JavaScript codes in the html code, right? eg.:

// Initialize Tracker this.tracker = new AR.Tracker("assets/magazine.wtc", {
onLoaded: this.worldLoaded });

// Create overlay for page one var imgOne = new AR.ImageResource("assets/imageOne.png");

var overlayOne = new AR.ImageDrawable(imgOne, 1, {
offsetX: -0.15, offsetY: 0 });

var pageOne = new AR.Trackable2DObject(this.tracker, "pageOne", {
drawables: { cam: overlayOne } });

Showen on this link: http://www.wikitude.com/external/doc/documentation/3.0/web/imagerecognition.html#image-recognition
titled, "Image on Target (1/3)"

Please, confirm if I'm correct and correct me if I'm wrong

Thank you so much for your attention.

Hi,

it is not entirely clear what you mean, but I'm trying to give you a bit more information.

The ADE is only used as a development tool that makes the JS API available in a desktop browser. Once included you will see an orange triangle in the bottom right corner of the page. If you click on it you can see all created architect objects (e.g. GeoObject, GeoLocation, Tracker, ...) and investigate their properties. It also allows you to simulate user interaction e.g. clicking on a GeoObject.

The objects are created normally through calling our javascript api. Please have a look at the included SDK Examples and the API reference that come with the SDK package.

Let me know if you have more questions.

Hi Nicola Radacher!

I already did it.
But how to create an ARchitect object to run by browser?

Thank you for your attention.
Hi,

For your ARchitect file to work in the browser you will need to include the ADE (ARchitect Desktop Engine). This is easily done by linking to the javascript file ade.js included in the ARchitect Developer Kit (/ADE/ade.js). If put in the same directory as your ARchitect file following code can be used to enable it: 

   
  

Make sure that the file cannot be found when tested on the device or remove the line if you want to test on the ARchitect Mobile Viewer. A complete guide on how to use the ADE can be found in the ADK: /ADE.html
Hi,

I have read the documentation. For instance, I cite from ADE.html: "The ARchitect Desktop Engine (ADE) allows you to simulate the behavior of your ARchitect file on an ordinary webrowser, observe the properties of your AR objects and simulate user interaction and events." That's what I did: use my ordinary browser. I also heard the term "ARchitect simulator". What is that in particular? Where can I find it? And what documentation in particular do you refer to? Could you please tell me the name of the file?

Thx

QUESTION STATED BY LUIS VIA SUPPORT MAIL
Login or Signup to post a comment