PageSourceSearch

https://wildavatar.github.io/

html wildavatar.github.io collected 2026-10-03 10:10:11 UTC 30,415 bytes, 695 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <meta name="description"
6        content="WildAvatar: Learning In-the-wild 3D Avatars from the Web.">
7  <meta name="keywords" content="Dataset, 3D Avatar Creation">
8  <meta name="viewport" content="width=device-width, initial-scale=1">
9  
10  <title>WildAvatar: Learning In-the-wild 3D Avatars from the Web</title>
11  
11<script type="application/ld+json">
12  {
13      "@context": "https://schema.org/",
14      "@type": "Dataset",
15      "name": "WildAvatar: Learning In-the-wild 3D Avatars from the Web",
16      "description": "WildAvatar: Learning In-the-wild 3D Avatars from the Web",
17      "alternateName": [
18          "WildAvatar Dataset"
19      ],
20      "identifier": [
21          "https://zenodo.org/records/11526806"
22      ],
23      "keywords": [
24          "3D Avatar Creation Dataset"
25      ],
26      "license": "https://creativecommons.org/licenses/by/4.0/",
27      "isAccessibleForFree": true,
28      "creator": {
29          "@type": "Person",
30          "sameAs": "https://orcid.org/0000-0002-8804-191X",
31          "givenName": "Zihao",
32          "familyName": "Huang",
33          "name": "Zihao Huang"
34      },
35      "funder": {
36          "@type": "Organization",
37          "sameAs": "https://ror.org/00p991c53", 
38          "name": "Huazhong University of Science and Technology"
39      },
40      "includedInDataCatalog": {
41          "@type": "DataCatalog",
42          "name": "data.gov"
43      },
44      "distribution": [
45          {
46              "@type": "DataDownload",
47              "encodingFormat": "ZIP",
48              "contentUrl": "https://zenodo.org/record/11526806/files/WildAvatar.zip"
49          }
50      ]
51  }
52  </script>
52
53
54  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 54-55
54
55  <script async src="https://www.googletagmanager.com/gtag/js?id=
55G-PYVRSFMDRL
vendor: 14 bytes, lines 55-56
55"></script>
56  
56<script>
57    
vendor: 155 bytes, lines 57-65
57window.dataLayer = window.dataLayer || [];
58
59    function gtag() {
60      dataLayer.push(arguments);
61    }
62
63    gtag('js', new Date());
64
65    gtag('config', '
65G-PYVRSFMDRL
vendor: 6 bytes, lines 65-66
65');
66  
66</script>
66
67  <link rel="shortcut icon" href="./static/images/faviconV3.png" type="image/png">
68
69  <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
70  <link rel="stylesheet" href="./static/css/bulma.min.css">
71  <link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
72  <link rel="stylesheet" href="./static/css/bulma-slider.min.css">
73  <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
74  <link rel="stylesheet" href="./static/css/index.css">
75  <link rel="stylesheet" href="./static/css/own.min.css">
76  <link rel="stylesheet" href="./static/css/custom.css">
77  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
78  <link href="https://fonts.googleapis.com/css?family=Noto+Sans|Shantell+Sans" rel="stylesheet">
79
80  <link rel="stylesheet" href="./static/css/style.css">
81  <link rel="stylesheet" href="./static/css/twentytwenty.css">
82  <link rel="stylesheet" href="./static/css/twentytwenty_aios.css">
83  
83<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
83
84
85  
85<script defer src="./static/js/fontawesome.all.min.js"></script>
85
86  
86<script src="./static/js/bulma-carousel.min.js"></script>
86
87  
87<script src="./static/js/bulma-slider.min.js"></script>
87
88  
88<script src="./static/js/index.js"></script>
88
89  
89<script src="./static/js/jquery.event.move.js"></script>
89
90  
90<script src="./static/js/jquery.twentytwenty.js"></script>
90
91  
91<script src="./static/js/jquery.twentytwenty_aios.js"></script>
91
92  
92<script>
93    $(function () {
94      $(".twentytwenty-container").twentytwenty();
95    });
96  </script>
96
97  
97<script>$(function () { $(".twentytwenty_aios-container").twentytwenty_aios() });</script>
97
98</head>
99<body>
100
101
102
103<section class="hero">
104  <div class="hero-body-background">
105    <div class="hero-body-background-div"></div>
106    <div style="text-align: center; z-index: 1; margin-top: 60px">
107      <p class="word1 shakefont " style="margin-right: -10px; color: #fa3a3a;font-family:PressStart2P">W</p>
108      <p class="word2 shakefont " style="margin-right: -2px; color: #da8d22;font-family:PressStart2P">i</p>
109      <p class="word3 shakefont " style="margin-right: -2px; color: #fc7506;font-family:PressStart2P">l</p>
110      <p class="word4 shakefont " style="margin-right: -10px; color: #e12d2d;font-family:PressStart2P">d</p>
111      <p class="word5 shakefont " style="margin-right: -10px; color: #5e4dde;font-family:PressStart2P">A</p>
112      <p class="word6 shakefont " style="margin-right: -10px; color: #35a8b7;font-family:PressStart2P">v</p>
113      <p class="word7 shakefont " style="margin-right: -10px; color: #c0c23e;font-family:PressStart2P">a</p>
114      <p class="word8 shakefont " style="margin-right: -10px; color: #23c29a;font-family:PressStart2P">t</p>
115      <p class="word9 shakefont " style="margin-right: -10px; color: #3a68e9;font-family:PressStart2P">a</p>
116      <p class="word10 shakefont " style="margin-right: -10px; color: #b0b31a;font-family:PressStart2P">r</p>
117
118
119      <p class="acmefont high-font" style="color: #0000ff;">
120        Learning In-the-wild 3D Avatars from the Web
121      </p>
122    </div>
123    <div class="columns is-centered" style="z-index: 1; margin-top: 0px">
124      <div class="column has-text-centered ">
125        <div class="publication-authors  authors-font"
126          style="color: #000000;font-weight: bold;font-family:DMSerifText;">
127          <span class="author-block sansfont"><a href="https://inso-13.github.io">Zihao Huang</a><sup>1,2</sup>&nbsp;&nbsp;&nbsp;</span>
128          <span class="author-block sansfont"><a href="https://skhu101.github.io">Shoukang Hu</a><sup>2</sup>&nbsp;&nbsp;&nbsp;</span>
129          <span class="author-block sansfont"><a href="https://wanggcong.github.io">Guangcong Wang</a><sup>3</sup>&nbsp;&nbsp;&nbsp;</span>
130          <span class="author-block sansfont"><a href="http://tqtqliu.github.io">Tianqi Liu</a><sup>1,2</sup>&nbsp;&nbsp;&nbsp;</span><br>
131          <span class="author-block sansfont"><a href="https://yuhangzang.github.io">Yuhang Zang</a><sup>4</sup>&nbsp;&nbsp;&nbsp;</span>
132          <span class="author-block sansfont"><a href="http://faculty.hust.edu.cn/caozhiguo1/en/index.htm">Zhiguo Cao</a><sup>1</sup>&nbsp;&nbsp;&nbsp;</span>
133          <span class="author-block sansfont"><a href="https://weivision.github.io">Wei Li</a><sup>2</sup>&nbsp;&nbsp;&nbsp;</span>
134          <span class="author-block sansfont"><a href="https://liuziwei7.github.io/">Ziwei Liu</a><sup>2</sup>&nbsp;&nbsp;&nbsp;</span>
135        </div>
136
137        <div class="publication-authors  authors2-font"
138          style="color: #606060;font-weight: bold;font-family:DMSerifText; margin-bottom: 4pt;">
139          <span class="author-block sansfont"><sup>1</sup>HUST </span>
140          <span class="author-block sansfont">&nbsp;&nbsp;</span>
141          <span class="author-block sansfont"><sup>2</sup>NTU</span>
142          <span class="author-block sansfont">&nbsp;&nbsp;</span>
143          <span class="author-block sansfont"><sup>3</sup>GBU</span>
144          <span class="author-block sansfont">&nbsp;&nbsp;</span>
145          <span class="author-block sansfont"><sup>4</sup>SHLAB</span>
146        </div>
147        <div class="publication-authors  authors-font"><span class="author-block sansfont">CVPR 2025</span></div>
148
149        <div class="column has-text-centered" style="font-family:DMSerifText; font-weight: bold">
150          <div class="publication-links">
151            <span class="link-block">
152              <a href="https://arxiv.org/abs/2407.02165"
153                class="external-link button is-normal is-rounded light-btn btn-font">
154                <span class="icon">
155                  <i class="ai ai-arxiv"></i>
156                </span>
157                <span class="sansfont">Paper</span>
158              </a>
159            </span>
160
161            <span class="link-block">
162              <a href="https://youtu.be/K_rjW3QwraI" class="external-link button is-normal is-rounded light-btn btn-font">
163                <span class="icon">
164                  <i class="fab fa-youtube"></i>
165                </span>
166                <span class="sansfont">YouTube</span>
167              </a>
168            </span>
169
170            <span class="link-block">
171              <a href="https://github.com/wildavatar/WildAvatar_Toolbox" class="external-link button is-normal is-rounded light-btn btn-font">
172                <span class="icon">
173                  <i class="fab fa-github"></i>
174                </span>
175                <span class="sansfont">Code</span>
176              </a>
177            </span>
178
179            <span class="link-block">
180              <a href="./dataset.html" class="external-link button is-normal is-rounded light-btn btn-font">
181                <span class="icon">
182                  <i class="fas fa-images"></i>
183                </span>
184                <span class="sansfont">Data</span>
185              </a>
186            </span>
187          </div>
188        </div>
189      </div>
190    </div>
191  </div>
192  </div>
193</section>
194
195<section class="section">
196  <div class="container is-max-desktop">
197    <!-- TL;DR. -->
198    <div class="columns is-centered has-text-centered">
199      <div class="column">
200        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">TL;DR</h2>
201        <div class="content has-text-justified notefont">
202          WildAvatar is a large-scale dataset from YouTube with 10,000+ human subjects, designed to address the limitations of existing laboratory datasets for avatar creation.
203        </div>
204      </div>
205    </div>
206    <!--/ TL;DR. -->
207</section>
208
209<section class="section">
210  <div class="container is-max-desktop">
211    <!-- Demo Video. -->
212    <div class="columns is-centered has-text-centered">
213      <div class="column">
214        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Demo Video</h2>
215        <div class="content has-text-justified">
216          <video width="100%" autoplay="" loop="" muted="" controls="">
217            <source src="./static/videos/demo_video.mp4" type="video/mp4">
218          </video>
219        </div>
220      </div>
221    </div>
222    <!--/ Demo Video. -->
223</section>
224
225<section class="section">
226  <div class="container is-max-desktop">
227    <!-- Abstract. -->
228    <div class="columns is-centered has-text-centered">
229      <div class="column">
230        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Abstract</h2>
231        <div class="content has-text-justified">
232          <p>
233          Existing human datasets for avatar creation are typically limited to laboratory environments, wherein high-quality annotations (e.g., SMPL estimation from 3D scans or multi-view images) can be ideally provided. However, their annotating requirements are impractical for real-world images or videos, posing challenges toward real-world applications on current avatar creation methods.
234          </p>
235          <p>
236          To this end, we propose the WildAvatar dataset, a web-scale in-the-wild human avatar creation dataset extracted from YouTube, with 10,000+ different human subjects and scenes. WildAvatar is at least 10x richer than previous datasets for 3D human avatar creation.
237          </p>
238          <p>
239          We evaluate several state-of-the-art avatar creation methods on our dataset, highlighting the unexplored challenges in real-world applications on avatar creation. We also demonstrate the potential for generalizability of avatar creation methods, when provided with data at scale. We will publicly release our data source links and annotations, to push forward 3D human avatar creation and other related fields for real-world applications.
240          </p>
241        </div>
242      </div>
243    </div>
244    <!--/ Abstract. -->
245</section>
246
247<!-- SMPL Visualizations -->
248<section class="section">
249  <div class="container is-max-desktop">
250    <div class="columns is-centered has-text-centered">
251      <div class="column is-full">
252        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">SMPL Visualizations</h3>
253      </div>
254    </div>
255
256    <div class="content">
257      <div class="columns">
258        <div class="column">
259          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
260            <div class="video">
261              <video muted autoplay="autoplay" loop="loop" width="100%">
262                <source src="./static/videos/smpl_overlay/sora.mp4" type="video/mp4">
263              </video>
264            </div>
265            <div class="video" style="display: table-cell;">
266              <video muted autoplay="autoplay" loop="loop" width="100%">
267                <source src="./static/videos/smpl_overlay/sora-smpl.mp4" type="video/mp4">
268              </video>
269            </div>
270          </div>
271        </div>
272
273        <div class="is-divider-vertical" data-content="OR"></div>
274          
275        <div class="column">
276          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
277            <div class="video">
278              <video muted autoplay="autoplay" loop="loop" width="100%">
279                <source src="./static/videos/smpl_overlay/cxk.mp4" type="video/mp4">
280              </video>
281            </div>
282            <div class="video">
283              <video muted autoplay="autoplay" loop="loop" width="100%">
284                <source src="./static/videos/smpl_overlay/cxk-smpl.mp4" type="video/mp4">
285              </video>
286            </div>
287          </div>
288        </div>
289      
290        <div class="is-divider-vertical" data-content="OR"></div>
291      
292        <div class="column">
293          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
294            <div class="video">
295              <video muted autoplay="autoplay" loop="loop" width="100%">
296                <source src="./static/videos/smpl_overlay/tennis.mp4" type="video/mp4">
297              </video>
298            </div>
299            <div class="video">
300              <video muted autoplay="autoplay" loop="loop" width="100%">
301                <source src="./static/videos/smpl_overlay/tennis-smpl.mp4" type="video/mp4">
302              </video>
303            </div>
304          </div>
305        </div>
306      </div>
307
308      <div class="columns">
309        <div class="column">
310          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
311            <div class="video">
312              <video muted autoplay="autoplay" loop="loop" width="100%">
313                <source src="./static/videos/smpl_overlay/lalaland.mp4" type="video/mp4">
314              </video>
315            </div>
316            <div class="video" style="display: table-cell;">
317              <video muted autoplay="autoplay" loop="loop" width="100%">
318                <source src="./static/videos/smpl_overlay/lalaland-smpl.mp4" type="video/mp4">
319              </video>
320            </div>
321          </div>
322        </div>
323
324        <div class="is-divider-vertical" data-content="OR"></div>
325
326        <div class="column">
327          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
328            <div class="video">
329              <video muted autoplay="autoplay" loop="loop" width="100%">
330                <source src="./static/videos/smpl_overlay/michael.mp4" type="video/mp4">
331              </video>
332            </div>
333            <div class="video">
334              <video muted autoplay="autoplay" loop="loop" width="100%">
335                <source src="./static/videos/smpl_overlay/michael-smpl.mp4" type="video/mp4">
336              </video>
337            </div>
338          </div>
339        </div>
340
341        <div class="is-divider-vertical" data-content="OR"></div>
342
343        <div class="column">
344          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
345            <div class="video">
346              <video muted autoplay="autoplay" loop="loop" width="100%">
347                <source src="./static/videos/smpl_overlay/skiing.mp4" type="video/mp4">
348              </video>
349            </div>
350            <div class="video">
351              <video muted autoplay="autoplay" loop="loop" width="100%">
352                <source src="./static/videos/smpl_overlay/skiing-smpl.mp4" type="video/mp4">
353              </video>
354            </div>
355          </div>
356        </div>
357      </div>
358
359      <div class="columns">
360        <div class="column">
361          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
362            <div class="video">
363              <video muted autoplay="autoplay" loop="loop" width="100%">
364                <source src="./static/videos/smpl_overlay/00.mp4" type="video/mp4">
365              </video>
366            </div>
367            <div class="video">
368              <video muted autoplay="autoplay" loop="loop" width="100%">
369                <source src="./static/videos/smpl_overlay/00-smpl.mp4" type="video/mp4">
370              </video>
371            </div>
372          </div>
373        </div>
374
375        <div class="is-divider-vertical" data-content="OR"></div>
376
377        <div class="column">
378          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
379            <div class="video">
380              <video muted autoplay="autoplay" loop="loop" width="100%">
381                <source src="./static/videos/smpl_overlay/01.mp4" type="video/mp4">
382              </video>
383            </div>
384            <div class="video">
385              <video muted autoplay="autoplay" loop="loop" width="100%">
386                <source src="./static/videos/smpl_overlay/01-smpl.mp4" type="video/mp4">
387              </video>
388            </div>
389          </div>
390        </div>
391        <div class="is-divider-vertical" data-content="OR"></div>
392
393        <div class="column">
394          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
395            <div class="video">
396              <video muted autoplay="autoplay" loop="loop" width="100%">
397                <source src="./static/videos/smpl_overlay/02.mp4" type="video/mp4">
398              </video>
399            </div>
400            <div class="video">
401              <video muted autoplay="autoplay" loop="loop" width="100%">
402                <source src="./static/videos/smpl_overlay/02-smpl.mp4" type="video/mp4">
403              </video>
404            </div>
405          </div>
406        </div>
407      </div>
408      <div class="columns">
409
410        <div class="column">
411          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
412            <div class="video">
413              <video muted autoplay="autoplay" loop="loop" width="100%">
414                <source src="./static/videos/smpl_overlay/03.mp4" type="video/mp4">
415              </video>
416            </div>
417            <div class="video">
418              <video muted autoplay="autoplay" loop="loop" width="100%">
419                <source src="./static/videos/smpl_overlay/03-smpl.mp4" type="video/mp4">
420              </video>
421            </div>
422          </div>
423        </div>
424        <div class="is-divider-vertical" data-content="OR"></div>
425
426        <div class="column">
427          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
428            <div class="video">
429              <video muted autoplay="autoplay" loop="loop" width="100%">
430                <source src="./static/videos/smpl_overlay/04.mp4" type="video/mp4">
431              </video>
432            </div>
433            <div class="video">
434              <video muted autoplay="autoplay" loop="loop" width="100%">
435                <source src="./static/videos/smpl_overlay/04-smpl.mp4" type="video/mp4">
436              </video>
437            </div>
438          </div>
439        </div>
440        <div class="is-divider-vertical" data-content="OR"></div>
441
442        <div class="column">
443          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
444            <div class="video">
445              <video muted autoplay="autoplay" loop="loop" width="100%">
446                <source src="./static/videos/smpl_overlay/05.mp4" type="video/mp4">
447              </video>
448            </div>
449            <div class="video">
450              <video muted autoplay="autoplay" loop="loop" width="100%">
451                <source src="./static/videos/smpl_overlay/05-smpl.mp4" type="video/mp4">
452              </video>
453            </div>
454          </div>
455        </div>
456      </div>
457      <div class="columns">
458        <div class="column">
459          <div class="video">
460            <video muted autoplay="autoplay" loop="loop" width="100%">
461              <source src="./static/videos/smpl_overlay/more-smpl.mp4" type="video/mp4">
462            </video>
463          </div>
464        </div>
465      </div>
466    </div>
467  </div>
468</section>
469
470<section class="section">
471  <div class="container is-max-desktop">
472    <!-- Pipeline. -->
473    <div class="columns is-centered has-text-centered">
474      <div class="column">
475        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Pipeline Overview</h2>
476        <div class="content has-text-justified">
477          <img id="teaser" src="./static/images/pipeline.png" alt="teaser.png"/>
478          <p>
479            The four-stage data processing pipeline. We first obtain the bounding box of key subjects in videos in Stage I and
480            extract human segmentation masks in Stage II. Then the SMPL and camera parameters are coarsely estimated in Stage III
481            and later refined in Stage IV.
482          </p>
483        </div>
484      </div>
485    </div>
486    <!--/ Pipeline. -->
487</section>
488
489<section class="section">
490  <div class="container is-max-desktop">
491    <!-- Data Analysis. -->
492    <div class="columns is-centered has-text-centered">
493      <div class="column">
494        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Data Analysis</h2>
495        <div class="content has-text-justified">
496          <img id="teaser" src="./static/images/data-analysis.png" alt="teaser.png" />
497          <p>
498            (a) word cloud of the video titles in WildAvatar, (b) histograms of annotations across video clips,
499            here we count the bounding box and human mask region in pixels, and "Range" denotes the difference between the maximum
500            and minimum values. (c) Comparison of the body pose spaces with popular laboratory human datasets, (d) comparison of the
501            viewpoints spaces with popular laboratory human datasets, (e) resolutions of videos in WildAvatar, and (f) comparison
502            with the previous dataset on the abundance of clothing. We introduce the SSIOU, the inverse IOU between SMPL masks and segmentation masks.
503          </p>
504        </div>
505      </div>
506    </div>
507    <!--/ Data Analysis. -->
508</section>
509
510<section class="section">
511  <div class="container is-max-desktop">
512    <!-- Data Analysis. -->
513    <div class="columns is-centered has-text-centered">
514      <div class="column">
515        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Qualitative Comparisons</h2>
516        <div class="content has-text-justified">
517          <img id="teaser" src="./static/images/single-compare.png" alt="teaser.png" />
518          <p>
519            Qualitative comparisons of popular per-subject methods on WildAvatar. NHP and NB, AN, AS, HN, IN, and GH de
519note Neural
520            Human Rendering, NeuralBody, Animatable NeRF, Animatable SDF, HumanNeRF, InstantNVR, and GauHuman, respectively. Faces are blurred to protect privacy.
521          </p>
522          <img id="teaser" src="./static/images/generalizable-compare.png" alt="teaser.png" />
523          <p>
524            Qualitative comparisons on the state-of-the-art generalizable avatar creation method (SHERF).
525            ``w/ WA'' or ``w/o WA'' denotes training with or without WildAvatar, respectively. Faces are blurred to protect privacy.
526          </p>
527        </div>
528      </div>
529    </div>
530    <!--/ Data Analysis. -->
531</section>
532
533<!-- Reconstruction Visualizations -->
534<section class="section">
535  <div class="container is-max-desktop">
536    <div class="columns is-centered has-text-centered">
537      <div class="column is-full">
538        <h2 class="title is-3 sansfont mode-font" style="font-family:'Acme';color:#000000;">Reconstruction Visualizations</h3>
539      </div>
540    </div>
541
542    <div class="content">
543      <div class="columns">
544        <div class="column">
545          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
546            <div class="video">
547              <video muted autoplay="autoplay" loop="loop" width="100%">
548                <source src="./static/videos/reconstruction/00-org.mp4" type="video/mp4">
549              </video>
550            </div>
551            <div class="video">
552              <video muted autoplay="autoplay" loop="loop" width="100%">
553                <source src="./static/videos/reconstruction/00-gh.mp4" type="video/mp4">
554              </video>
555            </div>
556          </div>
557        </div>
558
559        <div class="is-divider-vertical" data-content="OR"></div>
560
561        <div class="column">
562          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
563            <div class="video">
564              <video muted autoplay="autoplay" loop="loop" width="100%">
565                <source src="./static/videos/reconstruction/01-org.mp4" type="video/mp4">
566              </video>
567            </div>
568            <div class="video">
569              <video muted autoplay="autoplay" loop="loop" width="100%">
570                <source src="./static/videos/reconstruction/01-gh.mp4" type="video/mp4">
571              </video>
572            </div>
573          </div>
574        </div>
575        <div class="is-divider-vertical" data-content="OR"></div>
576
577        <div class="column">
578          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
579            <div class="video">
580              <video muted autoplay="autoplay" loop="loop" width="100%">
581                <source src="./static/videos/reconstruction/02-org.mp4" type="video/mp4">
582              </video>
583            </div>
584            <div class="video">
585              <video muted autoplay="autoplay" loop="loop" width="100%">
586                <source src="./static/videos/reconstruction/02-gh.mp4" type="video/mp4">
587              </video>
588            </div>
589          </div>
590        </div>
591      </div>
592      <div class="columns">
593
594        <div class="column">
595          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
596            <div class="video">
597              <video muted autoplay="autoplay" loop="loop" width="100%">
598                <source src="./static/videos/reconstruction/03-org.mp4" type="video/mp4">
599              </video>
600            </div>
601            <div class="video">
602              <video muted autoplay="autoplay" loop="loop" width="100%">
603                <source src="./static/videos/reconstruction/03-gh.mp4" type="video/mp4">
604              </video>
605            </div>
606          </div>
607        </div>
608        <div class="is-divider-vertical" data-content="OR"></div>
609
610        <div class="column">
611          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
612            <div class="video">
613              <video muted autoplay="autoplay" loop="loop" width="100%">
614                <source src="./static/videos/reconstruction/04-org.mp4" type="video/mp4">
615              </video>
616            </div>
617            <div class="video">
618              <video muted autoplay="autoplay" loop="loop" width="100%">
619                <source src="./static/videos/reconstruction/04-gh.mp4" type="video/mp4">
620              </video>
621            </div>
622          </div>
623        </div>
624        <div class="is-divider-vertical" data-content="OR"></div>
625
626        <div class="column">
627          <div class="twentytwenty-container" data-orientation="horizontal" ratio="0.5">
628            <div class="video">
629              <video muted autoplay="autoplay" loop="loop" width="100%">
630                <source src="./static/videos/reconstruction/05-org.mp4" type="video/mp4">
631              </video>
632            </div>
633            <div class="video">
634              <video muted autoplay="autoplay" loop="loop" width="100%">
635                <source src="./static/videos/reconstruction/05-gh.mp4" type="video/mp4">
636              </video>
637            </div>
638          </div>
639        </div>
640      </div>
641      <div class="content has-text-justified has-text-centered-fullhd">
642        (The above avatars are created by <a href="https://github.com/skhu101/GauHuman">GauHuman</a>.)
643      </div>
644    </div>
645  </div>
646</section>
647
648
649<section class="section" id="BibTeX">
650  <div class="container is-max-desktop content">
651    <h2 class="title">BibTeX</h2>
652    <pre><code>
653      @inproceedings{huang2025wildavatar,
654        title={WildAvatar: Learning In-the-wild 3D Avatars from the Web},
655        author={Huang, Zihao and Hu, ShouKang and Wang, Guangcong and Liu, Tianqi and Zang, Yuhang and Cao, Zhiguo and Li, Wei and Liu, Ziwei},
656        booktitle={Proceedings of the IEEE/CVF Conference on Computer Vision and Pattern Recognition (CVPR)},
657        year={2025}
658      }
659    </code></pre>
660  </div>
661</section>
662
663
664<footer class="footer">
665  <div class="container">
666    <div class="content has-text-centered">
667    </div>
668    <div class="columns is-centered">
669      <div class="column is-8">
670        <div class="content">
671          <p>
672            This website is licensed under a <a rel="license"
673                                                href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
674            Commons Attribution-ShareAlike 4.0 International License</a>.
675          </p>
676          <p>
677            This means you are free to borrow the <a
678              href="https://github.com/wildavatar/wildavatar.github.io">source code</a> of this website,
679            we just ask that you link back to this page in the footer.
680            Please remember to remove the analytics code included in the header of the website which
681            you do not want on your website.
682          </p>
683        </div>
684      </div>
685    </div>
686  </div>
687</footer>
688
689<div class="section" style="text-align:center; padding:0 0 20px 0">
690<a href='https://clustrmaps.com/site/1c0ei' title='Visit tracker'><img
691    src='//clustrmaps.com/map_v2.png?cl=ffffff&w=a&t=tt&d=2QkyC1JmDqusbGVCIScq5fkRIklyv_wvsMHEi8uqO1s' alt="Visit tracker"/></a>
692</div>
693
694</body>
695</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.