lineTo3D/js/drawGeometry.js

// let scene, camera, renderer, controls;
// let stats = initStats();
// let key = 'points', id = 'id';
// let verticalLineAry = [];
// let geoKeys = ['3d_point1', '3d_point2'];
// // n_panorama_line_3d = rx1

// /* 初始加载 */
// (function () {
//     console.log("three start...");
//     init();
//     animate();
//     console.log("three end...");
// })();

// /**
//  * 初始化函数
//  */
// function init() {
//     initRenderer();
//     initScene();
//     initCamera();
//     initLight();
//     initControls();
//     drawGeometry(rx1);
//     findIntersectLine();
// }

// // function drawGeometry() {
// //     findIntersectLine();
// //     if (!panorama_line_3d) {
// //         let geometry = new THREE.geometry
// //         console.log('panorama_line_3d未定义, 请检查');
// //         return;
// //     }

// //     let material = new THREE.LineBasicMaterial({
// //         color: 'red'
// //     })
// //     let geometry = new THREE.Geometry();

// //     // 第一层的面循环
// //     for (let i = 0; i < panorama_line_3d.length; i++) {
// //         let face = panorama_line_3d[i]['faceLine'];
// //         let index = panorama_line_3d[i]['index'];
// //         let curVerticalLine = []
// //         // if (face.length < 4) {
// //         //     console.log('构成面的线段数小于4, 请检查');
// //         //     return;
// //         // }
// //         let sta = false;   // 用于控制寻找相同点还是不同点
// //         // 第二层面中的线循环
// //         for (let j = 0; j < face.length; j++) {
// //             if (!face[j][key] || face[j][key].length < 2) {
// //                 console.log('线段' + face[j][id] + '的点数据有误, 请检查');
// //                 return;
// //             }
// //             // 绘制第一条线段
// //             if (j === 0) {
// //                 // 第一条线段, 先寻找不同点
// //                 let firstPoint = findPoint(face[j][key], face[j + 1][key], false);
// //                 findverticalLine(firstPoint).forEach((item) => {
// //                     index.indexOf(item) < 0 && curVerticalLine.indexOf(item) < 0 && curVerticalLine.push(item);
// //                 })
// //                 firstPoint && geometry.vertices.push(new THREE.Vector3(firstPoint[0], firstPoint[1], firstPoint[2]));
// //                 // 再寻找相同点
// //                 let secondPoint = findPoint(face[j][key], face[j + 1][key], true);
// //                 findverticalLine(secondPoint).forEach((item) => {
// //                     index.indexOf(item) < 0 && curVerticalLine.indexOf(item) < 0 && curVerticalLine.push(item);
// //                 })
// //                 secondPoint && geometry.vertices.push(new THREE.Vector3(secondPoint[0], secondPoint[1], secondPoint[2]));
// //             } else if (j === face.length - 1) {  // 最后一条线段, 寻找与第一条线段相交的点
// //                 let lastPoint = findPoint(face[j][key], face[0][key], true);
// //                 findverticalLine(lastPoint).forEach((item) => {
// //                     index.indexOf(item) < 0 && curVerticalLine.indexOf(item) < 0 && curVerticalLine.push(item);
// //                 })
// //                 lastPoint && geometry.vertices.push(new THREE.Vector3(lastPoint[0], lastPoint[1], lastPoint[2]));
// //             } else {  // 寻找与上一条线段相交的点
// //                 let point = findPoint(face[j][key], face[j + 1][key], true);
// //                 findverticalLine(point).forEach((item) => {
// //                     index.indexOf(item) < 0 && curVerticalLine.indexOf(item) < 0 && curVerticalLine.push(item);
// //                 })
// //                 point && geometry.vertices.push(new THREE.Vector3(point[0], point[1], point[2]));
// //             }
// //         }
// //         panorama_line_3d[i].verticalLine.push(curVerticalLine);
// //     }
// //     let line = new THREE.Line(geometry, material);
// //     scene.add(line);

// // }

// function drawGeometry(n_panorama_line_3d) {
    
