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> </span> 128 <span class="author-block sansfont"><a href="https://skhu101.github.io">Shoukang Hu</a><sup>2</sup> </span> 129 <span class="author-block sansfont"><a href="https://wanggcong.github.io">Guangcong Wang</a><sup>3</sup> </span> 130 <span class="author-block sansfont"><a href="http://tqtqliu.github.io">Tianqi Liu</a><sup>1,2</sup> </span><br> 131 <span class="author-block sansfont"><a href="https://yuhangzang.github.io">Yuhang Zang</a><sup>4</sup> </span> 132 <span class="author-block sansfont"><a href="http://faculty.hust.edu.cn/caozhiguo1/en/index.htm">Zhiguo Cao</a><sup>1</sup> </span> 133 <span class="author-block sansfont"><a href="https://weivision.github.io">Wei Li</a><sup>2</sup> </span> 134 <span class="author-block sansfont"><a href="https://liuziwei7.github.io/">Ziwei Liu</a><sup>2</sup> </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"> </span> 141 <span class="author-block sansfont"><sup>2</sup>NTU</span> 142 <span class="author-block sansfont"> </span> 143 <span class="author-block sansfont"><sup>3</sup>GBU</span> 144 <span class="author-block sansfont"> </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.