diff options
| author | Michael Foiani <sotech117@michaels-mbp-21.devices.brown.edu> | 2022-09-02 10:44:54 -0400 |
|---|---|---|
| committer | Michael Foiani <sotech117@michaels-mbp-21.devices.brown.edu> | 2022-09-02 10:44:54 -0400 |
| commit | 1a8ec25c000bbc01a02eeab8f25c2ec3ab5db829 (patch) | |
| tree | e7de89ad0b4bfcddbe41412a83e2aae6b36aea23 /particles.js-master/demo/index.html | |
| parent | db96a28be71373866a969af160b82b1db65d5f3c (diff) | |
first rendition - got feeback
Diffstat (limited to 'particles.js-master/demo/index.html')
| -rwxr-xr-x | particles.js-master/demo/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/particles.js-master/demo/index.html b/particles.js-master/demo/index.html new file mode 100755 index 0000000..4de55ed --- /dev/null +++ b/particles.js-master/demo/index.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>particles.js</title> + <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles."> + <meta name="author" content="Vincent Garreau" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" media="screen" href="css/style.css"> +</head> +<body> + +<!-- count particles --> +<div class="count-particles"> + <span class="js-count-particles">--</span> particles +</div> + +<!-- particles.js container --> +<div id="particles-js"></div> + +<!-- scripts --> +<script src="../particles.js"></script> +<script src="js/app.js"></script> + +<!-- stats.js --> +<script src="js/lib/stats.js"></script> +<script> + var count_particles, stats, update; + stats = new Stats; + stats.setMode(0); + stats.domElement.style.position = 'absolute'; + stats.domElement.style.left = '0px'; + stats.domElement.style.top = '0px'; + document.body.appendChild(stats.domElement); + count_particles = document.querySelector('.js-count-particles'); + update = function() { + stats.begin(); + stats.end(); + if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { + count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; + } + requestAnimationFrame(update); + }; + requestAnimationFrame(update); +</script> + +</body> +</html>
\ No newline at end of file |