ThreeJS 분자 threejs 작업 이중 결합

Question

, 나는 다음과 같은 예제를 사용하는 것을 시도하고있다 : 문제는 그 예에서, 빨간 공에 회색의 채권은 이중 결합 있어야하는 것이 http://threejs.org/examples/#css3d_molecules

. 나는 이것이 어떻게 행해지는지 제안하는 몇 가지 링크를 발견했지만, 3js에 의해 지원되는 것으로 보이지는 않는다. 이 https://www.umass.edu/microbio/rasmol/faq_em.htm#doublebonds

당신이 fumerate 분자 (그것은 텍스트 파일입니다) 그들이 어떻게 그것을 구성을 볼 수 있습니다 여기에 내가 얘기 한 것입니다. 시각적으로 이중 본드를 추가하는 방법에 대한 팁이나 라인의 클래스를 변경하여 크기 나 색상을 변경할 수 있습니까?

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; 

}