Skip to content

Commit

Permalink
Init Website
Browse files Browse the repository at this point in the history
  • Loading branch information
Nik-V9 committed Nov 27, 2023
1 parent 937366b commit a628b0a
Show file tree
Hide file tree
Showing 3 changed files with 326 additions and 56 deletions.
339 changes: 326 additions & 13 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussians for Dense RGB-D SLAM</h1>
<h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussians<br>for Dense RGB-D SLAM</h1>
<div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://nik-v9.github.io/">Nikhil Keetha</a><sup>1</sup>,</span>
Expand Down Expand Up @@ -108,7 +108,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
</a>
</span>
<span class="link-block">
<a href="https://arxiv.org/abs/2308.00688"
<a href="https://spla-tam.github.io"
class="external-link button is-normal ">
<span class="icon">
<i class="ai ai-arxiv"></i>
Expand All @@ -118,7 +118,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
</span>
<!-- Video Link. -->
<span class="link-block">
<a href="https://www.youtube.com/watch?v=ITo8rMInatk&feature=youtu.be"
<a href="https://spla-tam.github.io"
class="external-link button is-normal ">
<span class="icon">
<i class="fab fa-youtube"></i>
Expand All @@ -128,7 +128,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
</span>
<!-- Code Link. -->
<span class="link-block">
<a href="https://github.com/AnyLoc/AnyLoc"
<a href="https://spla-tam.github.io"
class="external-link button is-normal ">
<span class="icon">
<i class="fab fa-github"></i>
Expand All @@ -138,7 +138,7 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
</span>
<!-- Demo Link. -->
<span class="link-block">
<a href="#interactive_demo"
<a href="https://spla-tam.github.io"
class="external-link button is-normal">
<span class="icon">
<i class="fa fa-basketball-ball"></i>
Expand Down Expand Up @@ -179,15 +179,31 @@ <h1 class="title is-2 publication-title">SplaTAM: Splat, Track & Map 3D Gaussian
<section class="hero teaser">
<div class="container is-max-desktop">
<div class="hero-body">
<!-- <video id="teaser" autoplay muted loop playsinline height="100%"> -->
<!-- <img source src="./data/method_viz/Splash GIF.gif" /> -->
<video id="dinov2_gardens" autoplay controls muted loop playsinline height="100%">
<source src="./data/teaser/SplaTAM-teaser.mp4"
type="video/mp4">
</video>
<!-- </video> -->
<div class="container is-max-desktop">
<div class="columns is-centered">

<div class="column has-text-centered">
<div class="content">
<video id="s1_recon" autoplay controls muted loop playsinline height="100%">
<source src="./data/scannetpp/scannetpp_s1_recon.mp4"
type="video/mp4">
</video>
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<video id="s1_nvs" autoplay controls muted loop playsinline height="100%">
<source src="./data/scannetpp/scannetpp_s1_nvs_loop.mp4"
type="video/mp4">
</video>
</div>
</div>

</div>
</div>
<h2 class="subtitle has-text-centered">
<span class="coolname">SplaTAM</span><span>: Splat, Track & Map <i>3D Gaussians</i> for Dense RGB-D SLAM.</span>
<span>SplaTAM enables precise camera tracking and high-fidelity reconstruction<br>in challenging real-world scenarios.</span>
</h2>
</div>
</div>
Expand Down Expand Up @@ -229,6 +245,303 @@ <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>
</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</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">SplaTAM</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>
</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>

<h2 class="subtitle has-text-centered">
<span>Note: Nice-SLAM & Point-SLAM use ground truth novel view depth for rendering.</span>
</h2>

</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>
</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>
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">Point-SLAM</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>
</div>
</div>

<div class="column has-text-centered">
<div class="content">
<h2 class="title is-5">SplaTAM</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>
</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>

<h2 class="subtitle has-text-centered">
<span>Note: Nice-SLAM & Point-SLAM use ground truth novel view depth for rendering.</span>
</h2>

</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
1 change: 0 additions & 1 deletion supplement.html → supplemental.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<!-- <link rel = "icon" href = "assets/title_image.png" type = "image/x-icon"> -->
Expand Down
Loading

0 comments on commit a628b0a

Please sign in to comment.