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 Gustavo,

Great that it works. With our SDK we also deliver a sample app which demoes most important functionalities. 


Hi Nicola!

Sorry, but I didn't understand your last comment.
I already read the sample app, but I found a little confused and I don't succeed reproduce it.

Do you, please, can detail explain the step by step how to reproduce the sample app?


In our documentation section you find a detailed step-by-step guide to set up a project for each platform. Just follow these steps and have a look at the samples to build you app.


Hi Nicola,

I tried the step by step of this page first:
So work fine, and the SDKExamples applications appears where each cell launches an individual ARchitect World, like the documentation says. But when I click in any cell the console log of Xcode wanning that "This device is no capable of running ARchitect World..." Look the image attached.

This wanning appears because I'm running the SDKExamples in the Xcode, the simulator os the Xcode? If I ran in my iPhone 5 or iPad it's gonna work?

Thank you Nicola for your patience.


you are not able to run the Wikitude SDK on the simulator because there is no camera and sensors. You have to test your app on a device.

onDeviceSupported will return false and/or there is also a callback if the device is not supproted (in js only).


Hi Nicola Radacher!

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

Thank you for your attention.


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 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/", {
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:
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.

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

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.

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 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?

That seems about right. I would suggest looking at our sample project for PhoneGap for guidance on how PhoneGap projects can make use of the WikitudeSDK.

Please find the sample project at:

Hi Damm

Why there are two target managers different?

I don't know exactly where to work hehehehe


the second link ( is actually the target management tool.

Wikitude Studio allows to create augmentation by means of dragging and dropping elements.

PS.: Please call me Wolfgang, Mister Damm is my father ;).
Login or Signup to post a comment