cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

3D Image Blink in Experience

SOLVED
Highlighted
Aquamarine

3D Image Blink in Experience

I created an experience in which I want to show sequence location with Blinking 3D Image (Arrow). 

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

I used above css on 3D lable but it's not working.

Can someone help me with this or give any better solution. 

Regards,
Swapnil More
1 ACCEPTED SOLUTION

Accepted Solutions

Re: 3D Image Blink in Experience

You can use $interval function as follow:

$scope.blink= function(){
	interval= $interval( function(){
          $scope.app.view.Home.wdg["3DImage-4"]["visible"] = !$scope.app.view.Home.wdg["3DImage-4"]["visible"];
          }, 
              500); // interval duration .5 second
}

 

Consider cancelling the interval whenever you're done with it by:

  	$interval.cancel(interval);

 

Regards,

 

View solution in original post

1 REPLY 1

Re: 3D Image Blink in Experience

You can use $interval function as follow:

$scope.blink= function(){
	interval= $interval( function(){
          $scope.app.view.Home.wdg["3DImage-4"]["visible"] = !$scope.app.view.Home.wdg["3DImage-4"]["visible"];
          }, 
              500); // interval duration .5 second
}

 

Consider cancelling the interval whenever you're done with it by:

  	$interval.cancel(interval);

 

Regards,

 

View solution in original post

Announcements
Topics available:
AR/VR for Data Optimization AR/VR for Security and Control AR/VR for Inspection