particles

All colors used in tsParticles are simple, I think supporting gradients could be a good addition since particles can obtain another effect just with colors.

How I think gradient should be configured:

{
   "particles":{
      "color":{
         "value":{
            "gradient":{
               "type":"linear",
               "angle": {
                 "value": 0,

function setupCanvas(canvas) {
  // Get the device pixel ratio, falling back to 1.
  var dpr = window.devicePixelRatio || 1;
  // Get the size of the canvas in CSS pixels.
  var rect = canvas.getBoundingClientRect();
  // Give the canvas pixel dimensions of their CSS
  // size * the device pixel ratio.
  canvas.width = rect.width * dpr;
  canvas.height = rect.height * dpr;

Jul	AUG	Sep
	16
2020	2021	2022

particles

Here are 676 public repositories matching this topic...

hustcc / canvas-nest.js

michidk / Unity-Script-Collection

DanielMartinus / Konfetti

matteobruni / tsparticles

Gradient colors

Problem with transformed div interaction

lineLinked -> opacity as an hover effect

catdad / canvas-confetti

set dpr on the canvas, for optimal quality

add code coverage to the tests

skip drawing particles that are outside the canvas area

drawcall / Proton

layabox / LayaAir_Discard

whxaxes / canvas-test

photonstorm / phaser-examples

vaneenige / phenomenon

transitive-bullshit / react-particle-effect-button

marcbruederlin / particles.js

Yasic / ParticleTextView

codrops / ParticleEffectsButtons

raphamorim / awesome-canvas

Wufe / react-particles-js

anvaka / fieldplay

korlibs / korge

oakmound / oak

nrandecker / particle

miickel / flutter_particle_clock

mapbox / webgl-wind

BrutPitt / glChAoS.P

pixijs / pixi-particles

piemonte / Twinkle

yiliansource / party-js

MatteoBattilana / WeatherView

Barrior / JParticles

doodlewind / beam

ibrahimsn98 / android-particles

Improve this page

Add this topic to your repo