tsparticles
Version:
Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
133 lines (132 loc) • 4.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Move = void 0;
const Utils_1 = require("../../../../Utils");
const Attract_1 = require("./Attract");
const MoveAngle_1 = require("./MoveAngle");
const MoveGravity_1 = require("./MoveGravity");
const OutModes_1 = require("./OutModes");
const Path_1 = require("./Path/Path");
const Spin_1 = require("./Spin");
const Trail_1 = require("./Trail");
class Move {
constructor() {
this.angle = new MoveAngle_1.MoveAngle();
this.attract = new Attract_1.Attract();
this.decay = 0;
this.distance = {};
this.direction = "none";
this.drift = 0;
this.enable = false;
this.gravity = new MoveGravity_1.MoveGravity();
this.path = new Path_1.Path();
this.outModes = new OutModes_1.OutModes();
this.random = false;
this.size = false;
this.speed = 2;
this.spin = new Spin_1.Spin();
this.straight = false;
this.trail = new Trail_1.Trail();
this.vibrate = false;
this.warp = false;
}
get collisions() {
return false;
}
set collisions(value) {
}
get bounce() {
return this.collisions;
}
set bounce(value) {
this.collisions = value;
}
get out_mode() {
return this.outMode;
}
set out_mode(value) {
this.outMode = value;
}
get outMode() {
return this.outModes.default;
}
set outMode(value) {
this.outModes.default = value;
}
get noise() {
return this.path;
}
set noise(value) {
this.path = value;
}
load(data) {
var _a, _b, _c;
if (data === undefined) {
return;
}
if (data.angle !== undefined) {
if (typeof data.angle === "number") {
this.angle.value = data.angle;
}
else {
this.angle.load(data.angle);
}
}
this.attract.load(data.attract);
if (data.decay !== undefined) {
this.decay = data.decay;
}
if (data.direction !== undefined) {
this.direction = data.direction;
}
if (data.distance !== undefined) {
this.distance =
typeof data.distance === "number"
? {
horizontal: data.distance,
vertical: data.distance,
}
: (0, Utils_1.deepExtend)({}, data.distance);
}
if (data.drift !== undefined) {
this.drift = (0, Utils_1.setRangeValue)(data.drift);
}
if (data.enable !== undefined) {
this.enable = data.enable;
}
this.gravity.load(data.gravity);
const outMode = (_a = data.outMode) !== null && _a !== void 0 ? _a : data.out_mode;
if (data.outModes !== undefined || outMode !== undefined) {
if (typeof data.outModes === "string" || (data.outModes === undefined && outMode !== undefined)) {
this.outModes.load({
default: (_b = data.outModes) !== null && _b !== void 0 ? _b : outMode,
});
}
else {
this.outModes.load(data.outModes);
}
}
this.path.load((_c = data.path) !== null && _c !== void 0 ? _c : data.noise);
if (data.random !== undefined) {
this.random = data.random;
}
if (data.size !== undefined) {
this.size = data.size;
}
if (data.speed !== undefined) {
this.speed = (0, Utils_1.setRangeValue)(data.speed);
}
this.spin.load(data.spin);
if (data.straight !== undefined) {
this.straight = data.straight;
}
this.trail.load(data.trail);
if (data.vibrate !== undefined) {
this.vibrate = data.vibrate;
}
if (data.warp !== undefined) {
this.warp = data.warp;
}
}
}
exports.Move = Move;