ThreeJS分子 - 双键

Ala*_*lan 5 javascript css three.js

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

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

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

小智 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;

}
Run Code Online (Sandbox Code Playgroud)