@tsparticles/updater-out-modes
Version:
tsParticles particles out modes updater
43 lines (42 loc) • 1.94 kB
JavaScript
import { OutMode, OutModeDirection, isPointInside, originPoint, } from "@tsparticles/engine";
const minVelocity = 0;
export class NoneOutMode {
modes;
#container;
constructor(container) {
this.#container = container;
this.modes = [OutMode.none];
}
update(particle, direction, _delta, outMode) {
if (!this.modes.includes(outMode)) {
return;
}
if ((particle.options.move.distance.horizontal &&
(direction === OutModeDirection.left || direction === OutModeDirection.right)) ??
(particle.options.move.distance.vertical &&
(direction === OutModeDirection.top || direction === OutModeDirection.bottom))) {
return;
}
const gravityOptions = particle.options.move.gravity, container = this.#container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
if (!gravityOptions.enable) {
if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
(particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||
(particle.velocity.x > minVelocity && particle.position.x <= canvasSize.width + pRadius) ||
(particle.velocity.x < minVelocity && particle.position.x >= -pRadius)) {
return;
}
if (!isPointInside(particle.position, container.canvas.size, originPoint, pRadius, direction)) {
particle.destroy();
}
}
else {
const position = particle.position;
if ((!gravityOptions.inverse &&
position.y > canvasSize.height + pRadius &&
direction === OutModeDirection.bottom) ||
(gravityOptions.inverse && position.y < -pRadius && direction === OutModeDirection.top)) {
particle.destroy();
}
}
}
}