ThreeJS分子 - 双键

时间:2014-12-09 22:08:33

标签: javascript css three.js

使用threejs,我试图使用以下示例: http://threejs.org/examples/#css3d_molecules

问题在于,在该示例中,从灰色到红色球的键应该是双键。我找到了一些建议如何完成这一过程的链接,但它似乎并不支持threejs。这就是我所说的: 的 https://www.umass.edu/microbio/rasmol/faq_em.htm#doublebonds

在那里你可以看到fumerate分子(它是一个文本文件)以及它们如何构建它。有关如何在视觉上添加双键的任何提示,或者通过更改线的类别以便我可以更改大小或颜色?

1 个答案:

答案 0 :(得分:1)

在函数loadMolecule中,有一个loader.load函数,下面粘贴了一些行,这是你在第一个旁边添加第二个键的地方。您可以将开始和结束位置偏移一些向量,然后绘制另一个向量。

for ( var i = 0; i < geometryBonds.vertices.length; i += 2 ) {

  var start = geometryBonds.vertices[ i ];
  var end = geometryBonds.vertices[ i + 1 ];

  start.multiplyScalar( 75 );
  end.multiplyScalar( 75 );

  tmpVec1.subVectors( end, start );
  var bondLength = tmpVec1.length() - 50;

}