javascript - ThreeJS 分子 - 双键

Question

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

问题是在那个例子中，从灰色球到红色球的键应该是双键。我发现了一些建议如何完成的链接，但 threejs 似乎不支持它。这就是我所说的:<强> https://www.umass.edu/microbio/rasmol/faq_em.htm#doublebonds

在那里您可以看到富马酸盐分子(它是一个文本文件)以及它们的结构。关于如何在视觉上或通过更改线的类别添加双键以便更改大小或颜色的任何提示？

Answer 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;

}