tsparticles
Version:
Easily create highly customizable particle 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.
125 lines (124 loc) • 3.82 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Move = void 0;
const Attract_1 = require("./Attract");
const Enums_1 = require("../../../../Enums");
const Trail_1 = require("./Trail");
const Path_1 = require("./Path/Path");
const MoveAngle_1 = require("./MoveAngle");
const MoveGravity_1 = require("./MoveGravity");
const OutModes_1 = require("./OutModes");
const Utils_1 = require("../../../../Utils");
class Move {
constructor() {
this.angle = new MoveAngle_1.MoveAngle();
this.attract = new Attract_1.Attract();
this.decay = 0;
this.distance = 0;
this.direction = Enums_1.MoveDirection.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.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 = data.distance;
}
if (data.drift !== undefined) {
this.drift = Utils_1.NumberUtils.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 = Utils_1.NumberUtils.setRangeValue(data.speed);
}
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;