Skip to content

Commit

Permalink
Supplemental Website
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nik-V9
Nik-V9 committed Nov 27, 2023
1 parent 94160b6 commit 735eb76
Show file tree
Hide file tree
Showing 8 changed files with 295 additions and 0 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
Binary file added data/.DS_Store
View file
Binary file not shown.
Binary file modified data/scannetpp/scannetpp_s1_recon.mp4
View file
Binary file not shown.
Binary file modified data/scannetpp/scannetpp_s2_recon.mp4
View file
Binary file not shown.
Binary file added data/track_opt/replica_room0_tracking.mp4
View file
Binary file not shown.
Binary file added data/track_opt/scannet_s1_tracking.mp4
View file
Binary file not shown.
Binary file added data/track_opt/scannet_s2_tracking.mp4
View file
Binary file not shown.
295 changes: 295 additions & 0 deletions supplement.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,301 @@ <h2 class="title is-3">Video</h2>
<!--/ Paper video. -->
</section>

<section class="hero is-small">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="column">
<h2 class="title is-3">ScanNet++ S2</h2>
<p></p>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">Online Reconstruction</h2>
<video id="s2_recon" autoplay controls muted loop playsinline height="100%">
<source src="./data/scannetpp/scannetpp_s2_recon.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">3D Novel View Loop</h2>
<video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
<source src="./data/scannetpp/scannetpp_s2_nvs_loop.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

</div>
</div>
</section>

<section class="hero is-small is-light">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="column">
<h2 class="title is-3">Replica Room 0 Novel View Renderings</h2>
<p></p>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">PS (No GT Depth)</h2>
<video id="psg_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam_ngd/room0_rgb_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Nice-SLAM</h2>
<video id="ns_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/nice_slam/room0_rgb_ns.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Point-SLAM (PS)</h2>
<video id="ps_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam/room0_rgb_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Splat-SLAM</h2>
<video id="ss_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/splatam/room_0_rgb.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<video id="psg_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam_ngd/room0_depth_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ns_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/nice_slam/room0_depth_ns.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ps_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam/room0_depth_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ss_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/splatam/room_0_depth.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>
</div>

</div>
</section>

<section class="hero is-small">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="column">
<h2 class="title is-3">Replica Office 1 Novel View Renderings</h2>
<p></p>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">PS (No GT Depth)</h2>
<video id="psg_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam_ngd/office1_rgb_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Nice-SLAM</h2>
<video id="ns_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/nice_slam/office1_rgb_ns.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Point-SLAM (PS)</h2>
<video id="ps_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam/office1_rgb_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Splat-SLAM</h2>
<video id="ss_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/splatam/office_1_rgb.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<video id="psg_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam_ngd/office1_depth_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ns_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/nice_slam/office1_depth_ns.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ps_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/point_slam/office1_depth_ps.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="ss_r0" autoplay controls muted loop playsinline height="100%">
<source src="./data/replica_nvs/splatam/office_1_depth.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>
</div>

</div>
</section>

<section class="hero is-small is-light">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="column">
<h2 class="title is-3">Camera Tracking Optimization</h2>
<p></p>
</div>
</div>

<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">Replica R0</h2>
<video id="s2_recon" autoplay controls muted loop playsinline height="100%">
<source src="./data/track_opt/replica_room0_tracking.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">ScanNet++ S1</h2>
<video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
<source src="./data/track_opt/scannet_s1_tracking.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-4">ScanNet++ S2</h2>
<video id="s2_nvs" autoplay controls muted loop playsinline height="100%">
<source src="./data/track_opt/scannet_s2_tracking.mp4"
type="video/mp4">
</video>
<!-- <img src = "data/viz_gifs/row3_col3.gif"> -->
</div>
</div>

</div>
</div>
</section>

<script type="text/javascript">
$(function() {
var screenWidth = $(window).width();
Expand Down

0 comments on commit 735eb76

Please sign in to comment.