Wikitude
How can we help you today?
Image Recongition
2 CommentsSorted by Oldest First
hello i am new in wikitude and i try create simple image recognitions and test it on android device. i create java script file and html file.
var World = {
loaded: false,
init: function initFn() {
/* Disable all sensors in "IR-only" Worlds to save performance. If the property is set to true, any geo-related components (such as GeoObjects and ActionRanges) are active. If the property is set to false, any geo-related components will not be visible on the screen, and triggers will not fire.*/
AR.context.services.sensors = false;
this.createOverlays();
},
createOverlays: function createOverlaysFn() {
this.tracker = new AR.Tracker("assets/Itest.wtc", {
onLoaded:this.worldLoaded
});
// Button image
this.imgButton = new AR.ImageResource("assets/wwwButton.jpg");
this.tracker = new AR.Tracker("assets/Itest.wtc", {
onLoaded:this.worldLoaded
});
// Button image
this.imgButton = new AR.ImageResource("assets/wwwButton.jpg");
var C31 = new AR.ImageResource("assets/C31.png")
;
var overlayC31 = new AR.ImageDrawable(C31, 1, {
offsetX: -0.15,
offsetY: 0
});
var C31Button = this.createWwwButton("https://www.easistent.com/urniki/e29aeb36cd1efde89c2b2c28e33209813ec32756/ucilnice/31907", 0.1, {
offsetX: -0.25,
offsetY: -0.25,
zOrder: 1
});
var C31 = new AR.Trackable2DObject(this.tracker, "C31", {
drawables: {
cam: overlayC31
}
});
var C32 = new AR.ImageResource("assets/C32.png");
var overlayC32 = new AR.ImageDrawable(C32, 1, {
offsetX: -0.15,
offsetY: 0
});
var C32Button = this.createWwwButton("https://www.easistent.com/urniki/e29aeb36cd1efde89c2b2c28e33209813ec32756/ucilnice/31905", 0.1, {
offsetX: -0.25,
offsetY: -0.25,
zOrder: 1
});
var C32 = new AR.Trackable2DObject(this.tracker, "C32", {
drawables: {
cam: overlayC32
}
});
var C33 = new AR.ImageResource("assets/C33.png");
var overlayC33 = new AR.ImageDrawable(C33, {
offsetX: -0.15,
offsetY: 0
});
var C33Button = this.createWwwButton("https://www.easistent.com/urniki/e29aeb36cd1efde89c2b2c28e33209813ec32756/ucilnice/31322", 0.1, {
offsetX: -0.25,
offsetY: -0.25,
zOrder: 1
});
var C33 = new AR.Trackable2DObject(this.tracker, "C33", {
drawables: {
cam: overlayC33
}
});
var C34 = new AR.ImageResource("assets/C34.png");
var overlayC34 = new AR.ImageDrawable(C34, 1, {
offsetX: -0.15,
offsetY: 0
});
var C34Button = this.createWwwButton("https://www.easistent.com/urniki/e29aeb36cd1efde89c2b2c28e33209813ec32756/ucilnice/31316", 0.1, {
offsetX: -0.25,
offsetY: -0.25,
zOrder: 1
});
var C34 = new AR.Trackable2DObject(this.tracker, "C34", {
drawables: {
cam: overlayC34
}
});
var D34 = new AR.ImageResource("assets/D34.png");
var overlayD34= new AR.ImageDrawable(D34, 1, {
offsetX: -0.15,
offsetY: 0
});
var D34Button = this.createWwwButton("https://www.easistent.com/urniki/e29aeb36cd1efde89c2b2c28e33209813ec32756/ucilnice/32355", 0.1, {
offsetX: -0.25,
offsetY: -0.25,
zOrder: 1
});
var D34 = new AR.Trackable2DObject(this.tracker, "D34", {
drawables: {
cam: overlayD34
}
});
},
createWwwButton: function createWwwButtonFn(url, size, options) {
options.onClick = function() {
AR.context.openInBrowser(url);
};
return new AR.ImageDrawable(this.imgButton, size, options);
},
worldLoaded: function worldLoadedFn() {
var cssDivLeft = " style='display: table-cell;vertical-align: middle; text-align: right; width: 50%; padding-right: 15px;'";
var cssDivRight1 = " style='display: table-cell;vertical-align: middle; text-align: left; padding-right: 15px;'";
document.getElementById('loadingMessage').innerHTML =
"<div" + cssDivLeft + ">Scan Target #1 (C31) or #2 (C32) or #3 (C33) or #4 (C34) or #5 (D34):</div>" +
"<div" + cssDivRight1 + "><img src='assets/C31.png'></img></div>" +
"<div" + cssDivRight1 + "><img src='assets/C32.png'></img></div>" +
"<div" + cssDivRight1 + "><img src='assets/C33.png'></img></div>" +
"<div" + cssDivRight1 + "><img src='assets/C34.png'></img></div>" +
"<div" + cssDivRight1 + "><img src='assets/D34.png'></img></div>";
}
};
my problem is that on device camera is on, but no image is recognition.
Here area few things to check, that might help you to resolve the problem:
- Use the ade.js that comes with the SDK to test in a desktop browser and verify that there are no javascript errors
- Check that all assets are available and can be loaded (e.g. use the onError trigger of the AR.Tracker and AR.ImageResource objects)
- Check that the targetname is equal to the one defined when you created the .wtc tracker file.
© 2021 Wikitude, a Qualcomm company
Rok Rejc