# Adding moving particles to the background

**URL:** <https://forum.inductiveautomation.com/t/adding-moving-particles-to-the-background/98283>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [November 6, 2024, 3:37pm UTC](https://forum.inductiveautomation.com/t/adding-moving-particles-to-the-background/98283 "2024-11-06T15:37:15Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 7, 2024, 8:50am UTC](https://forum.inductiveautomation.com/t/adding-moving-particles-to-the-background/98283/10 "2024-11-07T08:50:46Z")

</div>

i think i coppied different json than the front page example, and maybe missing some css.

this head.txt has to go here(depending on instal folder, might need to create injectables yourself too)

```python
C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\injectables

```

(copy pasted from [https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js](https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js))  
[head\_bottom.txt](https://forum.inductiveautomation.com/uploads/short-url/qcsBo4SN24cig9PP6chJ9O4IHv7.txt) (22.6 KB)

Than a simple view with simple js code

```python
	code = """<img style='display:none' src='/favicon.ico' onload=\"
		window.particlesJS('""" + value.domId + """', """ + system.util.jsonEncode(value.json).replace("\"", "'") + """)			
	\"></img>""".replace("\n", "").replace("\t", "")
	return code

```

where value.domId is a domid of a empty container view  
and value.json is a configurable particles.js.. for this you gotta figure out what to do yourself, i just changed a color to red since default was white and not visslbe on my background 😛

[particlesJs.zip](https://forum.inductiveautomation.com/uploads/short-url/b3sDK3bB2NRCl1ytuH1F6ztvPSe.zip) (5.1 KB)

Oh the main page you linked has a download configured json button, think thats the easiest to get started on the json bit 😛 (remember background color)

funny, doesnt work in designer itself though (not surprising)

---

_[View the full topic](https://forum.inductiveautomation.com/t/adding-moving-particles-to-the-background/98283)._