Wikitude
How can we help you today?
AutoFocus or Scanning effect on ArchitectView
6 CommentsSorted by Newest First
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>
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
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
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.
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,
I just want to add an AutoFocus or Scanning effect while camera is scannig an image. Could you please help me in this.
© 2023 Wikitude, a Qualcomm company
Roshan Kumar