1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="description" 6 content="DA²: Depth Anything in Any Direction"> 7 <meta name="keywords" content="depth, estimation, monocular, scene, reconstruction"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 <title>DA²</title> 11 12 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 12-13
12 13 <script async src="https://www.googletagmanager.com/gtag/js?id=
13G-1FWSVCGZTG
vendor: 14 bytes, lines 13-14
13"></script> 14
14<script> 15
vendor: 155 bytes, lines 15-23
15window.dataLayer = window.dataLayer || []; 16 17 function gtag() { 18 dataLayer.push(arguments); 19 } 20 21 gtag('js', new Date()); 22 23 gtag('config', '
23G-1FWSVCGZTG
vendor: 6 bytes, lines 23-24
23'); 24
24</script>
24 25 26 <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" 27 rel="stylesheet"> 28 29 <link rel="stylesheet" href="./css/bulma.min.css"> 30 <link rel="stylesheet" href="./css/bulma-carousel.min.css"> 31 <link rel="stylesheet" href="./css/bulma-slider.min.css"> 32 <link rel="stylesheet" href="./css/twentytwenty.css"> 33 <link rel="stylesheet" href="./css/index.css"> 34 <link rel="icon" href="./images/icon.png"> 35 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"> 36 37
37<script src="./js/jquery-3.2.1.min.js"></script>
37 38
38<script src="./js/jquery.event.move.js"></script>
38 39
39<script src="./js/jquery.twentytwenty.js"></script>
39 40
40<script src="./js/bulma-carousel.min.js"></script>
40 41
41<script src="./js/bulma-slider.min.js"></script>
41 42
42<script src="./js/fontawesome.all.min.js"></script>
42 43 44 <!--MathJax--> 45
45<script> 46 window.MathJax = { 47 tex: { 48 inlineMath: [['$', '$'], ['\\(', '\\)']] 49 }, 50 svg: { 51 fontCache: 'global' 52 } 53 }; 54 </script>
54 55
55<script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
55 56</head> 57<body> 58 59 60<section class="section"> 61 <div class="container is-max-desktop"> 62 <div class="columns is-centered has-text-centered"> 63 <div class="column is-four-fifths"> 64 <h2 class="title is-3">More Cases</h2> 65 <div class="content has-text-justified"> 66 67 <div class="instructions" style="margin-top: 10px;"> 68 <div class="instruction-item" style="display: flex; align-items: center;"> 69 <img src="icons/left-click.png" alt="Left Click" style="margin-right: 0px; width: 25px; height: 100%;"> 70 <span> Drag with left click to <strong>rotate</strong>.</span> 71 <!-- </div> --> 72 73 <!-- <div class="instruction-item" style="display: flex; align-items: center; margin-top: 10px;"> --> 74 <img src="icons/scroll-wheel.png" alt="Scroll Wheel" style="margin-right: 0px; width: 25px; height: 100%;"> 75 <span>Scroll to <strong>zoom in / out</strong>.</span> 76 <!-- </div> --> 77 78 <!-- <div class="instruction-item" style="display: flex; align-items: center; margin-top: 10px;"> --> 79 <img src="icons/right-click.png" alt="Right Click" style="margin-right: 0px; width: 25px; height: 100%;"> 80 <span>Drag with right click to <strong>move</strong>.</span> 81 <!-- </div> --> 82 </div> 83 84 <div class="instructions_small"> 85 <div class="instruction-item_small" style="display: flex; align-items: center;"> 86 <img src="icons/letter-w.png" alt="W" style="width: 23px; height: 100%;"> 87 <img src="icons/letter-s.png" alt="S" style="width: 23px; height: 100%;"> 88 <span>Move <strong>forward / backward</strong>.</span> 89 <!-- </div> --> 90 91 <!-- <div class="instruction-item_small" style="display: flex; align-items: center; margin-top: -15px;"> --> 92 <img src="icons/letter-a.png" alt="A" style="width: 23px; height: 100%;"> 93 <img src="icons/letter-d.png" alt="D" style="width: 23px; height: 100%;"> 94 <span>Move <strong>left / right</strong>.</span> 95 <!-- </div> --> 96 97 <!-- <div class="instruction-item_small" style="display: flex; align-items: center; margin-top: -15px;"> --> 98 <img src="icons/letter-q.png" alt="Q" style="width: 23px; height: 100%;"> 99 <img src="icons/letter-e.png" alt="E" style="width: 23px; height: 100%;"> 100 <span>Move <strong>upward / downward</strong>.</span> 101 </div> 102 </div> 103 <br> 104 <img src="images/a9.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 105 <img src="images/a10.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 106 </img> 107 <br> 108 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/a9.viser&initialCameraPosition=0.009,0.000,6.250&initialCameraLookAt=0.000,0.000,0.000&initialCameraUp=-0.000,0.000,1.000" 109 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 110 </iframe> 111 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/a10.viser&initialCameraPosition=-0.796,0.510,4.800&initialCameraLookAt=-0.796,0.510,0.000&initialCameraUp=-0.000,0.000,1.000" 112 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 113 </iframe> 114 <br> 115 <img src="images/a12.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 116 <img src="images/a7.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 117 </img> 118 <br> 119 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/a12.viser&initialCameraPosition=-0.120,-0.648,3.727&initialCameraLookAt=-0.126,-0.648,0.000&initialCameraUp=-0.000,0.000,
1191.000" 120 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 121 </iframe> 122 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/a7.viser&initialCameraPosition=0.684,-0.302,6.455&initialCameraLookAt=0.684,-0.302,-0.000&initialCameraUp=-0.000,0.000,1.000" 123 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 124 </iframe> 125 <br> 126 <img src="images/b4.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 127 <img src="images/b5.png" style="width: 379px; height: 100%; padding-right: 80px; padding-left: 80px;"> 128 </img> 129 <br> 130 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/b4.viser&initialCameraPosition=6.122,0.314,1.065&initialCameraLookAt=1.367,-0.384,0.553&initialCameraUp=-0.000,0.000,1.000" 131 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 132 </iframe> 133 <iframe src="https://depth-any-in-any-dir.github.io/viser-client/?playbackPath=https://depth-any-in-any-dir.github.io/recordings/b5.viser&initialCameraPosition=-11.090,-3.782,3.173&initialCameraLookAt=-0.920,-0.202,-0.660&initialCameraUp=-0.000,0.000,1.000" 134 style="width: 379px; height: 300px; border: 2px solid #ccc;"> 135 </iframe> 136 </div> 137 </div> 138 </div> 139 </div> 140</section> 141 142<footer class="footer pt-4 pb-0"> 143 <div class="container is-max-desktop"> 144 <div class="columns is-centered has-text-centered"> 145 <div class="column is-four-fifths"> 146 <div class="content has-text-justified"> 147 <p> 148 The visualization of 3D point clouds is based on <a href="https://viser.studio/main/"> 149 Viser 150 </a>.<br> 151 Website template based on 152 <a href="https://lotus3d.github.io/"> 153 LOTUS 154 </a> 155 and <a href="https://monst3r-project.github.io/">MonST3R</a>. 156 Licensed under 157 <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"> 158 CC-BY-SA-4.0. 159 </a><br> 160 Copyright © Haodong Li, 2025. 161 </p> 162 </div> 163 </div> 164 </div> 165 </div> 166</footer> 167 168</body> 169</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.