Skip to content

Commit

Permalink
message
Browse files Browse the repository at this point in the history
  • Loading branch information
@hg-chung
hg-chung committed Apr 13, 2024
1 parent d38a03a commit 58bd347
Show file tree
Hide file tree
Showing 23 changed files with 166 additions and 15 deletions.
153 changes: 139 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="./static/css/index.css">
<!--/ Abstract. <link rel="icon" href="./static/images/favicon.svg">-->
<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>
Expand Down Expand Up @@ -76,7 +76,8 @@
<div class="container is-max-desktop">
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-1 publication-title">Differentiable Point-based Inverse Rendering</h1>
<h1 style='letter-spacing:-0.02em' class="title is-1 publication-title">Differentiable Point-based Inverse Rendering
</h1>
<div class="is-size-5 publication-authors">
<span class="author-block">
<a href="https://sites.google.com/view/hoongyu-chung/home">Hoon-Gyu Chung</a>,</span>
Expand Down Expand Up @@ -150,10 +151,10 @@ <h1 class="title is-1 publication-title">Differentiable Point-based Inverse Rend
</section>

<section class="hero teaser">
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="hero-body">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_photo_white.mp4"
<video id="teaser" autoplay muted loop playsinline width="1000" height="100%">
<source src="./static/videos/nvs_relighting_maneki.mp4"
type="video/mp4">
</video>
<h2 class="subtitle has-text-centered">
Expand Down Expand Up @@ -195,7 +196,7 @@ <h2 class="title is-3">Video</h2>
</div>
</div>
</div>
<!--/ Paper video. -->
/ Paper video. -->
</div>
</section>

Expand Down Expand Up @@ -225,7 +226,7 @@ <h2 class="title is-3">Differentiable Forward Rendering in DPIR</h2>
</div>
</section>

<section class="section hero is-light">
<!--<section class="section hero is-light">
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-full-width">
Expand All @@ -246,8 +247,8 @@ <h2 class="title is-3">Regualrized basis BRDF</h2>
</div>
</div>
</div>
</section>

</section>-->
<!--
<section class="section">
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
Expand All @@ -271,14 +272,138 @@ <h2 class="title is-3">Point-based Visibility Test</h2>
</div>
</div>
</div>
</section> -->

<section class="section hero is-light">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="container">
<h2 class="title has-text-centered">Novel View Synthesis of Multi-view Multi-light Dataset</h2>
<div id="results-carousel" class="carousel results-carousel">
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_buddha_1.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_reading_1.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_pot2_1.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_cow_1.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_bear_1.mp4"
type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="section hero">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="container">
<h2 class="title is-3">Relighting of Multi-view Multi-light Dataset</h2>
<div id="results-carousel" class="carousel results-carousel">
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_horse.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_dragon.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_head.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_maneki.mp4"
type="video/mp4">
</video>
</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_maneki.mp4"
type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</section>

<section class="section hero is-light">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="container">
<h2 class="title is-3">Reconstruction Result of Photometric Dataset</h2>
<div id="carousel" class="carousel results-carousel">
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_horse.mp4"
type="video/mp4">
</video>

</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_dragon.mp4"
type="video/mp4">
</video>

</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_head.mp4"
type="video/mp4">
</video>

</div>
<div class="item">
<video id="teaser" autoplay muted loop playsinline height="100%">
<source src="./static/videos/nvs_relighting_maneki.mp4"
type="video/mp4">
</video>

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


