ApplyOccludeOpacity() doesn't work in Hololens

Hi @nqwifly,

when I am looking on this description , I believe the main intent there is to try ot hide some component dynamically.

Yes I could confirm that this does not work on HoloLens but work on preview.

So this is because there are some differences in the implementation on the HoloLens so that the code will lead to exception.

But actually, the code on the HoloLens is more easily to implement because the display follow the rgba alpha channel parameter and we do not need to set explicitly the opacity (it also will not work) but we need to do this in preview mode.

So the following code:

var PICK_COLOR_OPACITY1 = "rgba(,,,0.0)";

$rootScope.$on('modelLoaded', function() {
 //do some code here
 
angular.forEach($element.find('twx-dt-model'), function(value, key) {
 // search all twx-td-model's -> means all model widgets
 angular.element(value).scope().$on('userpick',function(event,target,parent,edata) {
 //for each model widget will set a userpick listener 
 console.log('edata');console.warn(edata);
	 console.log("JSON.parse(edata)");console.warn(JSON.parse(edata)); 
 	 	var pathid = JSON.parse(edata).occurrence;
	 $scope.currentSelection = target + "-" + pathid;
// this is the current selection - the selected component occurence
// you can use it for example as shown below
 console.log("=>>"+$scope.currentSelection);
 try{ 
 if(twx.app.isPreview() == true) //will hide it in preview
 tml3dRenderer.GetObject($scope.currentSelection).GetWidget().ApplyOccludeOpacity(0.0,0.0);
 else
 tml3dRenderer.setColor($scope.currentSelection, PICK_COLOR_OPACITY1); 
} catch (e1234) {$scope.view.wdg['3DLabel-1']['text']= "e="+e1234; }

	 } ) //end of the userpick defintion	 
		 } ) //end of for each funciton
 
 } )

Will work on both in preview and on HoloLens:

here on the HoloLense:

So here the opacity -> tha alpha channel /  is defined but the color should not be changed:

var PICK_COLOR_OPACITY1 = "rgba(,,,0.0)";

to change the rgba expression by setting another value of transparency you can use some construct like this:

var PICK_COLOR_OPACITY1 = "rgba(,,,0.0)";
var OPACITY_VAL=0.2;
var PICK_COLOR_OPACITY2= PICK_COLOR_OPACITY1.replace( "0.0)",OPACITY_VAL+")");

which will set transperancy value of  0.2

The code above is more than intended for setting colors and transparency  . According a recommendation from development for hiding of components is better to use  the hidden property

The code is then more simplified:

angular.forEach($element.find('twx-dt-model'), function(value, key) {
 // search all twx-td-model's -> means all model widgets
 angular.element(value).scope().$on('userpick',function(event,target,parent,edata) {
 //for each model widget will set a userpick listener 
 try{
 console.log('edata');console.warn(edata);
	 console.log("JSON.parse(edata)");console.warn(JSON.parse(edata)); 
 	 	var pathid = JSON.parse(edata).occurrence;
	 $scope.currentSelection = target + "-" + pathid;
 console.log("=>>"+$scope.currentSelection);
 } catch (ea) {console.error("not twx-model is clicked but still fired")}
 try{ 
 // here below the change recommended from R&D
 tml3dRenderer.setProperties($scope.currentSelection, { hidden:true } ); 
 
} catch (e1234) {console.error( "e="+e1234); }