3Dビューアで線を描くことができませんか？

Question

http://adndevblog.typepad.com/cloud_and_mobile/2015/12/understand-the-coordinate-system-of-view-and-data-api-with-axishelper-extension.html

1、上記は現在のビューア、思考では機能していないようですか？

は

2、アウグスト氏は述べています ：https://stackoverflow.com/a/39123356/5410501

をしかし、3D境界ボックスの拡張がデモページに機能しているようだ： http://viewer.autodesk.io/node/gallery/embed?id=560c6c57611ca14810e1b2bf&extIds=Autodesk.ADN.Viewing.Extension.BoundingBox

私は、3Dビューアと2Dビューアで線を描画する（必要性を）したいです。これどうやってするの？

V2.11の下のコードは線を引くようではありません。 http://viewer.autodesk.io/node/gallery/#/viewer?id=57ecc0fc21f5a6ec046dd0fd

をコンソールにペーストしてみてください。

var drawLine = function(start, end, material) { 

     var geometry = new THREE.Geometry(); 

     geometry.vertices.push(new THREE.Vector3(
      start.x, start.y, start.z)); 

     geometry.vertices.push(new THREE.Vector3(
      end.x, end.y, end.z)); 

     var line = new THREE.Line(geometry, material); 

     NOP_VIEWER.impl.scene.add(line); 
     //refresh NOP_VIEWER 
     NOP_VIEWER.impl.invalidate(true); 

     return line; 
} 

var _axisLines = []; 

    //get bounding box of the model 
    var boundingBox = NOP_VIEWER.model.getBoundingBox(); 
    var maxpt = boundingBox.max; 
    var minpt = boundingBox.min; 

    var xdiff = maxpt.x - minpt.x; 
    var ydiff = maxpt.y - minpt.y; 
    var zdiff = maxpt.z - minpt.z; 

    //make the size is bigger than the max bounding box 
    //so that it is visible 
    var size = Math.max(xdiff,ydiff,zdiff) * 1.2; 
    //console.log('axix size :' + size); 


    // x-axis is red 
    var material_X_Axis = new THREE.LineBasicMaterial({ 
     color: 0xff0000, //red 
     linewidth: 2 
    }); 
    NOP_VIEWER.impl.matman().addMaterial('material_X_Axis',material_X_Axis,true); 
    //draw the x-axix line 
    var xLine = drawLine(
     {x : 0, y : 0, z : 0} , 
     {x : size, y : 0, z : 0} , 
     material_X_Axis); 

    _axisLines.push(xLine); 


    // y-axis is green 
    var material_Y_Axis = new THREE.LineBasicMaterial({ 
     color: 0x00ff00, //green 
     linewidth: 2 
    }); 
    NOP_VIEWER.impl.matman().addMaterial('material_Y_Axis',material_Y_Axis,true); 
    //draw the y-axix line 
    var yLine = drawLine(
     {x : 0, y : 0, z : 0} , 
     {x : 0, y : size, z : 0} , 
     material_Y_Axis); 

    _axisLines.push(yLine); 


    // z-axis is blue 
    var material_Z_Axis = new THREE.LineBasicMaterial({ 
     color: 0x0000ff, //blue 
     linewidth: 2 
    }); 
    NOP_VIEWER.impl.matman().addMaterial('material_Z_Axis',material_Z_Axis,true); 
    //draw the z-axix line 
    var zLine = drawLine(
     {x : 0, y : 0, z : 0} , 
     {x : 0, y : 0, z : size} , 
     material_Z_Axis); 

    _axisLines.push(zLine); 

console.log(_axisLines); 

Answer 1

テストしているバージョンがわかりますか？

AxisHelperのコードを消費する簡単なテストを作成しました。現在のデフォルトバージョンのViewer（2.10）で動作するようです。私は明示的にバージョンを2.11に設定しました。これも動作します。ブログ示すようにhttps://github.com/xiaodongliang/TempTest

は、観察者に追加のジオメトリを追加するために、ネイティブThree.jsオブジェクトが作成されます、そして最終的には、viewer.impl.invalidateによって表示を更新し、ビューアシーンに追加。

このテストサンプルがお役に立てば幸いです。 v2.10、またはv2.11を使用していて、それでも問題がある場合、小さなデモコードを提供できますか？