Skip to content

Commit

Permalink
0929
Browse files Browse the repository at this point in the history
  • Loading branch information
@DapengFeng
DapengFeng committed Sep 29, 2024
0 parents commit ed6ecfd
Show file tree
Hide file tree
Showing 76 changed files with 4,666 additions and 0 deletions.
Binary file added docs/images/teaser.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
226 changes: 226 additions & 0 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,226 @@
<!DOCTYPE html>
<html>
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-127PQSMYY6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-127PQSMYY6');
</script>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="Gaussian splatting,SLAM">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CaRtGS: Computational Alignment for Real-Time Gaussian Splatting SLAM</title>

<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
<link href="static/css/twentytwenty.css" rel="stylesheet" type="text/css" />
<link href="static/css/twentytwenty.vid.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="static/css/bulma.min.css">
<link rel="stylesheet" href="static/css/bulma-carousel.min.css">
<link rel="stylesheet" href="static/css/bulma-slider.min.css">
<link rel="stylesheet" href="static/css/fontawesome.all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="static/css/index.css">
<link rel="icon" href="static/images/favicon.svg">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer src="static/js/fontawesome.all.min.js"></script>
<script src="static/js/bulma-carousel.min.js"></script>
<script src="static/js/bulma-slider.min.js"></script>
<script src="static/js/index.js"></script>
<!-- <script src="./static/js/bootstrap.min.js"></script>
<script src="./static/js/jquery.event.move.js"></script>
<script src="./static/js/jquery.twentytwenty.js"></script>
<script src="./static/js/jquery.twentytwenty.vid.js"></script> -->


<meta property="og:url" content="https://dapengfeng.github.io/cartgs/" />
<meta property="og:title" content="CaRtGS" />
<meta property="og:description"
content="CaRtGS: Computational Alignment for Real-Time Gaussian Splatting SLAM" />
<meta property="og:image" content="static/images/preview.png" />

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.2.0/model-viewer.min.js"></script>
</head>

<body>
<section class="hero">
<div class="hero-body">
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-1 publication-title"><strong>CaRtGS</strong>: Computational Alignment for Real-Time Gaussian Splatting SLAM</h1>
<div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://github.com/DapengFeng">Dapeng Feng</a><sup>1</sup>,</span>
<span class="author-block">
<a href="https://github.com/thisparticle">Zhiqiang Chen</a><sup>2</sup>,</span>
<span class="author-block">
Yizhen Yin<sup>1</sup>,
</span>
<span class="author-block">
<a href="https://github.com/zhongshp">Shipeng Zhong</a><sup>3</sup>,
</span>
<span class="author-block">
Yuhua Qi<sup>1</sup>,
</span>
<span class="author-block">
Hongbo Chen<sup>1</sup>,
</span>
</div>

<div class="is-size-5 publication-authors">
<span class="author-block"><sup>1</sup>Sun Yat-sen University,</span>
<span class="author-block"><sup>2</sup>The University of Hong Kong,</span>
<span class="author-block"><sup>3</sup>WeRide Inc.</span>
</div>


<div class="column has-text-centered">
<div class="publication-links">
<!-- PDF Link. -->
<span class="link-block">
<a href="https://github.com/dapengfeng/cartgs" class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="ai ai-arxiv"></i>
</span>
<span>arXiv</span>
</a>
</span>
<!-- Code Link. -->
<span class="link-block">
<a href="https://github.com/dapengfeng/cartgs"
class="external-link button is-normal is-rounded is-dark">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="hero teaser">
<div class="container">
<img src="images/teaser.png" />
</div>
</section>

<section class="hero teaser">
<div class="container is-max-desktop">
<div class="hero-body">
<div class="content" style="display: flex;">
<h2 class="title is-5" style="margin-right: 10px; white-space: nowrap; letter-spacing: -2px;">
<span style="color: red;">N</span>
<span style="color: blue;">O</span>
<span style="color: green;">T</span>
<span style="color: orange;">E</span>
<span style="color: black;">:</span>
</h2>
<div class="content has-text-justified">
<p>
Click on video to play or pause. Move mouse to change the hover.
</p>
</div>
</div>
</div>
</div>
</section>

<div class="container" style="display: flex; flex-wrap: wrap;">
<div class="column twentytwenty-vid-container twentytwenty-custom" >
<div alt="Photo-SLAM (1.5x)">
<video src="videos/tum_rgbd_fr1_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(1.5x)">
<video src="videos/tum_rgbd_fr1_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>

<div class="column twentytwenty-vid-container twentytwenty-custom" >
<div alt="Photo-SLAM(1.5x)">
<video src="videos/tum_rgbd_fr2_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(1.5x)">
<video src="videos/tum_rgbd_fr2_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>

<div class="column twentytwenty-vid-container twentytwenty-custom">
<div alt="Photo-SLAM(1.5x)">
<video src="videos/tum_rgbd_fr3_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(1.5x)">
<video src="videos/tum_rgbd_fr3_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>
</div>

<!-- <div class="container" style="display: flex; justify-content: center; flex-wrap: wrap;">
<div class="column twentytwenty-vid-container twentytwenty-custom" >
<div alt="Photo-SLAM">
<video src="videos/tum_rgbd_fr1_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(Ours)">
<video src="videos/tum_rgbd_fr1_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>
<div class="column twentytwenty-vid-container twentytwenty-custom" >
<div alt="Photo-SLAM">
<video src="videos/tum_rgbd_fr2_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(Ours)">
<video src="videos/tum_rgbd_fr2_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>
<div class="column twentytwenty-vid-container twentytwenty-custom">
<div alt="Photo-SLAM">
<video src="videos/tum_rgbd_fr3_photo_slam.mp4" autoplay muted loop playsinline ></video>
</div>
<div alt="CaRtGS(Ours)">
<video src="videos/tum_rgbd_fr3_ours.mp4" autoplay muted loop playsinline ></video>
</div>
</div>
</div> -->



<footer>
<div class="container">
<div class="columns is-centered">
<div class="column is-8">
<div class="content has-text-centered">
<p>
This website is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC
BY-SA 4.0</a>
and is based on the <a href="https://github.com/nerfies/nerfies.github.io">Nerfies</a> site.
</p>
</div>
</div>
</div>
</div>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/jquery.event.move.js"></script>
<script src="static/js/jquery.twentytwenty.js"></script>
<script src="static/js/jquery.twentytwenty.vid.js"></script>
<script>
$(window).load(function () { $(".twentytwenty-container").twentytwenty({ default_offset_pct: 0.5 }); });
$(window).load(function () { $(".twentytwenty-vid-container").twentytwentyvid({ default_offset_pct: 0.5 }); });
</script>
</body>

</html>
7 changes: 7 additions & 0 deletions docs/static/css/bootstrap.min.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions docs/static/css/bulma-carousel.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit ed6ecfd

Please sign in to comment.