Skip to content

Commit

Permalink
Update animation link in index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Cfather
Cfather authored Aug 21, 2024
1 parent 7328460 commit 0b9d161
Showing 1 changed file with 56 additions and 69 deletions.
125 changes: 56 additions & 69 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,53 +73,86 @@ <h3>Demos</h3>
<div class="row 50% uniform" style="width: 100%;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/0af9e990-eb12-4039-8e1e-b60148be0fe5" alt="">
<img src="https://github.com/user-attachments/assets/c51de3f1-423d-4875-bf89-1005ede22a68" alt="">
</span>
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/37d2aead-8387-4f0c-9b87-99bebc5397ba" alt="">
<img src="https://github.com/user-attachments/assets/6f0a94cd-9c90-4d8f-ad6a-e7de86b017b6" alt="">
</span>
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/a6a4aea3-f5da-402b-b52f-cb69eca163b0" alt="">
<img src="https://github.com/user-attachments/assets/248dac99-740e-4964-be70-d517f2290ba5" alt="">
</span>
</div>
</div>
<!-- <div class="row 50% uniform" style="width: 100%">
<div class="row 50% uniform" style="width: 100%; color: black;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Digit turning
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Digit stepping upward
</div>

<!-- <!-- <div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Digit walking forward with 1.0 m/s and 0.20 m step height
</div> -->
</div>
<div class="row 50% uniform" style="width: 100%;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<video autoplay loop muted playsinline style="width: 100%; margin-right: 5%;">
<source src="videos/teaser_data_collection_cup.mp4" type="video/mp4">
</video>
<img src="https://github.com/user-attachments/assets/27d72fe2-ce3f-4831-aec0-43e78b19b4b2" alt="">
</span>
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/7c715902-3192-43ca-83a2-33239c758bf9" alt="">
</span>
</div>

<!-- <!-- <div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/248dac99-740e-4964-be70-d517f2290ba5" alt="">
</span>
</div> -->
</div>
<div class="row 50% uniform" style="width: 100%; color: black;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Talos walking forward with 0.0 m/s and 0.10 m step height
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Talos walking forward with 0.5 m/s and 0.15 m step height
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
Talos walking forward with 1.0 m/s and 0.20 m step height
</div>
</div>
<div class="row 50% uniform" style="width: 100%;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<video autoplay loop muted playsinline style="width: 100%; margin-right: 5%;">
<source src="videos/task_cup_arrangement_1x_compressed.mp4" type="video/mp4">
</video>
<div style="position: absolute; top: 2%; right: 1%">
<p style="color: white; text-align: center; font-size: 2em">1x</p>
</div>
<img src="https://github.com/user-attachments/assets/802e8551-666c-4992-bcd4-f56198db432c" alt="">
</span>
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<video autoplay loop muted playsinline style="width: 100%; margin-right: 5%;">
<source src="videos/task_dynamic_tossing_1x_compressed.mp4" type="video/mp4">
</video>
<div style="position: absolute; top: 2%; right: 1%">
<p style="color: white; text-align: center; font-size: 2em">1x</p>
</div>
<img src="https://github.com/user-attachments/assets/94ffb2db-00c6-4336-a805-ab4d0647932b" alt="">
</span>
</div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
<span class="image fit">
<img src="https://github.com/user-attachments/assets/bbded95f-8104-4b83-8d96-63e4ab2d9501" alt="">
</span>
</div>
</div> -->
</div>
</div>

<hr>
Expand Down Expand Up @@ -194,9 +227,9 @@ <h3>Authors</h3>
<a href="https://cfather.github.io/jimzhang.github.io/"><span class="image fit" style="margin-bottom: 0.5em;">
<img src="images/bohaophoto.jpg" alt="" style="border-radius: 50%;" /></span>Bohao Zhang<sup>1</sup></a></div>

<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 20%">
<!-- <!-- <div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 20%">
<a href="https://www.roahmlab.com/ram-personal"><span class="image fit" style="margin-bottom: 0.5em;">
<img src="images/ramvphoto.jpg" alt="" style="border-radius: 50%;" /></span>Ram Vasudevan<sup>2</sup></a></div>
<img src="images/ramvphoto.jpg" alt="" style="border-radius: 50%;" /></span>Ram Vasudevan<sup>2</sup></a></div> -->

</div>
</div>
Expand All @@ -214,52 +247,6 @@ <h3>BibTeX</h3>
booktitle={Proceedings of Robotics: Science and Systems (RSS)},
year={2024}
}</code></pre> -->

<!-- <hr>
<h3>Hardware Design</h3>
<b>How can we capture sufficient information for a wide variety of tasks with just a wrist-mounted camera?</b>
<br>
UMI’s data collection hardware takes the form of a hand-held parallel jaw gripper, mounted with a GoPro camera ①.
<br>
To gather policy-deployable observations, UMI needs to capture sufficient visual context to infer action ② and critical information like depth ③.
<br>
To obtain action data leading to deployable policies, UMI needs to capture precise robot action under fast human motion ④,
fine adjustments on griping width ⑤, and automatically check whether each demonstration is valid under the specific robot kinematic constraints ⑥.
<div class="row 50% uniform" style="width: 100%; margin-top: 0.5em;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 100%">
<span class="image fit">
<img src="images/UMI_hardware.jpg" alt="">
</span>
</div>
</div> -->
·
<!-- <hr>
<h3>Policy Robustness</h4>
Enabled by our unique wrist-only camera setup and camera-centric action representations, UMI is 100% calibration-free (functioning even with base movement) and robust against distractors and drastic lighting changes.
<div class="box alt" style="margin-bottom: 1em;">
<div class="row 50% uniform" style="width: 100%;">
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.3%">
<span class="image fit" style="margin-bottom: 0.5em;">
<video controls autoplay loop muted playsinline style="width: 100%; margin-right: 5%;"><source src="videos/robustness_move_base.mp4" type="video/mp4"> </video>
</span>
Robot Base Movements
</div>
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.3%">
<span class="image fit" style="margin-bottom: 0.5em;">
<video controls autoplay loop muted playsinline style="width: 100%; margin-right: 5%;"><source src="videos/robustness_light_with_gopro.mp4" type="video/mp4"> </video>
</span>
Different Lighting Conditions
</div>
<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.3%">
<span class="image fit" style="margin-bottom: 0.5em;">
<video controls autoplay loop muted playsinline style="width: 100%; margin-right: 5%;"><source src="videos/robustness_sauce.mp4" type="video/mp4"> </video>
</span>
Perturbations with Other Sauce
</div>
</div>
</div> -->

<!-- <hr>
<h3>Capability Experiments</h3>
Expand Down Expand Up @@ -401,4 +388,4 @@ <h3>Contact</h3>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
</html>

0 comments on commit 0b9d161

Please sign in to comment.