이 섹션의 전체 코드와 사용자의 진행 상황을 비교하려면 GitHub의 Appendix 7에서 찾아볼 수 있습니다. 이 섹션의 완료된 프로젝트 파일은 GitHub의 3D-Guided Service Instructions 201 폴더에서도 사용할 수 있습니다.

//
// highlighting function. Inputs are the selected part and a boolean for hilite
$scope.hilite = function (items, hilite) {
  //
  //iterate over each item that is used as an imported variable for the function using .forEach to look at each value that comes in the items input
  items.forEach(function(item) {
    //
    //set the properties of the TML 3D Renderer to highlight the selected item using a TML Text shader. "green" is the name of the script for the TML Text.
    tml3dRenderer.setProperties(item, hilite === true ? { shader: "green", hidden: false, opacity: 0.9, phantom: false, decal: true }
                                                      : { shader: "", hidden: false, opacity: 1.0, phantom: false, decal: false });
  }) //foreach end
} //hilite function end

설명은 이 컨텍스트에서 코드를 설명하기 위한 용도입니다. 코드가 포함된 경우 설명이 화면에 표시됩니다.

//name of the shader is green, the type is setting the color.
//
<script name="green" type="x-shader/x-fragment">
//
// setting the precision of the shader. medium is fine for this application.
  precision mediump float; 
//     
// function to set the color of the shader. Syntax is vec4(R, G, B, A) format and the values are on a 0.0-1.0 scale
void main() {
          gl_FragColor = vec4(0.,1.,0.,1.);
        }
</script>
// name of the shader is green, this time the type sets the position
<script name="green" type="x-shader/x-vertex">
      attribute vec4 vertexPosition;
      uniform mat4 modelViewProjectionMatrix;
//    
// sets the position of the vertex
 void main() {
        gl_Position = modelViewProjectionMatrix * vertexPosition;
      }
</script>

//
    //highlight the chosen item and set the shader to true
    $scope.hilite([$scope.currentSelection], true);

refitems를 closePopup 함수에 대한 새 입력으로 추가해야 합니다. 그렇지 않으면 경험이 의도한 대로 작동하지 않습니다.

    //
    // create a function to close the popup and turn off shading. popup is the popup, refitems is the input for the part(s) that is being highlighted 
    var closePopup = function (popup, refitems) {
      
      //
      //The function returns a method for removing the popup from the screen and turns off the shader
      return function () {
        //
        //using the input parts, set the hilite function to be false, removing the shading
        $scope.hilite(refitems, false)
        //
        //apply the .close method, which removes a certain section of a selected object, to the popup variable
        popup.close()
        //
        //change the Text property of the playButton to the instructionName variable, which was created from the JSON data of the model
        $scope.view.wdg.playButton.text = instructionName;
        //
        // create an object for the playButton called toPlay. This object will have properties of model, which will be the name of the object that 
        //is clicked on and instruction, which will add the proper syntax for calling a sequence, based off the instructionName variable, into Studio
        $scope.view.wdg.playButton.toPlay = {       model: targetName, 
                                              instruction: 'l-Creo 3D - ' + instructionName + '.pvi' };
      } //return end
      
    } // closepopup function end

    $timeout(closePopup(popup, [$scope.currentSelection]), 3000);