@tsparticles/updater-out-modes/browser/Utils.js

tsParticles particles out modes updater

import { OutMode, OutModeDirection, getRangeValue } from "@tsparticles/engine";
const minVelocity = 0, boundsMin = 0;
export function bounceHorizontal(data) {
    if ((data.outMode !== OutMode.bounce && data.outMode !== OutMode.split) ||
        (data.direction !== OutModeDirection.left && data.direction !== OutModeDirection.right)) {
        return;
    }
    if (data.bounds.right < boundsMin && data.direction === OutModeDirection.left) {
        data.particle.position.x = data.size + data.offset.x;
    }
    else if (data.bounds.left > data.canvasSize.width && data.direction === OutModeDirection.right) {
        data.particle.position.x = data.canvasSize.width - data.size - data.offset.x;
    }
    const velocity = data.particle.velocity.x;
    let bounced = false;
    if ((data.direction === OutModeDirection.right &&
        data.bounds.right >= data.canvasSize.width &&
        velocity > minVelocity) ||
        (data.direction === OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
        const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
        data.particle.velocity.x *= -newVelocity;
        bounced = true;
    }
    if (!bounced) {
        return;
    }
    const minPos = data.offset.x + data.size;
    if (data.bounds.right >= data.canvasSize.width && data.direction === OutModeDirection.right) {
        data.particle.position.x = data.canvasSize.width - minPos;
    }
    else if (data.bounds.left <= boundsMin && data.direction === OutModeDirection.left) {
        data.particle.position.x = minPos;
    }
    if (data.outMode === OutMode.split) {
        data.particle.destroy();
    }
}
export function bounceVertical(data) {
    if ((data.outMode !== OutMode.bounce && data.outMode !== OutMode.split) ||
        (data.direction !== OutModeDirection.bottom && data.direction !== OutModeDirection.top)) {
        return;
    }
    if (data.bounds.bottom < boundsMin && data.direction === OutModeDirection.top) {
        data.particle.position.y = data.size + data.offset.y;
    }
    else if (data.bounds.top > data.canvasSize.height && data.direction === OutModeDirection.bottom) {
        data.particle.position.y = data.canvasSize.height - data.size - data.offset.y;
    }
    const velocity = data.particle.velocity.y;
    let bounced = false;
    if ((data.direction === OutModeDirection.bottom &&
        data.bounds.bottom >= data.canvasSize.height &&
        velocity > minVelocity) ||
        (data.direction === OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
        const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
        data.particle.velocity.y *= -newVelocity;
        bounced = true;
    }
    if (!bounced) {
        return;
    }
    const minPos = data.offset.y + data.size;
    if (data.bounds.bottom >= data.canvasSize.height && data.direction === OutModeDirection.bottom) {
        data.particle.position.y = data.canvasSize.height - minPos;
    }
    else if (data.bounds.top <= boundsMin && data.direction === OutModeDirection.top) {
        data.particle.position.y = minPos;
    }
    if (data.outMode === OutMode.split) {
        data.particle.destroy();
    }
}