#particles.js

[friendraichu]

particles.js

A lightweight JavaScript library for creating particles.

I have found the stimmiest website ever.

There are so many ways to play with this, you can even make it NASA-themed!

[ixd2-appstate-sp18]

particles.js

Designer Vincent Garrearu created a lightweight JavaScript library for creating particles. The site has several features that allows the user to modify and interact with the code itself. If the user would like to use the code they have created, they can get the code linked from Codepen. 

Though I don’t know what kind of use the particle.js could be for, but it is an interesting and quite of an interactive feature for a website. As Garrearu had used it for his own portfolio website, it could be used for other’s as well, which made his web portfolio unique and more drawn to. The exploration I had on this website was kept me entertain for awhile. I can imagine an interactive game using the particle.js, or a projection on a wall for the user to play with. Experience the details for yourself @ particles.js. 

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/particles-js-creating-particles/

Particles.js - creating particles

Download   Demo

This Jquery Plugin Particles.js is a lightweight JavaScript library for creating particles.

1. INCLUDE JS FILES

<script src="particles.js"></script>

2. HTML

<div id="particles-js"></div>

3. JAVASCRIPT

/* particlesJS('dom-id', params); /* @dom-id : set the html tag id [string, optional, default value : particles-js] /* @params: set the params [object, optional, default values : check particles.js] */ particlesJS('particles-js', particles: color: '#fff', shape: 'circle', // "circle", "edge" or "triangle" opacity: 0.5, size: 2, size_random: true, nb: 200, line_linked: enable_auto: true, distance: 250, color: '#fff', opacity: 0.5, width: 1, condensed_mode: enable: true, rotateX: 600, rotateY: 600 , anim: enable: true, speed: 2 , interactivity: enable: false, mouse: distance: 250 , detect_on: 'canvas', // "canvas" or "window" mode: 'grab' , /* Retina Display Support */ retina_detect: false );