Updates

index.html

@@ -3,4 +3,4 @@
 However, some computer graphics features in niche gaps are missing.</p><h2 class="mt-2 mb-1">Scope and Context</h2><p>We at the research group for <a href="https://hpi.de/doellner/home.html">Computer Graphics Systems</a>, chaired by Prof. Dr. Jürgen Döllner, identified a couple of such missing features and designed a project seminar to fill these gaps.
 As such, we conducted the seminar "3D Computer Graphics: Extending the Three.js Framework" with seven Bachelor's students in the winter semester 2023/24 at Hasso Plattner Institute, Digital Engineering Faculty, University of Potsdam.
 The instructors and supervisors for the projects were Willy Scheibel (<span class="nowrap"><a href="https://www.github.com/scheibel"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;scheibel</a></span>) and Ole Wegen.
-The results were as follows.</p></div></div><h1 class="mt-4 mb-1">Projects</h1><div class="row"><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/wih_8e79.png" alt="World-in-Hand Navigation"><div class="card-body"><h4 class="card-title">World-in-Hand Navigation</h4><p class="card-text">Students:&nbsp;<span class="nowrap"><a href="https://www.github.com/Stastez"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;Stastez</a></span>, <span class="nowrap"><a href="https://www.github.com/BelanaZ"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;BelanaZ</a></span></p><div class="card-text"><p>This navigation method aims to enhance the user experience by allowing users to interact with the virtual world as if it were a tangible object in their hands. By bridging the gap between the user's interaction and the virtual camera's movement, World-In-Hand Navigation offers a more intuitive, robust, and user-friendly navigation experience compared to the traditional navigation controls provided by Three.js.</p></div><a class="card-link" href="https://orbitnavjs.github.io/WIHNavigationWebsite/">Visit Website</a></div></div></div><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/three-openll-labels_7368.png" alt="Distance Field Font Rendering"><div class="card-body"><h4 class="card-title">Distance Field Font Rendering</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/strawberriesandcheese"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;strawberriesandcheese</a></span></p><div class="card-text"><p>This extension adds 2D labels to three.js, allowing users to easily create annotations in their 3D scenes with minimal rendering overhead.</p></div><a class="card-link" href="https://strawberriesandcheese.github.io/three-openll-labels/">Visit Website</a></div></div></div><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/blockdecay_0dbf.png" alt="Block Decay Effect"><div class="card-body"><h4 class="card-title">Block Decay Effect</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/zerhacker1"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;zerhacker1</a></span></p><div class="card-text"><p>ModelDecay introduces a solution for voxelization and animation within the Three.js library. This tool enables developers to take a 3D model and convert it into a voxelized representation, subsequently animating the fall of these voxels. The prinicipal objective was to examine the possibility of vanishing/decaying 3D model as a type of object in Three.js tested specifically on said voxelization effect.</p></div><a class="card-link" href="https://zerhacker1.github.io/blockdecaydemo/">Visit Website</a></div></div></div><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/playground_06d8.png" alt="Group Nodes for the Playground"><div class="card-body"><h4 class="card-title">Group Nodes for the Playground</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/abc013"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;abc013</a></span></p><div class="card-text"><p>(To be added.)</p></div><a class="card-link" href="https://abc013.github.io/three.js/playground/">Visit Website</a></div></div></div><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/superquadrics_9308.png" alt="Superquadrics as Base Geometry"><div class="card-body"><h4 class="card-title">Superquadrics as Base Geometry</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/matteovoges"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;matteovoges</a></span></p><div class="card-text"><p>The goal of this project is introducing superquadrics as a new geometry type in three.js and take care of possible compability issues.</p></div><a class="card-link" href="https://matteovoges.github.io/extending-three.js/">Visit Website</a></div></div></div><div class="col-sm-4 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/kdop_b28b.png" alt="k-DOPs as Bounding Volume Representation"><div class="card-body"><h4 class="card-title">k-DOPs as Bounding Volume Representation</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/robkosm"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;robkosm</a></span></p><div class="card-text"><p>Bounding volumes offer efficient intersection tests for 3D objects. They help optimize tasks like rendering, physics, and user interaction. Although Three.js includes several types of bounding volumes, it currently lacks support for k-DOPs. This project aims to explore how k-DOPs can be integrated into Three.js and compares their performance with other bounding volumes.</p></div><a class="card-link" href="https://robkosm.github.io/three-kdop/">Visit Website</a></div></div></div></div></section></body></html>
+The results were as follows.</p></div></div><h1 class="mt-4 mb-1">Projects</h1><div class="row"><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/wih_8e79.png" alt="World-in-Hand Navigation"><div class="card-body"><h4 class="card-title">World-in-Hand Navigation</h4><p class="card-text">Students:&nbsp;<span class="nowrap"><a href="https://www.github.com/Stastez"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;Stastez</a></span>, <span class="nowrap"><a href="https://www.github.com/BelanaZ"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;BelanaZ</a></span></p><div class="card-text"><p>This navigation method aims to enhance the user experience by allowing users to interact with the virtual world as if it were a tangible object in their hands. By bridging the gap between the user's interaction and the virtual camera's movement, World-In-Hand Navigation offers a more intuitive, robust, and user-friendly navigation experience compared to the traditional navigation controls provided by Three.js.</p></div><a class="card-link" href="https://orbitnavjs.github.io/WIHNavigationWebsite/">Visit Website</a></div></div></div><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/three-openll-labels_7368.png" alt="Distance Field Font Rendering"><div class="card-body"><h4 class="card-title">Distance Field Font Rendering</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/strawberriesandcheese"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;strawberriesandcheese</a></span></p><div class="card-text"><p>This extension adds 2D labels to three.js, allowing users to easily create annotations in their 3D scenes with minimal rendering overhead.</p></div><a class="card-link" href="https://strawberriesandcheese.github.io/three-openll-labels/">Visit Website</a></div></div></div><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/blockdecay_0dbf.png" alt="Block Decay Effect"><div class="card-body"><h4 class="card-title">Block Decay Effect</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/zerhacker1"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;zerhacker1</a></span></p><div class="card-text"><p>ModelDecay introduces a solution for voxelization and animation within the Three.js library. This tool enables developers to take a 3D model and convert it into a voxelized representation, subsequently animating the fall of these voxels. The prinicipal objective was to examine the possibility of vanishing/decaying 3D model as a type of object in Three.js tested specifically on said voxelization effect.</p></div><a class="card-link" href="https://zerhacker1.github.io/blockdecaydemo/">Visit Website</a></div></div></div><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/playground_06d8.png" alt="Group Nodes for the Playground"><div class="card-body"><h4 class="card-title">Group Nodes for the Playground</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/abc013"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;abc013</a></span></p><div class="card-text"><p>(To be added.)</p></div><a class="card-link" href="https://abc013.github.io/three.js/playground/">Visit Website</a></div></div></div><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/superquadrics_9308.png" alt="Superquadrics as Base Geometry"><div class="card-body"><h4 class="card-title">Superquadrics as Base Geometry</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/matteovoges"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;matteovoges</a></span></p><div class="card-text"><p>The goal of this project is introducing superquadrics as a new geometry type in three.js and take care of possible compability issues.</p></div><a class="card-link" href="https://matteovoges.github.io/extending-three.js/">Visit Website</a></div></div></div><div class="col-lg-4 col-md-6 col-sm-12 mb-4"><div class="card bg-dark border-secondary"><img class="img-fluid card-img-top" src="img/kdop_b28b.png" alt="k-DOPs as Bounding Volume Representation"><div class="card-body"><h4 class="card-title">k-DOPs as Bounding Volume Representation</h4><p class="card-text">Student:&nbsp;<span class="nowrap"><a href="https://www.github.com/robkosm"><img class="logo-link" src="img/github-mark-white_925a.png" alt="GitHub Logo">&nbsp;robkosm</a></span></p><div class="card-text"><p>Bounding volumes offer efficient intersection tests for 3D objects. They help optimize tasks like rendering, physics, and user interaction. Although Three.js includes several types of bounding volumes, it currently lacks support for k-DOPs. This project aims to explore how k-DOPs can be integrated into Three.js and compares their performance with other bounding volumes.</p></div><a class="card-link" href="https://robkosm.github.io/three-kdop/">Visit Website</a></div></div></div></div></section></body></html>