Skip to content

Commit

Permalink
이미지 사이즈 & subtitle 변경
Browse files Browse the repository at this point in the history
  • Loading branch information
@tjdmstj
tjdmstj committed Jul 20, 2024
1 parent 9a0191b commit 3f5cbd7
Show file tree
Hide file tree
Showing 7 changed files with 76 additions and 69 deletions.
121 changes: 53 additions & 68 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,28 +47,28 @@
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-1 publication-title">🥗 3DGS 다이어트</h1>
<h1 class="title is-1 publication-title poppins-bold">🥗 3DGS 다이어트</h1>
<div class="is-size-5 publication-authors">
<span class="author-block">
<span class="author-block poppins-light ">
<a href="https://github.com/dusruddl2">Yeonkyung Lee</a><sup>1*</sup>,</span>
<span class="author-block">
<span class="author-block poppins-light ">
<a href="https://github.com/tjdmstj">Eunseo Seo</a><sup>2*</sup>,</span>
<span class="author-block">
<span class="author-block poppins-light ">
<a href="https://github.com/yeonyeonn">Dayeon Woo</a><sup>3*</sup>,</span>
<span class="author-block">
<span class="author-block poppins-light ">
<a href="https://github.com/chechae">Chehun Han</a><sup>4*</sup>, and </span>
<span class="author-block">
<span class="author-block poppins-light ">
<a href="https://github.com/jcg6074">Changgyun Jin</a><sup>5&dagger;*</sup></span>
</div>

<div class="is-size-5 publication-authors">
<span class="author-block"><sup>1</sup>Sejong University</span>&emsp;
<span class="author-block"><sup>2</sup>Chungang University</span>&emsp;
<span class="author-block"><sup>3</sup>Sungkyunkwan University</span>&emsp;
<span class="author-block"><sup>4</sup>Ewha Womans University</span>&emsp;
<span class="author-block"><sup>5</sup>Seoul National University of Science & Technology</span><br>
<span class="author-block poppins-light "><sup>1</sup>Sejong University</span>&emsp;
<span class="author-block poppins-light "><sup>2</sup>Chungang University</span>&emsp;
<span class="author-block poppins-light "><sup>3</sup>Sungkyunkwan University</span>&emsp;
<span class="author-block poppins-light "><sup>4</sup>Ewha Womans University</span>&emsp;
<span class="author-block poppins-light "><sup>5</sup>Seoul National University of Science & Technology</span><br>
<span class="poppins-extrabold" ><sup>*</sup><a href="https://deepdaiv.oopy.io/"><span style="color : #264a8e;">deep daiv.</span></a></span>&emsp;
<span class="author-block"><sup>&dagger;</sup>Project Lead</span>&emsp;
<span class="author-block poppins-light "><sup>&dagger;</sup>Project Lead</span>&emsp;
</div>
<div class="column has-text-centered">
<span class="link-block">
Expand All @@ -77,14 +77,14 @@ <h1 class="title is-1 publication-title">🥗 3DGS 다이어트</h1>
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
<span class="poppins-light " >Code</span>
</a>
<a href="https://deepdaiv.notion.site/3DGS-85fdfd776ff34f5f8944892e503a116d?pvs=4"
class="external-link button is-normal is-rounded">
<span class="icon">
<i class="fas fa-file"></i>
</span>
<span>Project Detail</span>
<span class="poppins-light ">Project Detail</span>
</a>
</span>
</div>
Expand All @@ -103,19 +103,15 @@ <h1 class="title is-1 publication-title">🥗 3DGS 다이어트</h1>
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-four-fifths ">
<h2 class="title is-3">Motivation</h2>
<p style = "font-size:20px;">
<h2 class="title is-3 poppins-semibold" style="color : #264a8e;">Motivation</h2>
<p class="poppins-light " style = "font-size:20px;">
MLP 기반의 NeRF모델과 달리 point cloud 기반의 3DGS 모델은 <br>
저장해야 하는 파라미터 수가 많기 때문에 메모리 사용량이 높다. <br>
퀄리티를 유지하면서 메모리를 줄여보자!
</p>
<br>
<div align="center" style="padding: 50px 0px 50px 0px;">
<img src="static/images/motivation1_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<div align="center" style="padding: 50px 0px 50px 0px;">
<img src="static/images/motivation2_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<img src="static/images/motivation1_3dgs.png" style="width:100%;">
<img src="static/images/motivation2_3dgs.png" style="width:100%; padding-top: 10%;">
</div>
</div>

