data structures

data-structures.markdown

data structures

A Pen by Bryan C Guner on CodePen.

License.

index.html

<div id="tsparticles"></div>

script.js

(function () {
	tsParticles.load("tsparticles", {
		fpsLimit: 12,
		particles: {
			move: {
				enable: true,
				outMode: "bounce",
				gravity: { enable: true },
				speed: 10
			},
			life: { duration: { sync: true, value: 5 }, count: 1 },
			shape: { type: "circle" },
			collisions: { enable: true },
			size: { value: 10 },
			color: { value: ["#f00", "#ff0", "#fff", "#0f0", "#0ff", "#00f", "#f0f"] },
			links: { enable: true }
		},
		interactivity: {
			detect_on: "canvas",
			events: { onHover: { enable: true, mode: "repulse" } }
		}
	});
}.call(this));

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/1.17.12/tsparticles.min.js"></script>

style.css

* {
	margin: 0;
}
#tsparticles {
	background: #000;
	height: 100vh;
}