ThreeJS 分子 - 双键

Posted 2023-02-27

【中文标题】ThreeJS 分子 - 双键

【英文标题】：ThreeJS Molecules - Double Bonds

【发布时间】：2015-02-07 23:39:53

【问题描述】：

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

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

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

【问题讨论】：

看，也许会有所帮助：loader molecule from .xyz

【参考方案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;