//     // if (!panorama_line_3d) {
//     //     console.log('panorama_line_3d未定义, 请检查');
//     //     return;
//     // }
//     if (scene.getObjectByName("3d_line")) {
//         scene.remove(scene.getObjectByName("3d_line"));
//         }

//     let material = new THREE.LineBasicMaterial({
//         color: 'red'
//     })


//     let line_model = new THREE.Object3D();
//     // 第一层的面循环
//     for (let i = 0; i < n_panorama_line_3d.length; i++) {
//         let threeDLine = n_panorama_line_3d[i];
//         let geometry = new THREE.Geometry();
//         for (let j = 0; j < geoKeys.length; j++) {
//             geometry.vertices.push(new THREE.Vector3(threeDLine[geoKeys[j]][0], threeDLine[geoKeys[j]][1], threeDLine[geoKeys[j]][2]))
//         }
//         let line = new THREE.Line(geometry, material);
//         line_model.add(line);
//     }
//     line_model.name = '3d_line';
//     scene.add(line_model);

// }

// /**
//  * 
//  * @param {*} point 
//  */
// // function findverticalLine(point) {
// //     let lineAry = [];
// //     for (let i = 0; i < panorama_line_3d.length; i++) {
// //         for (let j = 0; j < panorama_line_3d[i].length; j++) {
// //             for (let k = 0; k < panorama_line_3d[i][j]['points'].length; k++) {
// //                 let o_point = panorama_line_3d[i][j]['points'][k];
// //                 if (arrayEquals(o_point, point)) {
// //                     lineAry.push(panorama_line_3d[i][j]['id']);
// //                 }
// //             }
// //         }
// //     }
// //     // console.log(lineAry);
// //     return lineAry;
// // }



// /**
//  * 初始化渲染器
//  */
// function initRenderer() {
//     renderer = new THREE.WebGLRenderer({
//         antialias: true
//     });
//     renderer.setSize(window.innerWidth / 2, window.innerHeight);
//     renderer.setClearColor("#ccc");
//     renderer.shadowMap.enabled = true;
//     let rightCav = document.getElementById('geo-cav');
//     rightCav.appendChild(renderer.domElement);
//     // canvas = renderer.domElement;
// }

// /**
//  * 初始化场景
//  */
// function initScene() {
//     scene = new THREE.Scene();
//     // initContents();
// }

// /**
//  * 初始化相机
//  */
// function initCamera() {
//     camera = new THREE.PerspectiveCamera(
//         45,
//         0.5 * window.innerWidth / window.innerHeight,
//         1,
//         100
//     );
//     // camera = new THREE.OrthographicCamera(3 / - 2, 3 / 2, 3 / 2, 3 / - 2, 1, 1000);
//     camera.position.set(15, -15, 8);
//     camera.up.x = 0;
//     camera.up.y = 0;
//     camera.up.z = 1;
//     camera.lookAt(new THREE.Vector3(0, 0, 0));
// }

// /**
//  * 初始化灯光
//  */
// function initLight() {
//     let ambientLight = new THREE.AmbientLight(0x333333);
//     let directionalLight = new THREE.DirectionalLight("#FFFAFA", 1);
//     directionalLight.position.set(100, -200, 200);
//     directionalLight.castShadow = true;
//     scene.add(ambientLight);
//     scene.add(directionalLight);
// }

// /**
//  * 初始化控制器
//  */
// function initControls() {
//     // TODO: 3D状态下启动控制器
//     controls = new THREE.OrbitControls(camera, renderer.domElement);
// }


// /**
//  * 初始化性能插件
//  */
// function initStats() {
//     let stats = new Stats();
//     stats.setMode(0);
//     stats.domElement.style.position = "absolute";
//     stats.domElement.style.left = "0";
//     stats.domElement.style.top = "0";
//     document.body.appendChild(stats.domElement);
//     return stats;
// }

// /* 循环调用 */
// function animate() {
//     requestAnimationFrame(animate);
//     renderer.render(scene, camera);
//     update();
// }

// /* 更新数据 */
// function update() {
//     stats.update();
//     controls.update();
// }