particles images

particles.js

Floating hex stickers

Emil Hvitfeldt true
05-09-2021

The particles.js is a fun library for creating organic particle effects. This example shows how a modified particles.js script allows you to create floating hex stickers.

All the magic is happening in a .html file where all the effects are created then inserted into the xaringan slides using iframes.

Please note that you are not allowed to advance slides if you click on this iframe, and you need to click on the slide number (lower right) to be able to advance. (If you know how to fix this, please file an issue)

Result

Rmd

---
output:
  xaringan::moon_reader:
    lib_dir: libs
    seal: false
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

class: no-padding

```{css, echo=FALSE}
.no-padding {
  padding: 0;
}
```

<iframe src="particles/particles.html" 
width="100%" height="100%" frameBorder="0">
</iframe>

---

# xaringan

Rest of files

here

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".

Citation

For attribution, please cite this work as

Hvitfeldt (2021, May 9). Xaringan Gallery: particles images. Retrieved from https://xaringan.gallery/examples/particle-images/

BibTeX citation

@misc{hvitfeldt2021particles,
  author = {Hvitfeldt, Emil},
  title = {Xaringan Gallery: particles images},
  url = {https://xaringan.gallery/examples/particle-images/},
  year = {2021}
}