Stack Overflow
Stack Overflow

Questions tagged [particle.js]

A JavaScript library that can help you create particle systems.

particles.js is a lightweight JavaScript library developed by Vincent Garreau for creating particles. Documentation and demo available on GitHub.

14 questions
3
votes
3 answers

NPM ERR when installing particle.js in React

I am getting below error when installing particle.js in my React App: code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: app-test@0.1.0 npm ERR! Found: react@17.0.1 npm ERR! node_modules/react npm…
gydee
  • 31
  • 1
  • 4
3
votes
2 answers

How to keep the particles.js interaction while below other elements

I am using particle.js as a background. I have managed to place on the background with use of z-index. I tried a suggestion on the github isseus page. The z-index and this: "interactivity": { "detect_on": "canvas", This bit was already added in…
Elrond
  • 31
  • 1
  • 3
3
votes
1 answer

react-particle-js not updating the number of particles

I have: return (
Shamoon
  • 41,293
  • 91
  • 306
  • 570
2
votes
1 answer

error TS2322 in Angular with error "Type 'string' is not assignable to type '"canvas"" when using ng-particles

I am trying to have the particles.js in the home screen component. I have installed "npm install ng-particles" and "npm install tsparticles." After serving and restarting and comparing to other projects I cant seem to figure it out. Below is the…
Matthew Winn
  • 23
  • 3
1
vote
0 answers

How to make each particle in particle.js clickable?

I want to add some hover functionality / clickable functionality over each particle in particle.js. Is that even possible to do that? If yes please guide me through the process. If no then is there any other alternative to achieve this (using other…
Kaiser
  • 187
  • 8
1
vote
1 answer

I'm trying to get particles showing up on the main hero section of this site using Particle js but it doesn't work

I have a main hero section where I want to create an effect using particle js. I have the particle.js file and the app.js file linked as well as my own main js file but for some reason the particles don't show up. Could it be because of the image…
Nezih Dogruer
  • 45
  • 1
  • 7
1
vote
1 answer

How to change particle colour with react-particle-js

I'm using react-particle-js and I can't seem to change the colour of the particles or the link lines, I'm using regular particle.js syntax because a lot of it is similar, can't find a solution in the docs either. Here's what I've got so far for the…
Killian C
  • 73
  • 1
  • 10
1
vote
1 answer

How to use images as vue particles?

hey guys I currently integrated vue particle into my vue project. vue particle is a component for particles backgrounds. I know that vue particle is derived from particle js hence it has the capability to use images instead of particles { …
Moose TheTitan
  • 113
  • 10
0
votes
0 answers

three.js how to manipulate / update animation live via changing data input?

I would like to visualise the data I am getting via API output as particles using three.js / particles.js . I am receiving Integers between 2 and 42. So, if my data equals 2 I would like to have two particles, if it equals 32, I would like to have…
UGN
  • 41
  • 7
0
votes
2 answers

Centering a div while using particle.js

I am using particle.js library to use particles as background. I want to center the div "container" but I'm unable to do it using flexbox because canvas is getting inserted when I run the html page. Please give a solution for this. Here is the…
Surya M N
  • 45
  • 1
  • 9
0
votes
0 answers

Particle.js stops working when a preloader is added

Particle.js works perfectly when the preloader isn't applied. But after I apply the preloader, the particles aren't visible anymore. preloader.js has: function showPage(){ // Hide the preloader …
Shrid Pant
  • 3
  • 3
0
votes
0 answers

Using particle.js in header of page, cannot get to desired size with css

I am using particle.js in just the header area of my page. I cannot get it to resize to my desired height and width. I have used canvas sizing, plain heigh and width in css and vh/wh settings. Nothing seems to change the size of it. I cannot…
learning_curve
  • 53
  • 2
  • 12
0
votes
1 answer

Usage of multiple images in Particle.js

I have a project which uses Particle.JS to create a canvas with moving image particles. The problem i am currently having is that every image is being reloaded constantly after a certain amount of time while it's already…
000HARWINDER000
  • 1
  • 2
0
votes
1 answer

div not working properly

I have made a particle effect that I want to limit so that it covers the entire screen (not the entire web page) so that it creates a parallax type effect. The problem is that I can limit the height with pixels but when I try to use height: 100vh;…
Mr.Matho
  • 125
  • 1
  • 1
  • 6