How can I make 3D models appear using 3d toggles in Studio?

CB_9115947 — Tue, 11 Jan 2022 14:45:01 GMT

Let me start by saying everything works perfectly in preview, but not on HoloLens.

I'm creating an experience where certain models appear and disappear depending upon which 3D toggle is active/inactive. There are three toggles that make the same model appear (it's generic and has no sequences or animation). When the other toggles are selected, the generic model will disappear, but none of the other models (all of which DO have sequences) do not appear. I'm guess it has to do with the fact that they have sequences attached to them since the JS seems to be the same.

Here's an example of some of the JS I'm using for each 3D Toggle:

//Overview Settings
$scope.overview = function() {
$scope.view.wdg['3DToggleButton-2']['pressed'] = false;
$scope.view.wdg['3DToggleButton-3']['pressed'] = false;
$scope.view.wdg['3DToggleButton-4']['pressed'] = false;
$scope.view.wdg['3DToggleButton-5']['pressed'] = false;
$scope.view.wdg['3DToggleButton-6']['pressed'] = false;
$scope.view.wdg['3DToggleButton-7']['pressed'] = false;
$scope.view.wdg['3DToggleButton-8']['pressed'] = false;
$scope.app.params.model1 = true;
$scope.app.params.model2 = false;
$scope.app.params.model3 = false;
$scope.app.params.model4 = false;
$scope.app.params.model5 = true;
$scope.app.params.model6 = false;
$scope.app.params.image2 = true;
$scope.app.params.image3 = false;
$scope.app.params.image4 = false;
$scope.app.params.image5 = false;
$scope.app.params.image6 = false;
$scope.app.params.image7 = false;
$scope.app.params.image8 = false;
$scope.app.params.image9 = false;
};

//Pole Settings
$scope.pole = function() {
$scope.view.wdg['3DToggleButton-1']['pressed'] = false;
$scope.view.wdg['3DToggleButton-3']['pressed'] = false;
$scope.view.wdg['3DToggleButton-4']['pressed'] = false;
$scope.view.wdg['3DToggleButton-5']['pressed'] = false;
$scope.view.wdg['3DToggleButton-6']['pressed'] = false;
$scope.view.wdg['3DToggleButton-7']['pressed'] = false;
$scope.view.wdg['3DToggleButton-8']['pressed'] = false;
$scope.app.params.model1 = false;
$scope.app.params.model2 = false;
$scope.app.params.model3 = false;
$scope.app.params.model4 = false;
$scope.app.params.model5 = true;
$scope.app.params.model6 = true;
$scope.app.params.image2 = false;
$scope.app.params.image3 = true;
$scope.app.params.image4 = false;
$scope.app.params.image5 = false;
$scope.app.params.image6 = false;
$scope.app.params.image7 = false;
$scope.app.params.image8 = false;
$scope.app.params.image9 = false;
};

//Light Arm Settings
$scope.lightArm = function() {
$scope.view.wdg['3DToggleButton-1']['pressed'] = false;
$scope.view.wdg['3DToggleButton-2']['pressed'] = false;
$scope.view.wdg['3DToggleButton-4']['pressed'] = false;
$scope.view.wdg['3DToggleButton-5']['pressed'] = false;
$scope.view.wdg['3DToggleButton-6']['pressed'] = false;
$scope.view.wdg['3DToggleButton-7']['pressed'] = false;
$scope.view.wdg['3DToggleButton-8']['pressed'] = false;
$scope.app.params.model1 = false;
$scope.app.params.model2 = true;
$scope.app.params.model3 = false;
$scope.app.params.model4 = false;
$scope.app.params.model5 = true;
$scope.app.params.model6 = false;
$scope.app.params.image2 = false;
$scope.app.params.image3 = false;
$scope.app.params.image4 = true;
$scope.app.params.image5 = false;
$scope.app.params.image6 = false;
$scope.app.params.image7 = false;
$scope.app.params.image8 = false;
$scope.app.params.image9 = false;
};

Re: How can I make 3D models appear using 3d toggles in Studio?

sgreywilson — Tue, 11 Jan 2022 17:42:53 GMT

The sequence visibility does take precedence over any JS. This could be the issue. You can try setting the sequence to blank and then explore the JS

Re: How can I make 3D models appear using 3d toggles in Studio?

CB_9115947 — Tue, 11 Jan 2022 18:03:29 GMT

I'll give that a try. But then how do I apply the sequence?

Re: How can I make 3D models appear using 3d toggles in Studio?

sgreywilson — Tue, 11 Jan 2022 18:15:46 GMT

via code you can set the sequence (you will have to know the name )

$scope.view.wdg['model-1']['sequence']='app/resources/Uploaded/Illustration/l-Creo%203D%20-%20drillChuck.pvi';

Then you will need to listern for event sequenceloaded

var modelName = "model-1";
$scope.$on('sequenceloaded', function(evt, args, meta) {      

// do something   
    $scope.$broadcast('app.view["Home"].wdg["' +modelName+ '"].svc.playAll');
  });

Hope this helps

Re: How can I make 3D models appear using 3d toggles in Studio?

CB_9115947 — Tue, 11 Jan 2022 18:24:46 GMT

I will give it a try, thank you!

topic How can I make 3D models appear using 3d toggles in Studio? in Vuforia Studio

How can I make 3D models appear using 3d toggles in Studio?

Re: How can I make 3D models appear using 3d toggles in Studio?

Re: How can I make 3D models appear using 3d toggles in Studio?

Re: How can I make 3D models appear using 3d toggles in Studio?

Re: How can I make 3D models appear using 3d toggles in Studio?