Andre/Bachelor-Thesis
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source 
python
This commit is contained in:
Andreas Wilms
2025-09-08 16:25:55 +02:00
commit 78481ca337
617 changed files with 345831 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
PCSurvey/PCstatic/html/instructions_P0.html Normal file
View File

@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Point Clouds and VR: Research Introduction</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 20px;
background-color: #f8f8f8;
color: #333;
}
section {
background: #fff;
padding: 20px;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 24px;
margin-bottom: 20px;
color: #333;
text-align: center;
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
h2 {
font-size: 20px;
color: #444;
margin-top: 20px;
}
p {
margin-bottom: 10px;
}
img {
border: 1px solid #ccc;
display: block;
margin: 20px auto;
max-width: 100%;
height: auto;
}
button {
display: block;
width: 20%;
padding: 10px;
background: #bc0ba8;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
margin-bottom: 50px;
}
button:disabled {
background: #ccc;
color: #666;
cursor: not-allowed;
}
button:not(:disabled):hover {
background: #5d0570;
}
div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.highlight {
background-color: #f0f0f0;
border-left: 4px solid #4a4a4a;
padding: 10px;
margin: 10px 0;
}
.important-note {
background-color: #e6e6e6;
border: 1px solid #4a4a4a;
border-radius: 3px;
padding: 15px;
margin-top: 20px;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div>
<section>
<h1>Point Clouds and Virtual Reality: Essential Research Introduction</h1>
<div class="important-note">
Please read the following introduction as it can be helpful for understanding the research.
</div>
<h2>What is a Point Cloud?</h2>
<p>A point cloud is a set of data points in 3D space, typically representing the external surface of an object or environment. Each point has X, Y, and Z coordinates and may include additional information like color or intensity.</p>
<div class="highlight">
<strong>Key Features of Point Clouds:</strong>
<ul>
<li>Detailed 3D representation of objects and environments</li>
<li>Created using 3D scanners or LiDAR technology</li>
<li>Can contain millions of points for high-resolution models</li>
</ul>
</div>
<img src="PCstatic/img/pointcloud_example.png" alt="Point Cloud Visualization">
<h2>Connection to Virtual Reality (VR)</h2>
<p>Point clouds play a crucial role in creating immersive VR experiences by bridging the gap between physical and virtual worlds.</p>
<div class="highlight">
<strong>How Point Clouds Enhance VR:</strong>
<ul>
<li>Create detailed and accurate 3D models of real-world environments</li>
<li>Enable the generation of immersive VR experiences</li>
<li>Allow users to explore digitally recreated spaces</li>
<li>Provide a data-driven foundation for realistic environmental representations</li>
</ul>
</div>
<p>By utilizing point clouds in VR, researchers and developers can create highly realistic and interactive virtual environments, revolutionizing fields such as architecture, gaming, virtual tourism, and more.</p>
<p>Understanding these concepts is essential for delving into advanced research topics in 3D visualization, computer vision, and virtual reality applications.</p>
</section>
</div>
<button type="button" id="consent" disabled="true"></button>
</body>
<script>
var timerElement = document.getElementById('consent');
var timeLeft = 10;
var countdown = setInterval(() => {
if (timeLeft <= 0) {
clearInterval(countdown);
timerElement.textContent = "Continue";
timerElement.disabled = false;
} else {
timerElement.textContent = timeLeft;
timeLeft--;
}
}, 1000);
</script>
</html>