Skip to content

akbansa/particlejs-images-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

particles.js

Giphy

A modification of particles.js to use custom icon images as particles.

Usage

Include the particles-img.js file in your project, and add the following code.

index.html

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

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

Specify image sources in img_src and configure particles.json to tweak settings. app.js

/*Image source array*/
let img_src = ['assets/images/001-interface.png', 'assets/images/002-share.png', 'assets/images/003-key.png','assets/images/004-front.png','assets/images/005-reception.png','assets/images/006-bed.png','assets/images/007-hotel.png','assets/images/008-room.png','assets/images/009-like.png'];


/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'assets/particles.json', function() {
  console.log('callback - particles.js config loaded');
});

About

Implementation of Particles.js using custom icon images

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published