-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
225 lines (183 loc) · 8.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html><head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>PhyIR: Physics-based Inverse Rendering for Panoramic Indoor Images</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <base href="/"> -->
<!-- <link rel="apple-touch-icon" href="apple-touch-icon.png"> -->
<!-- <link rel="icon" type="image/png" href=""> -->
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="./files/bootstrap.min.css">
<link rel="stylesheet" href="./files/font-awesome.min.css">
<link rel="stylesheet" href="./files/codemirror.min.css">
<link rel="stylesheet" href="./files/app.css">
<link rel="stylesheet" href="./files/www-player-webp.css">
<link rel="stylesheet" href="./files/youtube_video_container.css">
<link rel="stylesheet" href="./files/bootstrap.min(1).css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E0ZMW34H4P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-E0ZMW34H4P');
</script>
<script src="./files/jquery.min.js"></script>
<script src="./files/bootstrap.min.js"></script>
<script src="./files/codemirror.min.js"></script>
<script src="./files/clipboard.min.js"></script>
<script src="./files/app.js"></script>
</head>
<body>
<div class="container" id="main">
<div class="row">
<h1 class="col-md-12 text-center">
PhyIR: Physics-based Inverse Rendering for Panoramic Indoor Images<br>
<small>
CVPR 2022
</small>
</h1>
</div>
<div class="row">
<div class="col-md-12 text-center">
<ul class="list-inline">
<li>
Zhen Li
<br>
<a href="https://www.realsee.ai">
"Realsee"
</a>
</li>
<li>
Lingli Wang
<br>
<a href="https://www.realsee.ai">
"Realsee"
</a>
</li>
<li>
Xiang Huang
<br>
<a href="https://www.realsee.ai">
"Realsee"
</a>
</li>
<li>
Cihui Pan<sup>*</sup>
<br>
<a href="https://www.realsee.ai">
"Realsee"
</a>
</li>
<li>
<a href="https://jszy.nwpu.edu.cn/jiaqiyang.html">
Jiaqi Yang<sup>*</sup>
</a>
<br>
"Northwestern Polytechnical University"
</li>
</ul>
(<sup>*</sup>Corresonding author)
<!-- Anonymous -->
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<ul class="nav nav-pills nav-justified">
<li>
<a href="./files/arxiv.pdf">
<img src="./files/arxiv_preview.png" height="120px"><br>
<h4><strong>Paper (author's version)</strong></h4>
</a>
</li>
<!-- <li>
<a href="_blank">
<img src="_blank" height="120px"><br>
<h4><strong>Supplementary</strong></h4>
</a>
</li> -->
<!-- <li>
<a href="_blank">
<img src="./files/github_pad.png" height="120px"><br>
<h4><strong>Code</strong></h4>
</a>
</li> -->
<li>
<a href="https://github.com/LZleejean/FutureHouse">
<img src="./files/github_pad.png" height="120px"><br>
<h4><strong>DataSet</strong></h4>
</a>
</li>
</ul>
</div>
<br>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3>
Abstract
</h3>
<hr style="margin-top: 0px;">
<img src="files/fig1.png" class="img-responsive" alt="overview"><br>
<!-- <iframe src="./files/framework_1.pdf" width="600" height="400"></iframe> -->
<hr style="margin-top: 0px;">
<p class="text-justify">
Inverse rendering of complex material such as glossy, metal and mirror material is a long-standing ill-posed problem in this area, which has not been well solved. Previous approaches cannot tackle them well due to simplified BRDF and unsuitable illumination representations. In this paper, we present PhyIR, a neural inverse rendering method with a more completed SVBRDF representation and a physics-based in-network rendering layer, which can handle complex material and incorporate physical constraints by re-rendering realistic and detailed specular reflectance. Our framework estimates geometry, material and Spatially-Coherent (SC) illumination from a single indoor panorama. Due to the lack of panoramic datasets with completed SVBRDF and full-spherical light probes, we introduce an artist-designed dataset named FutureHouse with high-quality geometry, SVBRDF and per-pixel Spatially-Varying (SV) lighting. To ensure the coherence of SV lighting, a novel SC loss is proposed. Extensive experiments on both synthetic and real-world data show that the proposed method outperforms the state-of-the-arts quantitatively and qualitatively, and is able to produce photorealistic results for a number of applications such as dynamic virtual object insertion.
</p>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3>
Overview
</h3>
<hr style="margin-top: 0px;">
<img src="files/framework.png" class="img-responsive" alt="overview"><br>
<!-- <iframe src="./files/framework_1.pdf" width="600" height="400"></iframe> -->
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3>
Example Results: Dynamic Virtual Object Insertion
</h3>
<hr style="margin-top: 0px;">
<video id="v0" width="100%" autoplay="" loop="" muted="" controls="">
<source src="files/output.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3>
BibTeX
</h3>
<div class="form-group col-md-10 col-md-offset-1">
<textarea id="bibtex" class="form-control" readonly="" style="display: none;">
@inproceedings{li2022phyir,
title={PhyIR: Physics-based Inverse Rendering for Panoramic Indoor Images},
author={Li, Zhen and Wang, Lingli and Huang, Xiang and Pan, Cihui and Yang, Jiaqi.},
booktitle = {Proc. IEEE Conf. on Computer Vision and Pattern Recognition (CVPR)},
year={2022}
}
</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h3>
Acknowledgements
</h3>
<hr style="margin-top: 0px;">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
The website template was borrowed from <a href="http://mgharbi.com/">Michaël Gharbi</a>.
<p></p>
</div>
</div>
<!-- </div> -->
</body></html>