Add one image particle to circles particles

[navalex]

Hello,

I created a basic tsParticles to simulate water bubbles. I want now to add an image with same physic as bubbles but that stop at the middle of the screen. I tried to use the Among Us preset to see a workaround, and founded there is particle groups, but no way to figure out how to use this groups.

So if someone can help me to manage this, it would be really nice.

Here is my JS object:

{
    backgroundMode: {
        enable: true,
        zIndex: 0
    },
    background: {
        color: "#0d47a1"
    },
    fpsLimit: 60,
    interactivity: {
        detectsOn: "canvas",
        events: {
            onClick: {enable: true, mode: "repulse"},
            onHover: {
                enable: true,
                mode: "bubble",
            },
            resize: true
        },
        modes: {
            bubble: {
                distance: 200,
                duration: 0.3,
                opacity: 1,
                size: 4,
                speed: 3
            },
            grab: {distance: 400, line_linked: {opacity: 0.5}},
            push: {particles_nb: 4},
            remove: {particles_nb: 2},
            repulse: {distance: 0, duration: 0.4}
        }
    },
    particles: {
        color: {value: "#fff"},
        links: {
            color: "#ffffff",
            distance: 500,
            enable: false,
            opacity: 0.4,
            width: 2
        },
        move: {
            attract: {enable: false, rotateX: 600, rotateY: 1200},
            direction: "top",
            enable: true,
            outMode: "out",
            random: false,
            size: true,
            speed: 4,
            straight: false
        },
        number: {density: {enable: true, area: 800}, value: 80},
        opacity: {
            random: true,
            value: 0.5
        },
        shape: {
            type: "circle",
        },
        size: {
            random: true,
            value: 50
        }
    },
    detectRetina: true
}

[matteobruni]

I didn’t understand what are you trying to achieve.

Anyway, the groups feature is a property of particles where you set names with other particles objects that will override the standard one.

For example if you have particles with move.speed set to 5, you can create a group like this:

speed6: {
    number: {
        value: 1
    },
    move: {
        speed: 6
    }
}

With a group like this you will have a faster particle.