Floating hex stickers
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)
---
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
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 ...".
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} }