Rectangular beams

Author: RBergua

ressources/helpers3D.js

@@ -48,6 +48,48 @@ function cylinderBetweenPoints(P1, P2, R1, R2, color){
     return [cyl, s1, s2];
 }
 
+function rectangleBetweenPoints(P1, P2, SideA, SideB, color, SideA_dir){
+
+    var arr = segmentOrient(P1, P2);
+
+    // arr[2] = half length. Full length = 2*arr[2]
+    var length = 2*arr[2];
+
+    // BoxGeometry: (X = SideA, Y = beam longitudinal axis, Z = SideB)
+    var box_geo = new THREE.BoxGeometry(SideA, length, SideB);
+
+    // Extract rotation:
+    var rotOnly = new THREE.Matrix4().extractRotation(arr[0]);
+    // Beam longitudinal axis in global coordinates
+    var beamAxis = new THREE.Vector3(0,1,0).applyMatrix4(rotOnly).normalize();
+    // SideA direction in global coordinate system
+    var SideA_global = new THREE.Vector3(1,0,0).applyMatrix4(rotOnly).normalize();
+    // Target direction (already global and perpendicular to beam)
+    var target = new THREE.Vector3(
+    -SideA_dir[1],  // x = -y OpenFAST
+     SideA_dir[2],  // y = z OpenFAST
+    -SideA_dir[0]   // z = -x OpenFAST
+    ).normalize();
+    // Compute spin angle around beam axis
+    var cross = new THREE.Vector3().crossVectors(SideA_global, target);
+    var dot = THREE.MathUtils.clamp(SideA_global.dot(target), -1, 1);
+    var spin_angle = Math.atan2(cross.dot(beamAxis), dot);
+    // Apply spin angle:
+    box_geo.rotateY(spin_angle);
+
+    var box_mat = new THREE.MeshPhongMaterial({
+        color: color,
+        shininess: 60
+    });
+
+    var box = new THREE.Mesh(box_geo, box_mat);
+
+    box.applyMatrix4(arr[0]);
+    box.position.copy(arr[1]);
+    box.updateMatrixWorld();
+
+    return box;
+}
 
 /** Create a Plane for Sea Level **/
 function createSeaLevelObject(width){
@@ -148,4 +190,4 @@ function getExtent(scene){
     return e;
 }
 
-export {segmentOrient, cylinderBetweenPoints, createSeaLevelObject, createSeaBedObject, getExtent};
+export {segmentOrient, cylinderBetweenPoints, rectangleBetweenPoints, createSeaLevelObject, createSeaBedObject, getExtent};

ressources/script.js

@@ -167,23 +167,33 @@ function createWorldFromJSONStream(Jstream) {
            // NOTE: Coord conversion OpenFAST to Three:  x=-yOF, y=zOF, z=-xOF
            var P1 = new THREE.Vector3(-Nodes[i1][1], Nodes[i1][2], -Nodes[i1][0])
            var P2 = new THREE.Vector3(-Nodes[i2][1], Nodes[i2][2], -Nodes[i2][0])
-           //console.log('Adding cylinder:',P1, P2, Props[iElem].Diam)
-           var R =  Props[iElem].Diam/2;
+           // Color logic
+           var color;
            if (Props[iElem].type==1){
-               var color=0xc08f0e;
+               color=0xc08f0e;
            } else if (Props[iElem].type==2) {
-               var color=0x8ac00e; // cable
-               R=R/2;
+               color=0x8ac00e; // cable
            } else if (Props[iElem].type==3) {
-               var color=0xc00e34; //rigid
+               color=0xc00e34; //rigid
            } else {
-               var color=0xeab320; //misc
+               color=0xeab320; //misc
            }
-           var arr = PLT.cylinderBetweenPoints(P1, P2, R, R, color);
-           scene.add(arr[0]);
-           //scene.add(arr[1]);
-           //scene.add(arr[2]);
-           Elems[iElem]= arr[0]; // Store cylinder
+           var mesh; // Will hold the element to add
+           // Shape selection for beams (cylinder or rectangle)
+           if (Props[iElem].shape === "rectangle"){
+               var A = Props[iElem].SideA;
+               var B = Props[iElem].SideB;
+               var SideA_dir = Props[iElem].SideA_dir;
+               mesh = PLT.rectangleBetweenPoints(P1, P2, A, B, color, SideA_dir);
+           } else {
+               // Cylinder
+               var R =  Props[iElem].Diam/2;
+               if (Props[iElem].type==2) { R = R/2; }
+               var arr = PLT.cylinderBetweenPoints(P1, P2, R, R, color);
+               mesh = arr[0]; // Use the cylinder mesh
+           }
+           scene.add(mesh);
+           Elems[iElem]= mesh; // Store the element (cylinder or rectangle)
         }