init

2025-09-08 16:25:55 +02:00
commit cdcd870b6f
614 changed files with 343437 additions and 0 deletions
--- a/PCSurvey/potree/single_page_template_trial_2Elements.html
+++ b/PCSurvey/potree/single_page_template_trial_2Elements.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="description" content="">
+	<meta name="author" content="">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+	<title>Potree Viewer</title>
+
+	<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
+	<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
+	<link rel="stylesheet" type="text/css" href="../libs/perfect-scrollbar/css/perfect-scrollbar.css">
+	<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
+	<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
+	<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
+</head>
+
+<body>
+	<script type="text/javascript" src="../PCstatic/js/jspsych.js"></script>
+	<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
+	<script src="../libs/spectrum/spectrum.js"></script>
+	<script src="../libs/perfect-scrollbar/js/perfect-scrollbar.jquery.js"></script>
+	<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
+	<script src="../libs/three.js/build/three.min.js"></script>
+	<script src="../libs/other/BinaryHeap.js"></script>
+	<script src="../libs/tween/tween.min.js"></script>
+	<script src="../libs/d3/d3.js"></script>
+	<script src="../libs/proj4/proj4.js"></script>
+	<script src="../libs/openlayers3/ol.js"></script>
+	<script src="../libs/i18next/i18next.js"></script>
+	<script src="../libs/jstree/jstree.js"></script>
+	<script type="text/javascript" src="../build/potree/potree.js"></script>
+	<script src="../libs/plasio/js/laslaz.js"></script>
+	
+	
+	<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
+	<!-- INCLUDE SETTINGS HERE -->
+	
+	<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; ">
+		<div id="potree_render_area" style="position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; "></div>
+		<!--<div id="potree_sidebar_container"></div> -->
+	</div>
+	
+	<script>
+
+		window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
+		//window.viewer = new Potree.Viewer(document.getElementById("potree_render_area_2"));
+		
+		viewer.setEDLEnabled(true);
+		viewer.setFOV(90);
+		viewer.setPointBudget(1*1000*1000*1000);
+		viewer.loadSettingsFromURL();
+		viewer.useHQ = true;
+
+        var urlParams = new URLSearchParams(window.location.search);
+	
+        var letter = urlParams.get('letter');
+        var letter2 = urlParams.get('letter2');
+        var cloud = urlParams.get('cloud');
+            
+		Potree.loadPointCloud(`pointclouds/${cloud}/cloud.js`, `${cloud}`, function(e){
+			viewer.scene.addPointCloud(e.pointcloud);
+			
+			let material = e.pointcloud.material;
+			material.size = 1;
+			material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
+			
+			viewer.scene.view.position.set(0, 0, 5);
+			viewer.scene.view.lookAt(17, 10, 0);
+			viewer.setNavigationMode(Potree.FirstPersonControls);
+			viewer.setMoveSpeed(25);
+
+
+			
+		});
+      
+	
+
+	const loader = new THREE.FontLoader();
+	//var controlLetter = test_data_N0102[0].data.controlLetter;
+	loader.load('https://threejs.org/examples/fonts/optimer_regular.typeface.json', function (font) {
+		var textGeometry = new THREE.TextGeometry(letter, {
+			font: font,
+			size: 6,
+			height: 2,
+			curveSegments: 5,
+			bevelEnabled: true,
+			bevelThickness: 0.05,
+			bevelSize: 0.02,
+			bevelOffset: 0,
+			bevelSegments: 4,
+		});
+
+        var textGeometry2 = new THREE.TextGeometry(letter2, {
+			font: font,
+			size: 6,
+			height: 2,
+			curveSegments: 5,
+			bevelEnabled: true,
+			bevelThickness: 0.05,
+			bevelSize: 0.02,
+			bevelOffset: 0,
+			bevelSegments: 4,
+		});
+
+		var textMaterial = new THREE.MeshBasicMaterial({color: 0x0000ff}); // Blaue Farbe
+		var textMesh = new THREE.Mesh(textGeometry, textMaterial);
+
+		textMesh.rotation.x = Math.PI / 2;
+		textMesh.position.set(-63, 3, 8);
+		viewer.scene.scene.add(textMesh);
+
+        var textMesh2 = new THREE.Mesh(textGeometry2, textMaterial);
+
+        textMesh2.rotation.x = Math.PI / 2;
+        textMesh2.position.set(2, -35, 9);
+        viewer.scene.scene.add(textMesh2);
+
+	});
+	
+  
+</script>
+
+</html>