2017-02-18 85 views
0

http://adndevblog.typepad.com/cloud_and_mobile/2015/12/understand-the-coordinate-system-of-view-and-data-api-with-axishelper-extension.html无法在3D查看器中绘制线条?

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); 
+0

在Bounding Box扩展中,查看器正在本地加载,版本为1.2.23。我可以用http://adndevblog.typepad.com/cloud_and_mobile/2015/12/understand-the-coordinate-system-of- view-and-data-api-with- axishelper-extension.html – MarshAPI

+0

我可以使用BondingBox扩展按照最新版本的3D模型中的查看器绘制线条:v 2.13。如果您遇到问题,请发布可重现此问题的代码示例。 –

+0

示例代码添加了示例浏览器链接,似乎不喜欢此线条绘制代码。 (很高兴知道这应该是可能的) – MarshAPI

回答

0

我可以知道您正在测试哪个版本吗?

我创建了一个简单的测试来使用AxisHelper的代码。它看起来可以使用Viewer的当前默认版本(2.10)。我也明确将版本设置为2.11,它也可以工作。由于博客显示,要向查看器添加其他几何图形,将创建本地Three.js对象,然后添加到查看器场景,最后通过viewer.impl.invalidate刷新视图。

希望这个测试样本可以帮助你。如果您使用v2.10或v2.11,但仍然存在问题,您能否提供一个小型演示代码?