mz-particles
Version:
TypeScript library for creating particle effects on canvas.
46 lines (42 loc) • 1.04 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
<style>
html, body{
padding: 0;
margin: 0;
}
#placeholder{
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<div id="placeholder"></div>
<script src="../dist/mz-particles.min.js"></script>
<script>
window.particles({
$placeholder: document.getElementById('placeholder'),
canvasColor: 'rgb(17, 24, 39)',
particlesNumber: 100,
minSize: 10,
maxSize: 30,
particlesColors: [
'#c20cff', '#ff0000', '#ff00ef', '#eaeaea',
'#8e3da4', '#d387d2'
],
rotate: true,
svgPathData: [
'M9.5 0 19 19H0z',
//'M18.5 0 37 18H0z',
//'m9 0 9 25H0z',
//'m0 0 32 25H0z',
],
});
</script>
</body>
</html>