<section class="section hero">
<div class="hero-body">
<div class="columns is-centered has-text-centered">
<div class="container">
<h2 class="title is-3">Applications</h2>
<div id="results-carousel" class="carousel results-carousel">
<div id="carousel" class="carousel2 results-carousel">
<div class="item">
<!-- Your image here -->
<img src="static/images/reflectance_change.jpg" alt="MY ALT TEXT"/>
Expand All @@ -302,7 +427,7 @@ <h2 class="subtitle has-text-centered">
</div>
<div class="item">
<!-- Your image here -->
<img src="static/images/envmap_relighting.jpg" alt="MY ALT TEXT"/>
<img src="static/images/envmap_relighting0.jpg" alt="MY ALT TEXT"/>
<h2 class="subtitle has-text-centered">
Environment map relighting
</h2>
Expand All @@ -312,7 +437,7 @@ <h2 class="subtitle has-text-centered">
</div>
</section>

<section class="section">
<!--<section class="section">
<div class="container is-max-desktop">
<div class="columns is-centered has-text-centered">
<div class="column is-full-width">
Expand All @@ -334,7 +459,7 @@ <h2 class="title is-3">Reconstruction results of Multi-view Multi-light Dataset<
</div>
</div>
</div>
</section>
</section>-->

<section class="section" id="BibTeX">
<div class="container is-max-desktop content">
Expand Down
Binary file added nvs_pot2_2.mp4
View file
Binary file not shown.
10 changes: 9 additions & 1 deletion static/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -112,9 +112,14 @@ body {

.results-carousel {
overflow: hidden;
width: 100%;
display: block;
justify-content: center;
position: relative;
}

.results-carousel .item {
flex: 0 0 100%;
margin: 5px;
overflow: hidden;
border: 1px solid #bbb;
Expand All @@ -123,9 +128,12 @@ body {
font-size: 0;
}

.results-carousel video {
.results-carousel .video {
margin: 0;
}
.results-carousel .item.active {
display: block; /* 활성 아이템만 표시 */
}


.interpolation-panel {
Expand Down
Binary file removed static/images/envmap_relighting.png
View file
Binary file not shown.
Binary file added static/images/envmap_relighting0.jpg
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 added static/images/pipeline2.jpg
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 removed static/images/steve.webm
View file
Binary file not shown.
18 changes: 18 additions & 0 deletions static/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,15 @@ $(document).ready(function() {
});

var options = {
slidesToScroll: 1,
slidesToShow: 1,
loop: true,
infinite: true,
autoplay: false,
autoplaySpeed: 3000,
}

var options2 = {
slidesToScroll: 1,
slidesToShow: 3,
loop: true,
Expand All @@ -38,8 +47,10 @@ $(document).ready(function() {
autoplaySpeed: 3000,
}


// Initialize all div with carousel class
var carousels = bulmaCarousel.attach('.carousel', options);
var carousels2 = bulmaCarousel.attach('.carousel2', options2);

// Loop on each carousel initialized
for(var i = 0; i < carousels.length; i++) {
Expand All @@ -49,6 +60,13 @@ $(document).ready(function() {
});
}

for(var i = 0; i < carousels2.length; i++) {
// Add listener to event
carousels2[i].on('before:show', state => {
console.log(state);
});
}

// Access to bulmaCarousel instance of an element
var element = document.querySelector('#my-element');
if (element && element.bulmaCarousel) {
Expand Down
Binary file added static/videos/nvs_bear_1.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_buddha_1.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_cow_1.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_pot2_1.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_reading_1.mp4
View file
Binary file not shown.
Binary file removed static/videos/nvs_relighting.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_relighting_dragon.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_relighting_head.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_relighting_horse.mp4
View file
Binary file not shown.
Binary file added static/videos/nvs_relighting_maneki.mp4
View file
Binary file not shown.
Binary file added static/videos/relighting_bear_1.mp4
View file
Binary file not shown.
Binary file added static/videos/relighting_buddha_1.mp4
View file
Binary file not shown.
Binary file added static/videos/relighting_cow_1.mp4
View file
Binary file not shown.
Binary file added static/videos/relighting_pot2_1.mp4
View file
Binary file not shown.
Binary file added static/videos/relighting_reading_1.mp4
View file
Binary file not shown.

0 comments on commit 58bd347

Please sign in to comment.