Display a model in a 2D view

Hello,

A 2D View, is a HUD to display only GUI.

It is not possible to display 3D model in a 2D View.

2D View is a surface (in 2D dimensions) who is always normal to the Camera.

So, at the best, you can displayed a 2D image of the 3D model.

To display a 3D model and rotate it, it must be in 3D View, in a 3D world, in 3D dimensions.

In Vuforia View, by default, Camera rotations are managed by the position and the rotations of the mobile, tablet ...etc...

To achieve an orbit camera around a 3D model, I would recommand these steps :

1. At first, read this post about rotations and the referential of a 3D Model : https://community.ptc.com/t5/Studio-Tech-Tips/Mechanism-Concept-in-Vuforia-Studio-How-to-make-rotation-more/m-p/552743#M35
2. In the Project, In the 3D View, use a binding to Freeze the Camera
3. Add a Target
4. Add a 3D model
5. In 2D View, add 2 Buttons
6. In Home.js, add 2  javascript functions to increase and descrease the angle of Y axis of the 3D Model.

   $scope.increaseY = function() {
    console.log("increaseY");
    console.log($scope.view.wdg['model-1']['ry']);
   	$scope.view.wdg['model-1']['ry'] = $scope.view.wdg['model-1']['ry'] + 10;
   }
   
   $scope.decreaseY = function() {
    console.log("decreaseY");
    console.log($scope.view.wdg['model-1']['ry']);
   	$scope.view.wdg['model-1']['ry'] = $scope.view.wdg['model-1']['ry'] - 10;
   }

7. In 2D View, for each Button Widgets, in EVENTS, in Click, in js button, call the right function needed

At the end, you can do the same for the 2 other Axis X and Y.

To track fingers move on screen for moble, instead of clicking buttons, I would recommand to use a Spatial Tracking : 

https://community.ptc.com/t5/Studio/support-touch-screen-thingworx-studio/td-p/549493

Please find attached an example of the steps in a Project.

Best regards,

Samuel