Skip to content

Commit c4db774

Browse files
committed
feat: added new named color plugin, and hex color in the engine
1 parent a33b3d0 commit c4db774

170 files changed

Lines changed: 11042 additions & 10328 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

bundles/all/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@
3232
- [@tsparticles/plugin-hsv-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/hsvColor)
3333
- [@tsparticles/plugin-infection](https://github.com/tsparticles/tsparticles/tree/main/plugins/infection)
3434
- [@tsparticles/plugin-motion](https://github.com/tsparticles/tsparticles/tree/main/plugins/motion)
35+
- [@tsparticles/plugin-named-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/namedColor)
3536
- [@tsparticles/plugin-polygon-mask](https://github.com/tsparticles/tsparticles/tree/main/plugins/polygonMask)
3637
- [@tsparticles/plugin-sounds](https://github.com/tsparticles/tsparticles/tree/main/plugins/sounds)
3738
- [@tsparticles/shape-arrow](https://github.com/tsparticles/tsparticles/tree/main/shapes/arrow)

bundles/all/package.dist.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,7 @@
132132
"@tsparticles/plugin-hsv-color": "^3.6.0",
133133
"@tsparticles/plugin-infection": "^3.6.0",
134134
"@tsparticles/plugin-motion": "^3.6.0",
135+
"@tsparticles/plugin-named-color": "^3.6.0",
135136
"@tsparticles/plugin-oklch-color": "^3.6.0",
136137
"@tsparticles/plugin-poisson-disc": "^3.6.0",
137138
"@tsparticles/plugin-polygon-mask": "^3.6.0",

bundles/all/package.json

Lines changed: 161 additions & 160 deletions
Original file line numberDiff line numberDiff line change
@@ -1,165 +1,166 @@
11
{
2-
"name": "@tsparticles/all",
3-
"version": "3.6.0",
4-
"description": "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.",
5-
"homepage": "https://particles.js.org",
6-
"scripts": {
7-
"build": "tsparticles-cli build",
8-
"build:ci": "tsparticles-cli build --ci",
9-
"version": "tsparticles-cli build -d && git add package.dist.json",
10-
"prepack": "pnpm run build"
2+
"name": "@tsparticles/all",
3+
"version": "3.6.0",
4+
"description": "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.",
5+
"homepage": "https://particles.js.org",
6+
"scripts": {
7+
"build": "tsparticles-cli build",
8+
"build:ci": "tsparticles-cli build --ci",
9+
"version": "tsparticles-cli build -d && git add package.dist.json",
10+
"prepack": "pnpm run build"
11+
},
12+
"repository": {
13+
"type": "git",
14+
"url": "git+https://github.com/tsparticles/tsparticles.git",
15+
"directory": "bundles/all"
16+
},
17+
"keywords": [
18+
"front-end",
19+
"frontend",
20+
"tsparticles",
21+
"particles.js",
22+
"particlesjs",
23+
"particles",
24+
"particle",
25+
"canvas",
26+
"jsparticles",
27+
"xparticles",
28+
"particles-js",
29+
"particles-bg",
30+
"particles-bg-vue",
31+
"particles-ts",
32+
"particles.ts",
33+
"react-particles-js",
34+
"react-particles.js",
35+
"react-particles",
36+
"react",
37+
"reactjs",
38+
"vue-particles",
39+
"ngx-particles",
40+
"angular-particles",
41+
"particleground",
42+
"vue",
43+
"vuejs",
44+
"preact",
45+
"preactjs",
46+
"jquery",
47+
"angularjs",
48+
"angular",
49+
"typescript",
50+
"javascript",
51+
"animation",
52+
"web",
53+
"html5",
54+
"web-design",
55+
"webdesign",
56+
"css",
57+
"html",
58+
"css3",
59+
"animated",
60+
"background",
61+
"confetti",
62+
"canvas",
63+
"fireworks",
64+
"fireworks-js",
65+
"confetti-js",
66+
"confettijs",
67+
"fireworksjs",
68+
"canvas-confetti"
69+
],
70+
"author": "Matteo Bruni <matteo.bruni@me.com>",
71+
"license": "MIT",
72+
"bugs": {
73+
"url": "https://github.com/tsparticles/tsparticles/issues"
74+
},
75+
"funding": [
76+
{
77+
"type": "github",
78+
"url": "https://github.com/sponsors/matteobruni"
1179
},
12-
"repository": {
13-
"type": "git",
14-
"url": "git+https://github.com/tsparticles/tsparticles.git",
15-
"directory": "bundles/all"
80+
{
81+
"type": "github",
82+
"url": "https://github.com/sponsors/tsparticles"
1683
},
17-
"keywords": [
18-
"front-end",
19-
"frontend",
20-
"tsparticles",
21-
"particles.js",
22-
"particlesjs",
23-
"particles",
24-
"particle",
25-
"canvas",
26-
"jsparticles",
27-
"xparticles",
28-
"particles-js",
29-
"particles-bg",
30-
"particles-bg-vue",
31-
"particles-ts",
32-
"particles.ts",
33-
"react-particles-js",
34-
"react-particles.js",
35-
"react-particles",
36-
"react",
37-
"reactjs",
38-
"vue-particles",
39-
"ngx-particles",
40-
"angular-particles",
41-
"particleground",
42-
"vue",
43-
"vuejs",
44-
"preact",
45-
"preactjs",
46-
"jquery",
47-
"angularjs",
48-
"angular",
49-
"typescript",
50-
"javascript",
51-
"animation",
52-
"web",
53-
"html5",
54-
"web-design",
55-
"webdesign",
56-
"css",
57-
"html",
58-
"css3",
59-
"animated",
60-
"background",
61-
"confetti",
62-
"canvas",
63-
"fireworks",
64-
"fireworks-js",
65-
"confetti-js",
66-
"confettijs",
67-
"fireworksjs",
68-
"canvas-confetti"
69-
],
70-
"author": "Matteo Bruni <matteo.bruni@me.com>",
71-
"license": "MIT",
72-
"bugs": {
73-
"url": "https://github.com/tsparticles/tsparticles/issues"
74-
},
75-
"funding": [
76-
{
77-
"type": "github",
78-
"url": "https://github.com/sponsors/matteobruni"
79-
},
80-
{
81-
"type": "github",
82-
"url": "https://github.com/sponsors/tsparticles"
83-
},
84-
{
85-
"type": "buymeacoffee",
86-
"url": "https://www.buymeacoffee.com/matteobruni"
87-
}
88-
],
89-
"prettier": "@tsparticles/prettier-config",
90-
"files": [
91-
"dist"
92-
],
93-
"sideEffects": false,
94-
"browser": "dist/browser/index.js",
95-
"main": "dist/cjs/index.js",
96-
"module": "dist/esm/index.js",
97-
"types": "dist/types/index.d.ts",
98-
"exports": {
99-
".": {
100-
"types": "./dist/types/index.d.ts",
101-
"browser": "./dist/browser/index.js",
102-
"import": "./dist/esm/index.js",
103-
"require": "./dist/cjs/index.js",
104-
"umd": "./dist/umd/index.js",
105-
"default": "./dist/cjs/index.js"
106-
},
107-
"./package.json": "./dist/package.json"
108-
},
109-
"dependencies": {
110-
"@tsparticles/effect-bubble": "workspace:^3.6.0",
111-
"@tsparticles/effect-trail": "workspace:^3.6.0",
112-
"@tsparticles/engine": "workspace:^3.6.0",
113-
"@tsparticles/interaction-external-particle": "workspace:^3.6.0",
114-
"@tsparticles/interaction-external-pop": "workspace:^3.6.0",
115-
"@tsparticles/interaction-light": "workspace:^3.6.0",
116-
"@tsparticles/interaction-particles-repulse": "workspace:^3.6.0",
117-
"@tsparticles/path-curl-noise": "workspace:^3.6.0",
118-
"@tsparticles/path-curves": "workspace:^3.6.0",
119-
"@tsparticles/path-perlin-noise": "workspace:^3.6.0",
120-
"@tsparticles/path-polygon": "workspace:^3.6.0",
121-
"@tsparticles/path-simplex-noise": "workspace:^3.6.0",
122-
"@tsparticles/path-svg": "workspace:^3.6.0",
123-
"@tsparticles/path-zig-zag": "workspace:^3.6.0",
124-
"@tsparticles/pjs": "workspace:^3.6.0",
125-
"@tsparticles/plugin-canvas-mask": "workspace:^3.6.0",
126-
"@tsparticles/plugin-easing-back": "workspace:^3.6.0",
127-
"@tsparticles/plugin-easing-circ": "workspace:^3.6.0",
128-
"@tsparticles/plugin-easing-cubic": "workspace:^3.6.0",
129-
"@tsparticles/plugin-easing-expo": "workspace:^3.6.0",
130-
"@tsparticles/plugin-easing-linear": "workspace:^3.6.0",
131-
"@tsparticles/plugin-easing-quart": "workspace:^3.6.0",
132-
"@tsparticles/plugin-easing-quint": "workspace:^3.6.0",
133-
"@tsparticles/plugin-easing-sine": "workspace:^3.6.0",
134-
"@tsparticles/plugin-emitters-shape-canvas": "workspace:^3.6.0",
135-
"@tsparticles/plugin-emitters-shape-path": "workspace:^3.6.0",
136-
"@tsparticles/plugin-emitters-shape-polygon": "workspace:^3.6.0",
137-
"@tsparticles/plugin-export-image": "workspace:^3.6.0",
138-
"@tsparticles/plugin-export-json": "workspace:^3.6.0",
139-
"@tsparticles/plugin-export-video": "workspace:^3.6.0",
140-
"@tsparticles/plugin-hsv-color": "workspace:^3.6.0",
141-
"@tsparticles/plugin-infection": "workspace:^3.6.0",
142-
"@tsparticles/plugin-motion": "workspace:^3.6.0",
143-
"@tsparticles/plugin-oklch-color": "workspace:^3.6.0",
144-
"@tsparticles/plugin-poisson-disc": "workspace:^3.6.0",
145-
"@tsparticles/plugin-polygon-mask": "workspace:^3.6.0",
146-
"@tsparticles/plugin-sounds": "workspace:^3.6.0",
147-
"@tsparticles/shape-arrow": "workspace:^3.6.0",
148-
"@tsparticles/shape-cards": "workspace:^3.6.0",
149-
"@tsparticles/shape-cog": "workspace:^3.6.0",
150-
"@tsparticles/shape-heart": "workspace:^3.6.0",
151-
"@tsparticles/shape-infinity": "workspace:^3.6.0",
152-
"@tsparticles/shape-path": "workspace:^3.6.0",
153-
"@tsparticles/shape-rounded-polygon": "workspace:^3.6.0",
154-
"@tsparticles/shape-rounded-rect": "workspace:^3.6.0",
155-
"@tsparticles/shape-spiral": "workspace:^3.6.0",
156-
"@tsparticles/updater-gradient": "workspace:^3.6.0",
157-
"@tsparticles/updater-orbit": "workspace:^3.6.0",
158-
"tsparticles": "workspace:^3.6.0"
159-
},
160-
"publishConfig": {
161-
"access": "public",
162-
"directory": "dist",
163-
"linkDirectory": true
84+
{
85+
"type": "buymeacoffee",
86+
"url": "https://www.buymeacoffee.com/matteobruni"
16487
}
88+
],
89+
"prettier": "@tsparticles/prettier-config",
90+
"files": [
91+
"dist"
92+
],
93+
"sideEffects": false,
94+
"browser": "dist/browser/index.js",
95+
"main": "dist/cjs/index.js",
96+
"module": "dist/esm/index.js",
97+
"types": "dist/types/index.d.ts",
98+
"exports": {
99+
".": {
100+
"types": "./dist/types/index.d.ts",
101+
"browser": "./dist/browser/index.js",
102+
"import": "./dist/esm/index.js",
103+
"require": "./dist/cjs/index.js",
104+
"umd": "./dist/umd/index.js",
105+
"default": "./dist/cjs/index.js"
106+
},
107+
"./package.json": "./dist/package.json"
108+
},
109+
"dependencies": {
110+
"@tsparticles/effect-bubble": "workspace:^3.6.0",
111+
"@tsparticles/effect-trail": "workspace:^3.6.0",
112+
"@tsparticles/engine": "workspace:^3.6.0",
113+
"@tsparticles/interaction-external-particle": "workspace:^3.6.0",
114+
"@tsparticles/interaction-external-pop": "workspace:^3.6.0",
115+
"@tsparticles/interaction-light": "workspace:^3.6.0",
116+
"@tsparticles/interaction-particles-repulse": "workspace:^3.6.0",
117+
"@tsparticles/path-curl-noise": "workspace:^3.6.0",
118+
"@tsparticles/path-curves": "workspace:^3.6.0",
119+
"@tsparticles/path-perlin-noise": "workspace:^3.6.0",
120+
"@tsparticles/path-polygon": "workspace:^3.6.0",
121+
"@tsparticles/path-simplex-noise": "workspace:^3.6.0",
122+
"@tsparticles/path-svg": "workspace:^3.6.0",
123+
"@tsparticles/path-zig-zag": "workspace:^3.6.0",
124+
"@tsparticles/pjs": "workspace:^3.6.0",
125+
"@tsparticles/plugin-canvas-mask": "workspace:^3.6.0",
126+
"@tsparticles/plugin-easing-back": "workspace:^3.6.0",
127+
"@tsparticles/plugin-easing-circ": "workspace:^3.6.0",
128+
"@tsparticles/plugin-easing-cubic": "workspace:^3.6.0",
129+
"@tsparticles/plugin-easing-expo": "workspace:^3.6.0",
130+
"@tsparticles/plugin-easing-linear": "workspace:^3.6.0",
131+
"@tsparticles/plugin-easing-quart": "workspace:^3.6.0",
132+
"@tsparticles/plugin-easing-quint": "workspace:^3.6.0",
133+
"@tsparticles/plugin-easing-sine": "workspace:^3.6.0",
134+
"@tsparticles/plugin-emitters-shape-canvas": "workspace:^3.6.0",
135+
"@tsparticles/plugin-emitters-shape-path": "workspace:^3.6.0",
136+
"@tsparticles/plugin-emitters-shape-polygon": "workspace:^3.6.0",
137+
"@tsparticles/plugin-export-image": "workspace:^3.6.0",
138+
"@tsparticles/plugin-export-json": "workspace:^3.6.0",
139+
"@tsparticles/plugin-export-video": "workspace:^3.6.0",
140+
"@tsparticles/plugin-hsv-color": "workspace:^3.6.0",
141+
"@tsparticles/plugin-infection": "workspace:^3.6.0",
142+
"@tsparticles/plugin-motion": "workspace:^3.6.0",
143+
"@tsparticles/plugin-named-color": "workspace:^3.6.0",
144+
"@tsparticles/plugin-oklch-color": "workspace:^3.6.0",
145+
"@tsparticles/plugin-poisson-disc": "workspace:^3.6.0",
146+
"@tsparticles/plugin-polygon-mask": "workspace:^3.6.0",
147+
"@tsparticles/plugin-sounds": "workspace:^3.6.0",
148+
"@tsparticles/shape-arrow": "workspace:^3.6.0",
149+
"@tsparticles/shape-cards": "workspace:^3.6.0",
150+
"@tsparticles/shape-cog": "workspace:^3.6.0",
151+
"@tsparticles/shape-heart": "workspace:^3.6.0",
152+
"@tsparticles/shape-infinity": "workspace:^3.6.0",
153+
"@tsparticles/shape-path": "workspace:^3.6.0",
154+
"@tsparticles/shape-rounded-polygon": "workspace:^3.6.0",
155+
"@tsparticles/shape-rounded-rect": "workspace:^3.6.0",
156+
"@tsparticles/shape-spiral": "workspace:^3.6.0",
157+
"@tsparticles/updater-gradient": "workspace:^3.6.0",
158+
"@tsparticles/updater-orbit": "workspace:^3.6.0",
159+
"tsparticles": "workspace:^3.6.0"
160+
},
161+
"publishConfig": {
162+
"access": "public",
163+
"directory": "dist",
164+
"linkDirectory": true
165+
}
165166
}

bundles/all/src/index.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ import { loadInfectionPlugin } from "@tsparticles/plugin-infection";
3131
import { loadInfinityShape } from "@tsparticles/shape-infinity";
3232
import { loadLightInteraction } from "@tsparticles/interaction-light";
3333
import { loadMotionPlugin } from "@tsparticles/plugin-motion";
34+
import { loadNamedColorPlugin } from "@tsparticles/plugin-named-color";
3435
import { loadOklchColorPlugin } from "@tsparticles/plugin-oklch-color";
3536
import { loadOrbitUpdater } from "@tsparticles/updater-orbit";
3637
import { loadParticlesRepulseInteraction } from "@tsparticles/interaction-particles-repulse";
@@ -63,6 +64,7 @@ export async function loadAll(engine: Engine, refresh = true): Promise<void> {
6364
await loadFull(engine, false);
6465

6566
await loadHsvColorPlugin();
67+
await loadNamedColorPlugin();
6668
await loadOklchColorPlugin();
6769
await loadEasingBackPlugin();
6870
await loadEasingCircPlugin();

bundles/basic/package.dist.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@
103103
"@tsparticles/move-base": "^3.6.0",
104104
"@tsparticles/shape-circle": "^3.6.0",
105105
"@tsparticles/updater-color": "^3.6.0",
106-
"@tsparticles/updater-opacity": "^3.6.0",
106+
"@tsparticles/updater-opacity": "^3.6.0-beta.1",
107107
"@tsparticles/updater-out-modes": "^3.6.0",
108108
"@tsparticles/updater-size": "^3.6.0"
109109
},

0 commit comments

Comments
 (0)