Expand All @@ -129,10 +125,8 @@ <h2 class="title is-3">Motivation</h2>
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-four-fifths">
<h2 class="title is-3">Pipeline</h2>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/pipeline_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<h2 class="title is-3 poppins-semibold" style="color : #264a8e;">Pipeline</h2>
<img src="static/images/pipeline_3dgs.png" style="width:100%;">
</div>
</div>
</div>
Expand All @@ -145,25 +139,20 @@ <h2 class="title is-3">Pipeline</h2>
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-four-fifths">
<h2 class="title is-3">Method</h2>
<p style = "font-size:20px;">
<h2 class="title is-3 poppins-semibold" style="color : #264a8e;">Method</h2>
<p class="poppins-light" style = "font-size:20px;">
비슷한 속성의 가우시안들을 클러스팅하여 하나의 큰 가우시안으로 만들자.<br>
본 메소드는 가우시안 수를 줄임으로써 메모리 사용량을 줄일 수 있다.
</p>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/ideation_3dgs.png" style="width:90%; transform: scale(1.3);">
</div>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/method1_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<p style = "font-size:20px;">
<img src="static/images/ideation_3dgs.png" style="width:90%;">
<h3 class="subtitle highlight" style="display: block;"> DBSCAN Clustering</h3>
<img src="static/images/method1_3dgs.png" style="width:100%; padding-top: 5%; padding-bottom: 10%;">
<p class="poppins-light" style = "font-size:20px;">
클러스터 속 여러 가우시안들을 하나의 큰 가우시안으로 정의할 때<br>
가우시안끼리 비슷한 값을 갖는 Position과 Color는 평균값으로, <br>
Opacity는 pruning 과정에서 제거되지 않기 위해 최댓값으로 설정한다.
</p>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/method2_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<img src="static/images/method2_3dgs.png" style="width:100%; padding-top: 10%; ">
</div>
</div>
</div>
Expand All @@ -176,20 +165,16 @@ <h2 class="title is-3">Method</h2>
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-four-fifths">
<h2 class="title is-3">Result</h2>
<p style = "font-size:20px;">
<h2 class="title is-3 poppins-semibold" style="color : #264a8e;">Result</h2>
<p class="poppins-light" style = "font-size:20px; padding-bottom: 10%;">
dbscan을 3번 이용한 방식은 DBSCAN_thrice와 3DGS를 비교했을 때 <br>
가우시안 수는 약 20만개가 줄었고, 메모리 또한 약 50MB가 줄었다.
</p>
<br>
<br>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/result1_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>
<div align="center" style="padding: 100px 0px 123px 0px;">
<img src="static/images/result2_3dgs.png" style="width:100%; transform: scale(1.3);">
</div>

<h3 class="subtitle highlight" style="display: block;"> 정량적 평가(3DGS vs DBSCAN_3)</h3>
<img src="static/images/result1_3dgs.png" style="width:100%; padding-top: 5%; padding-bottom: 10%;">
<h3 class="subtitle highlight" style="display: block;"> 정성적 평가(3DGS vs DBSCAN_3)</h3>
<img src="static/images/result2_3dgs.png" style="width:100%; padding-top: 5%; padding-bottom: 10%;">
<!--Comparison-->
<div>
<div class="columns is-centered">
Expand Down Expand Up @@ -248,31 +233,31 @@ <h2 class="title is-3">Result</h2>
<span class="poppins-bold" style="color : #264a8e;">GT vs 3DGS</span>
</div>
</div>
<!--시현 영상-->
<div class="hero-body" id="main-slider">
<div class="container">
<div align="center">
<video poster="" autoplay controls muted loop playsinline preload="auto" style="width:100%; height: auto;">
<source src="./static/videos/result.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<!--iteration 비교-->
<div class="hero-body" id="main-slider">
<div class="container">
<div align="center">
<h3 class="subtitle highlight" style="display: block;"> Iteration별 Rendering 비교</h3>
<img id='img_input2' src="./static/images/result3_3dgs.png" style = "width: 100%; height: auto; padding-top: 10%;">
</div>
</div>
</div>

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

<div class="hero-body" id="main-slider">
<div class="container">
<div align="center" style="padding: 100px 0px 123px 0px;">
<video poster="" autoplay controls muted loop playsinline preload="auto" style="width: 70%; height: auto;">
<source src="./static/videos/result.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<div class="hero-body" id="main-slider">
<div class="container">
<div align="center" style="padding: 100px 0px 123px 0px;">
<img id='img_input2' src="./static/images/result3_3dgs.png" style = "width: 70%; height: auto;">
</div>

</div>
</div>


<script>
new BeforeAfter({
id: '#example1'
Expand All @@ -297,7 +282,7 @@ <h2 class="title is-3">Result</h2>

<section class="section" id="BibTeX">
<div class="container is-max-desktop content">
<h2 class="title">Citations</h2>
<h2 class="title poppins-semibold">Citations</h2>
<pre><code>
@inproceedings{youk2024fmanet,
author = {Geunhyuk Youk and Jihyong Oh and Munchurl Kim},
Expand Down
24 changes: 23 additions & 1 deletion static/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -358,11 +358,18 @@ body {
height: auto;
}

.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
}

.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
display: inline-block;
display: block;
}

.poppins-bold {
Expand Down Expand Up @@ -408,3 +415,18 @@ body {
height: 100%;
border-radius: 10%;
}

.subtitle{
margin-top: 10%;
font-size: 20px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
display: block;
}

.highlight{
display: inline;
box-shadow: inset 0 -100px 0 #6baeff4e;
/*-10px은 highlight의 두께*/
}
Binary file modified static/images/comparsion/.DS_Store
View file
Binary file not shown.
Binary file modified static/images/method1_3dgs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/method2_3dgs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/result1_3dgs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/result2_3dgs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3f5cbd7

Please sign in to comment.