HUGSIM Project Website

https://github.com/xdimlab/hugsim
Admin
The HUGSIM Project Website provides information and resources related to the HUGSIM project.
Tokens:1,214
Snippets:11
Trust Score:7.1
Update:3 months ago
Show doc for...
Tokens:
Raw
### Manage Video Playback and Looping with JavaScript

Source: https://github.com/xdimlab/hugsim/blob/main/index.html

This JavaScript code selects all video elements with the class 'galleryvideo'. It logs each video to the console and sets up an event listener for the 'ended' event to loop videos after a specified pause duration. Ensure videos have the 'galleryvideo' class to be affected.

```javascript
var videos = document.querySelectorAll('.galleryvideo'); videos.forEach(function(video) { // For example, log each video element to the console console.log(video); }); // Set how many seconds to wait before looping again var pauseDuration = 2; // 2 seconds videos.forEach(function(video) { // When the video ends, pause for a few seconds and then restart video.addEventListener('ended', function() { // Hide the controls when the video ends video.removeAttribute('controls'); // Pause for the specified duration, then restart the video and show controls setTimeout(function() { video.play(); // Restart the video after the pause video.setAttribute('controls', ''); }, pauseDuration * 1000); // Pause duration in milliseconds }); })
```

--------------------------------

### Initialize Google Analytics Data Layer

Source: https://github.com/xdimlab/hugsim/blob/main/index.html

This snippet initializes the Google Analytics dataLayer and configures the gtag.js tracking code. It should be included in the head of your HTML document.

```javascript
HUGSIM window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-1FWSVCGZTG');
```

--------------------------------

### Initialize Carousels and Image Comparison Sliders

Source: https://github.com/xdimlab/hugsim/blob/main/index.html

This JavaScript code initializes various carousels and image comparison sliders using jQuery plugins (bulmaCarousel and twentytwenty) after the DOM is fully loaded. It configures options for sliding, looping, and autoplay.

```javascript
$(window).on('load', function() { bulmaCarousel.attach('#results-carousel-horizontal', { slidesToScroll: 1, slidesToShow: 1, loop: true, autoplay: true, }); bulmaCarousel.attach('#results-carousel-extrap', { slidesToScroll: 2, slidesToShow: 2, // loop: true, // autoplay: true, }); bulmaCarousel.attach('#results-carousel-benchmark', { slidesToScroll: 1, slidesToShow: 3, // loop: true, autoplay: true, }); $(".twentytwenty-container-top11").twentytwenty({ before_label: 'StreetGS', after_label: 'Ours', default_offset_pct: 0.5, }); $(".twentytwenty-container-top21").twentytwenty({ before_label: 'StreetGS', after_label: 'Ours', default_offset_pct: 0.5, }); $(".twentytwenty-container-top12").twentytwenty({ before_label: 'NeuRAD', after_label: 'Ours', default_offset_pct: 0.5, }); $(".twentytwenty-container-top22").twentytwenty({ before_label: 'NeuRAD', after_label: 'Ours', default_offset_pct: 0.5, }); $(".twentytwenty-container-top31").twentytwenty({ before_label: 'NeuRAD', after_label: 'Ours', default_offset_pct: 0.5, }); $(".twentytwenty-container-top32").twentytwenty({ before_label: 'NeuRAD', after_label: 'Ours', default_offset_pct: 0.5, }); });
```

--------------------------------

### BibTeX Citation for HUGSIM Paper

Source: https://github.com/xdimlab/hugsim/blob/main/index.html

This is the BibTeX entry for the HUGSIM paper, useful for academic citations. Include this in your LaTeX document's bibliography.

```bibtex
@article{zhou2024hugsim,
            title={HUGSIM: A Real-Time, Photo-Realistic and Closed-Loop Simulator for Autonomous Driving},
            author={Zhou, Hongyu and Lin, Longzhong and Wang, Jiabao and Lu, Yichong and Bai, Dongfeng and Liu, Bingbing and Wang, Yue and Geiger, Andreas and Liao, Yiyi},
            journal={arXiv preprint arXiv:2412.01718},
            year={2024}
          }
```
Tokens:
Raw