Wikitude
How can we help you today?
AutoFocus or Scanning effect on ArchitectView
6 CommentsSorted by Oldest First
Hi,
I just want to add an AutoFocus or Scanning effect while camera is scannig an image. Could you please help me in this.
Can you let us know a little bit more about your problem. Do you require help where to place that animation? Do you already tried an approach?
Hi Philipp,
I have seen serveral AR app, while focusing camera on image there screen shows a moving scanning effect or line. The same effect i want to implement in my app while focusing camera on image. Hope you understand what I am trying to say. Thank in advance.
Hi there!
Cam filters for e.g. keypoint highlighting are not supported by the Wikitude SDK yet. Fortunately there is another approach that may also work for you:
Define Scan-Animation inside a div inside the html
Hide div once onEnterFieldOfVision of AR.Trackable2DObject fires, and show it again in onExitFieldOfVision.
Kind regards,
Andreas
Working example
<div id="scanner">
</div>
#scanner{
width: 100%;
height: 10px;
background: linear-gradient(to bottom, #0d477f 0%,rgba(255, 255, 255 ,0) 60%);
display:block;
position: absolute;
-webkit-animation: scanner 3.0s infinite linear;
}
@-webkit-keyframes scanner{
0%{
bottom: 0px;
}
50%{
bottom: 100%;
}
100%{
bottom: 5px;
}
}
onEnterFieldOfVision: function () {
document.getElementById('scanner').style.display = 'none';}
onExitFieldOfVision: function () {
document.getElementById('scanner').style.display = 'block';
World.trackableVisible = false;
}
thanks
roshan
Prestige Song Of The South
Hello, please if you can guide me , i added this code to my index.html, and it show scanner line, but the scanner line keep showing, not stopping!
also when the AR show in the screen, it keep showing !
what i can do ?
this is my code
<script>
onEnterFieldOfVision: function () {
document.getElementById('scanner').style.display = 'none';}
onExitFieldOfVision: function () {
document.getElementById('scanner').style.display = 'block';
World.trackableVisible = false;
}
</script>
© 2021 Wikitude, a Qualcomm company
Roshan Kumar