Easy way to enter multiple checkpoints(3d model) using x,y,z co ordinates

[Aditya1702]

Hi Everyone,

Good Morning,

We have made an experience in Vuforia Studio which contains multiple step checks with each steps having multiple checkpoints at various locations.

For checkpoints we are using Vuforia Studio's 3D model widget & each checkpoint has label mentioned on it  for which we are using 3D Label widget.

We have coordinates of each checkpoints. So, to insert checkpoints we have to manually add 3d widget & enter its x,yz co ordinates similarly we have to do it for its label.

Problem is for a single experience we have checkpoints ranging from 10 to 250 or even more.

So we have to add 250 model + 250 labels & enter their x,y,z co ordinates manually which is a very time consuming process.

Is there any alternate way in Vuforia Studio.

I have attached the checkpoint & its label image for reference below.

Thanks in advance.

Regards,

Aditya Gupta

[RolandRaytchev]

Hi @Aditya1702,

I believe you intent could be implemented by Waypoint widget- where we can try to create an list loaded by file etc.  json file received  from  Upload folder or from TWX File repository LoadJson -service of the FileRepository thing.

So that is useable when you want to go step by step to different point of the modelwidget. ONly one waypooint is displayed at the current time - so navigate with next and previous but you can jump to any number. 

The dynamic set of the waypoint object and the location could be done by the data of the widget:

//##########################################
//// here the waitpoint data for 16 Waypoints
//######################################
$scope.app.waypointsdata=[{"position":{"x":-0.5,"y":0.5,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.2","wayfinderDisplayBoundary":"0.2","label":"Waypoint 1"},{"position":{"x":0.0608,"y":0.4892,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.2","wayfinderDisplayBoundary":"0.2","label":"Waypoint 2"},{"position":{"x":0.5117,"y":0.6721,"z":-0.3123},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.2","wayfinderDisplayBoundary":"0.2","label":"Waypoint 3"},{"position":{"x":-0.1058,"y":0.6174,"z":0.1117},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.2","wayfinderDisplayBoundary":"0.2","label":"Waypoint 4"},{"position":{"x":-0.1467,"y":0.1608,"z":0.1022},"gaze":{"x":-5.781425897883269e-17,"y":0.47208925070547064,"z":0.8815507582484104},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.2","wayfinderDisplayBoundary":"0.2","label":"Waypoint 5"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 6"},{"position":{"x":1.0684,"y":0,"z":0.2729},"gaze":{"x":0,"y":-0.9999999847691291,"z":-0.00017453292431324208},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 7"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 8"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 9"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 10"},{"position":{"x":0.5752,"y":0,"z":0.6409},"gaze":{"x":0,"y":-0.9999999847691291,"z":-0.00017453292431324208},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 11"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 12"},{"position":{"x":0.4452,"y":0,"z":0.3125},"gaze":{"x":0,"y":-0.9999999847691291,"z":-0.00017453292431324208},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 13"},{"position":{"x":-0.071,"y":0,"z":0.9664},"gaze":{"x":0,"y":-0.9999999847691291,"z":-0.00017453292431324208},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 14"},{"position":{"x":-0.1722,"y":0,"z":1.1677},"gaze":{"x":0,"y":-0.9999999847691291,"z":-0.00017453292431324208},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 15"},{"position":{"x":0,"y":0,"z":0},"gaze":{"x":0,"y":0,"z":-1},"up":{"x":0,"y":1,"z":0},"eventRadius":0.25,"wayfinderDisplayBoundary":"1","label":"Waypoint 16"}];
//######################################
$timeout(()=>{
 $scope.setWidgetProp('wayfinder-1', 'waypointsData',$scope.app.waypointsdata);
    $scope.$applyAsync(); 
  },300)

Here I want to proivde a demo project , so you can check if this type of widget will be ok to implment your goal. Thanks

[Aditya1702]

Hi @RolandRaytchev ,

Thanks for your response.

Since there are multiple checkpoints for a single step it would be difficult to use waypoints, as only one waypoint can be visible at a time.

Can we enter multiple widgets (eg 3D Model, 3D Label) in similar way using the above mentioned method or using json file?

Regards,

Aditya Gupta