@tsparticles/shape-emoji 4.0.0-alpha.3 → 4.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/860.min.js +2 -0
- package/860.min.js.LICENSE.txt +1 -0
- package/browser/EmojiDrawer.js +2 -2
- package/browser/Utils.js +2 -1
- package/browser/index.js +1 -1
- package/cjs/EmojiDrawer.js +2 -2
- package/cjs/Utils.js +2 -1
- package/cjs/index.js +1 -1
- package/dist_browser_EmojiDrawer_js.js +3 -3
- package/esm/EmojiDrawer.js +2 -2
- package/esm/Utils.js +2 -1
- package/esm/index.js +1 -1
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.shape.emoji.js +4 -16
- package/tsparticles.shape.emoji.min.js +1 -1
- package/tsparticles.shape.emoji.min.js.LICENSE.txt +1 -1
- package/types/Utils.d.ts +1 -1
- package/umd/EmojiDrawer.js +4 -4
- package/umd/Utils.js +3 -2
- package/umd/index.js +1 -1
- package/508.min.js +0 -2
- package/508.min.js.LICENSE.txt +0 -1
package/860.min.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 860.min.js.LICENSE.txt */
|
|
2
|
+
(this.webpackChunk_tsparticles_shape_emoji=this.webpackChunk_tsparticles_shape_emoji||[]).push([[860],{860(e,t,i){i.d(t,{EmojiDrawer:()=>n});var a=i(303);const o='"Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color"';class n{constructor(){this.validTypes=["emoji"],this._emojiShapeDict=new Map}destroy(){for(const[e,t]of this._emojiShapeDict)t instanceof ImageBitmap&&t.close(),this._emojiShapeDict.delete(e)}draw(e){const t=e.particle.emojiDataKey;if(!t)return;const i=this._emojiShapeDict.get(t);i&&function(e,t){const{context:i,opacity:o}=e,n=i.globalAlpha,s=t.width,l=s*a.half;i.globalAlpha=o,i.drawImage(t,-l,-l,s,s),i.globalAlpha=n}(e,i)}async init(e){const t=e.actualOptions,{validTypes:i}=this;if(!i.find((e=>(0,a.isInArray)(e,t.particles.shape.type))))return;const n=[(0,a.loadFont)(o)],s=i.map((e=>t.particles.shape.options[e]))[0];(0,a.executeOnSingleOrMultiple)(s,(e=>{e.font&&n.push((0,a.loadFont)(e.font))})),await Promise.all(n)}particleDestroy(e){e.emojiDataKey=void 0}particleInit(e,t){const i=t.shapeData;if(!i.value)return;const n=(0,a.itemFromSingleOrMultiple)(i.value,t.randomIndexData);if(!n)return;const s="string"==typeof n?{font:i.font??o,padding:i.padding??0,value:n}:{font:o,padding:0,...i,...n},l=s.font,r=s.value,c=`${r}_${l}`;if(this._emojiShapeDict.has(c))return void(t.emojiDataKey=c);const p=s.padding*a.double,d=(0,a.getRangeMax)(t.size.value),h=d+p,f=h*a.double;let m;if("undefined"!=typeof OffscreenCanvas){const e=new OffscreenCanvas(f,f),t=e.getContext("2d");if(!t)return;t.font=`400 ${(d*a.double).toString()}px ${l}`,t.textBaseline="middle",t.textAlign="center",t.fillText(r,h,h),m=e.transferToImageBitmap()}else{const e=(0,a.safeDocument)().createElement("canvas");e.width=f,e.height=f;const t=e.getContext("2d");if(!t)return;t.font=`400 ${(d*a.double).toString()}px ${l}`,t.textBaseline="middle",t.textAlign="center",t.fillText(r,h,h),m=e}this._emojiShapeDict.set(c,m),t.emojiDataKey=c}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tsParticles Emoji Shape v4.0.0-alpha.4 by Matteo Bruni */
|
package/browser/EmojiDrawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
1
|
+
import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
2
2
|
import { drawEmoji } from "./Utils.js";
|
|
3
3
|
const defaultFont = '"Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color"', noPadding = 0, firstItem = 0;
|
|
4
4
|
export class EmojiDrawer {
|
|
@@ -42,7 +42,7 @@ export class EmojiDrawer {
|
|
|
42
42
|
particle.emojiDataKey = undefined;
|
|
43
43
|
}
|
|
44
44
|
particleInit(_container, particle) {
|
|
45
|
-
const
|
|
45
|
+
const shapeData = particle.shapeData;
|
|
46
46
|
if (!shapeData.value) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
package/browser/Utils.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { half } from "@tsparticles/engine";
|
|
1
2
|
export function drawEmoji(data, image) {
|
|
2
|
-
const { context, opacity } = data,
|
|
3
|
+
const { context, opacity } = data, previousAlpha = context.globalAlpha, diameter = image.width, radius = diameter * half;
|
|
3
4
|
context.globalAlpha = opacity;
|
|
4
5
|
context.drawImage(image, -radius, -radius, diameter, diameter);
|
|
5
6
|
context.globalAlpha = previousAlpha;
|
package/browser/index.js
CHANGED
package/cjs/EmojiDrawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
1
|
+
import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
2
2
|
import { drawEmoji } from "./Utils.js";
|
|
3
3
|
const defaultFont = '"Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color"', noPadding = 0, firstItem = 0;
|
|
4
4
|
export class EmojiDrawer {
|
|
@@ -42,7 +42,7 @@ export class EmojiDrawer {
|
|
|
42
42
|
particle.emojiDataKey = undefined;
|
|
43
43
|
}
|
|
44
44
|
particleInit(_container, particle) {
|
|
45
|
-
const
|
|
45
|
+
const shapeData = particle.shapeData;
|
|
46
46
|
if (!shapeData.value) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
package/cjs/Utils.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { half } from "@tsparticles/engine";
|
|
1
2
|
export function drawEmoji(data, image) {
|
|
2
|
-
const { context, opacity } = data,
|
|
3
|
+
const { context, opacity } = data, previousAlpha = context.globalAlpha, diameter = image.width, radius = diameter * half;
|
|
3
4
|
context.globalAlpha = opacity;
|
|
4
5
|
context.drawImage(image, -radius, -radius, diameter, diameter);
|
|
5
6
|
context.globalAlpha = previousAlpha;
|
package/cjs/index.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.4
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
\*************************************/
|
|
24
24
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
25
|
|
|
26
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ EmojiDrawer: () => (/* binding */ EmojiDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultFont = '\"Twemoji Mozilla\", Apple Color Emoji, \"Segoe UI Emoji\", \"Noto Color Emoji\", \"EmojiOne Color\"',\n noPadding = 0,\n firstItem = 0;\nclass EmojiDrawer {\n constructor() {\n this.validTypes = [\"emoji\"];\n this._emojiShapeDict = new Map();\n }\n destroy() {\n for (const [key, data] of this._emojiShapeDict) {\n if (data instanceof ImageBitmap) {\n data.close();\n }\n this._emojiShapeDict.delete(key);\n }\n }\n draw(data) {\n const key = data.particle.emojiDataKey;\n if (!key) {\n return;\n }\n const image = this._emojiShapeDict.get(key);\n if (!image) {\n return;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n }\n async init(container) {\n const options = container.actualOptions,\n {\n validTypes\n } = this;\n if (!validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n return;\n }\n const promises = [(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(defaultFont)],\n shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem];\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n if (shape.font) {\n promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font));\n }\n });\n await Promise.all(promises);\n }\n particleDestroy(particle) {\n particle.emojiDataKey = undefined;\n }\n particleInit(_container, particle) {\n const
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ EmojiDrawer: () => (/* binding */ EmojiDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultFont = '\"Twemoji Mozilla\", Apple Color Emoji, \"Segoe UI Emoji\", \"Noto Color Emoji\", \"EmojiOne Color\"',\n noPadding = 0,\n firstItem = 0;\nclass EmojiDrawer {\n constructor() {\n this.validTypes = [\"emoji\"];\n this._emojiShapeDict = new Map();\n }\n destroy() {\n for (const [key, data] of this._emojiShapeDict) {\n if (data instanceof ImageBitmap) {\n data.close();\n }\n this._emojiShapeDict.delete(key);\n }\n }\n draw(data) {\n const key = data.particle.emojiDataKey;\n if (!key) {\n return;\n }\n const image = this._emojiShapeDict.get(key);\n if (!image) {\n return;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawEmoji)(data, image);\n }\n async init(container) {\n const options = container.actualOptions,\n {\n validTypes\n } = this;\n if (!validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n return;\n }\n const promises = [(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(defaultFont)],\n shapeOptions = validTypes.map(t => options.particles.shape.options[t])[firstItem];\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n if (shape.font) {\n promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font));\n }\n });\n await Promise.all(promises);\n }\n particleDestroy(particle) {\n particle.emojiDataKey = undefined;\n }\n particleInit(_container, particle) {\n const shapeData = particle.shapeData;\n if (!shapeData.value) {\n return;\n }\n const emoji = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(shapeData.value, particle.randomIndexData);\n if (!emoji) {\n return;\n }\n const emojiOptions = typeof emoji === \"string\" ? {\n font: shapeData.font ?? defaultFont,\n padding: shapeData.padding ?? noPadding,\n value: emoji\n } : {\n font: defaultFont,\n padding: noPadding,\n ...shapeData,\n ...emoji\n },\n font = emojiOptions.font,\n value = emojiOptions.value;\n const key = `${value}_${font}`;\n if (this._emojiShapeDict.has(key)) {\n particle.emojiDataKey = key;\n return;\n }\n const padding = emojiOptions.padding * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.size.value),\n fullSize = maxSize + padding,\n canvasSize = fullSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double;\n let image;\n if (typeof OffscreenCanvas !== \"undefined\") {\n const canvas = new OffscreenCanvas(canvasSize, canvasSize),\n context = canvas.getContext(\"2d\");\n if (!context) {\n return;\n }\n context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n context.textBaseline = \"middle\";\n context.textAlign = \"center\";\n context.fillText(value, fullSize, fullSize);\n image = canvas.transferToImageBitmap();\n } else {\n const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n canvas.width = canvasSize;\n canvas.height = canvasSize;\n const context = canvas.getContext(\"2d\");\n if (!context) {\n return;\n }\n context.font = `400 ${(maxSize * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double).toString()}px ${font}`;\n context.textBaseline = \"middle\";\n context.textAlign = \"center\";\n context.fillText(value, fullSize, fullSize);\n image = canvas;\n }\n this._emojiShapeDict.set(key, image);\n particle.emojiDataKey = key;\n }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-emoji/./dist/browser/EmojiDrawer.js?\n}");
|
|
27
27
|
|
|
28
28
|
/***/ },
|
|
29
29
|
|
|
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
33
33
|
\*******************************/
|
|
34
34
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
35
35
|
|
|
36
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ drawEmoji: () => (/* binding */ drawEmoji)\n/* harmony export */ });\nfunction drawEmoji(data, image) {\n const {\n context,\n opacity\n } = data,\n
|
|
36
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ drawEmoji: () => (/* binding */ drawEmoji)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nfunction drawEmoji(data, image) {\n const {\n context,\n opacity\n } = data,\n previousAlpha = context.globalAlpha,\n diameter = image.width,\n radius = diameter * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n context.globalAlpha = opacity;\n context.drawImage(image, -radius, -radius, diameter, diameter);\n context.globalAlpha = previousAlpha;\n}\n\n//# sourceURL=webpack://@tsparticles/shape-emoji/./dist/browser/Utils.js?\n}");
|
|
37
37
|
|
|
38
38
|
/***/ }
|
|
39
39
|
|
package/esm/EmojiDrawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
1
|
+
import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, loadFont, safeDocument, } from "@tsparticles/engine";
|
|
2
2
|
import { drawEmoji } from "./Utils.js";
|
|
3
3
|
const defaultFont = '"Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color"', noPadding = 0, firstItem = 0;
|
|
4
4
|
export class EmojiDrawer {
|
|
@@ -42,7 +42,7 @@ export class EmojiDrawer {
|
|
|
42
42
|
particle.emojiDataKey = undefined;
|
|
43
43
|
}
|
|
44
44
|
particleInit(_container, particle) {
|
|
45
|
-
const
|
|
45
|
+
const shapeData = particle.shapeData;
|
|
46
46
|
if (!shapeData.value) {
|
|
47
47
|
return;
|
|
48
48
|
}
|
package/esm/Utils.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { half } from "@tsparticles/engine";
|
|
1
2
|
export function drawEmoji(data, image) {
|
|
2
|
-
const { context, opacity } = data,
|
|
3
|
+
const { context, opacity } = data, previousAlpha = context.globalAlpha, diameter = image.width, radius = diameter * half;
|
|
3
4
|
context.globalAlpha = opacity;
|
|
4
5
|
context.drawImage(image, -radius, -radius, diameter, diameter);
|
|
5
6
|
context.globalAlpha = previousAlpha;
|
package/esm/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/shape-emoji",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.4",
|
|
4
4
|
"description": "tsParticles emoji shape",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"./package.json": "./package.json"
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@tsparticles/engine": "4.0.0-alpha.
|
|
62
|
+
"@tsparticles/engine": "4.0.0-alpha.4"
|
|
63
63
|
},
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|
package/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>@tsparticles/shape-emoji [
|
|
6
|
+
<title>@tsparticles/shape-emoji [21 Jan 2026 at 14:36]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.4
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
|
|
|
34
34
|
\*******************************/
|
|
35
35
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
36
36
|
|
|
37
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\nfunction loadEmojiShape(engine) {\n engine.checkVersion(\"4.0.0-alpha.
|
|
37
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadEmojiShape: () => (/* binding */ loadEmojiShape)\n/* harmony export */ });\nfunction loadEmojiShape(engine) {\n engine.checkVersion(\"4.0.0-alpha.4\");\n engine.register(async e => {\n const {\n EmojiDrawer\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmojiDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmojiDrawer.js */ \"./dist/browser/EmojiDrawer.js\"));\n e.addShape(new EmojiDrawer());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/shape-emoji/./dist/browser/index.js?\n}");
|
|
38
38
|
|
|
39
39
|
/***/ },
|
|
40
40
|
|
|
@@ -118,18 +118,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
118
118
|
/******/ };
|
|
119
119
|
/******/ })();
|
|
120
120
|
/******/
|
|
121
|
-
/******/ /* webpack/runtime/global */
|
|
122
|
-
/******/ (() => {
|
|
123
|
-
/******/ __webpack_require__.g = (function() {
|
|
124
|
-
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
125
|
-
/******/ try {
|
|
126
|
-
/******/ return this || new Function('return this')();
|
|
127
|
-
/******/ } catch (e) {
|
|
128
|
-
/******/ if (typeof window === 'object') return window;
|
|
129
|
-
/******/ }
|
|
130
|
-
/******/ })();
|
|
131
|
-
/******/ })();
|
|
132
|
-
/******/
|
|
133
121
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
134
122
|
/******/ (() => {
|
|
135
123
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
@@ -194,8 +182,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
194
182
|
/******/ /* webpack/runtime/publicPath */
|
|
195
183
|
/******/ (() => {
|
|
196
184
|
/******/ var scriptUrl;
|
|
197
|
-
/******/ if (
|
|
198
|
-
/******/ var document =
|
|
185
|
+
/******/ if (globalThis.importScripts) scriptUrl = globalThis.location + "";
|
|
186
|
+
/******/ var document = globalThis.document;
|
|
199
187
|
/******/ if (!scriptUrl && document) {
|
|
200
188
|
/******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
|
|
201
189
|
/******/ scriptUrl = document.currentScript.src;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.shape.emoji.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,
|
|
2
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var t="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(this,(e=>(()=>{var r,t,o={303(r){r.exports=e}},i={};function a(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.m=o,a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((r,t)=>(a.f[t](e,r),r)),[])),a.u=e=>e+".min.js",a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="@tsparticles/shape-emoji:",a.l=(e,o,i,n)=>{if(r[e])r[e].push(o);else{var s,p;if(void 0!==i)for(var l=document.getElementsByTagName("script"),c=0;c<l.length;c++){var u=l[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==t+i){s=u;break}}s||(p=!0,(s=document.createElement("script")).charset="utf-8",a.nc&&s.setAttribute("nonce",a.nc),s.setAttribute("data-webpack",t+i),s.src=e),r[e]=[o];var d=(t,o)=>{s.onerror=s.onload=null,clearTimeout(f);var i=r[e];if(delete r[e],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(o))),t)return t(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),p&&document.head.appendChild(s)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var r=globalThis.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={390:0};a.f.j=(r,t)=>{var o=a.o(e,r)?e[r]:void 0;if(0!==o)if(o)t.push(o[2]);else{var i=new Promise(((t,i)=>o=e[r]=[t,i]));t.push(o[2]=i);var n=a.p+a.u(r),s=new Error;a.l(n,(t=>{if(a.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var i=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;s.message="Loading chunk "+r+" failed.\n("+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}}),"chunk-"+r,r)}};var r=(r,t)=>{var o,i,[n,s,p]=t,l=0;if(n.some((r=>0!==e[r]))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(p)p(a)}for(r&&r(t);l<n.length;l++)i=n[l],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0},t=this.webpackChunk_tsparticles_shape_emoji=this.webpackChunk_tsparticles_shape_emoji||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var n={};function s(e){e.checkVersion("4.0.0-alpha.4"),e.register((async e=>{const{EmojiDrawer:r}=await a.e(860).then(a.bind(a,860));e.addShape(new r)}))}return a.r(n),a.d(n,{loadEmojiShape:()=>s}),n})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Emoji Shape v4.0.0-alpha.
|
|
1
|
+
/*! tsParticles Emoji Shape v4.0.0-alpha.4 by Matteo Bruni */
|
package/types/Utils.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
+
import { type IShapeDrawData } from "@tsparticles/engine";
|
|
1
2
|
import type { EmojiParticle } from "./EmojiParticle.js";
|
|
2
|
-
import type { IShapeDrawData } from "@tsparticles/engine";
|
|
3
3
|
export declare function drawEmoji(data: IShapeDrawData<EmojiParticle>, image: ImageBitmap | HTMLCanvasElement): void;
|
package/umd/EmojiDrawer.js
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
particle.emojiDataKey = undefined;
|
|
55
55
|
}
|
|
56
56
|
particleInit(_container, particle) {
|
|
57
|
-
const
|
|
57
|
+
const shapeData = particle.shapeData;
|
|
58
58
|
if (!shapeData.value) {
|
|
59
59
|
return;
|
|
60
60
|
}
|
|
@@ -79,14 +79,14 @@
|
|
|
79
79
|
particle.emojiDataKey = key;
|
|
80
80
|
return;
|
|
81
81
|
}
|
|
82
|
-
const padding = emojiOptions.padding * double, maxSize = (0, engine_1.getRangeMax)(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double;
|
|
82
|
+
const padding = emojiOptions.padding * engine_1.double, maxSize = (0, engine_1.getRangeMax)(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * engine_1.double;
|
|
83
83
|
let image;
|
|
84
84
|
if (typeof OffscreenCanvas !== "undefined") {
|
|
85
85
|
const canvas = new OffscreenCanvas(canvasSize, canvasSize), context = canvas.getContext("2d");
|
|
86
86
|
if (!context) {
|
|
87
87
|
return;
|
|
88
88
|
}
|
|
89
|
-
context.font = `400 ${(maxSize * double).toString()}px ${font}`;
|
|
89
|
+
context.font = `400 ${(maxSize * engine_1.double).toString()}px ${font}`;
|
|
90
90
|
context.textBaseline = "middle";
|
|
91
91
|
context.textAlign = "center";
|
|
92
92
|
context.fillText(value, fullSize, fullSize);
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
if (!context) {
|
|
101
101
|
return;
|
|
102
102
|
}
|
|
103
|
-
context.font = `400 ${(maxSize * double).toString()}px ${font}`;
|
|
103
|
+
context.font = `400 ${(maxSize * engine_1.double).toString()}px ${font}`;
|
|
104
104
|
context.textBaseline = "middle";
|
|
105
105
|
context.textAlign = "center";
|
|
106
106
|
context.fillText(value, fullSize, fullSize);
|
package/umd/Utils.js
CHANGED
|
@@ -4,14 +4,15 @@
|
|
|
4
4
|
if (v !== undefined) module.exports = v;
|
|
5
5
|
}
|
|
6
6
|
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports"], factory);
|
|
7
|
+
define(["require", "exports", "@tsparticles/engine"], factory);
|
|
8
8
|
}
|
|
9
9
|
})(function (require, exports) {
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
12
|
exports.drawEmoji = drawEmoji;
|
|
13
|
+
const engine_1 = require("@tsparticles/engine");
|
|
13
14
|
function drawEmoji(data, image) {
|
|
14
|
-
const { context, opacity } = data,
|
|
15
|
+
const { context, opacity } = data, previousAlpha = context.globalAlpha, diameter = image.width, radius = diameter * engine_1.half;
|
|
15
16
|
context.globalAlpha = opacity;
|
|
16
17
|
context.drawImage(image, -radius, -radius, diameter, diameter);
|
|
17
18
|
context.globalAlpha = previousAlpha;
|
package/umd/index.js
CHANGED
|
@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
45
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
46
|
exports.loadEmojiShape = loadEmojiShape;
|
|
47
47
|
function loadEmojiShape(engine) {
|
|
48
|
-
engine.checkVersion("4.0.0-alpha.
|
|
48
|
+
engine.checkVersion("4.0.0-alpha.4");
|
|
49
49
|
engine.register(async (e) => {
|
|
50
50
|
const { EmojiDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmojiDrawer.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmojiDrawer.js"], resolve_1, reject_1); }).then(__importStar));
|
|
51
51
|
e.addShape(new EmojiDrawer());
|
package/508.min.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 508.min.js.LICENSE.txt */
|
|
2
|
-
(this.webpackChunk_tsparticles_shape_emoji=this.webpackChunk_tsparticles_shape_emoji||[]).push([[508],{508(e,t,i){i.d(t,{EmojiDrawer:()=>n});var a=i(303);const o='"Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color"';class n{constructor(){this.validTypes=["emoji"],this._emojiShapeDict=new Map}destroy(){for(const[e,t]of this._emojiShapeDict)t instanceof ImageBitmap&&t.close(),this._emojiShapeDict.delete(e)}draw(e){const t=e.particle.emojiDataKey;if(!t)return;const i=this._emojiShapeDict.get(t);i&&function(e,t){const{context:i,opacity:a}=e,o=i.globalAlpha,n=t.width,s=.5*n;i.globalAlpha=a,i.drawImage(t,-s,-s,n,n),i.globalAlpha=o}(e,i)}async init(e){const t=e.actualOptions,{validTypes:i}=this;if(!i.find((e=>(0,a.isInArray)(e,t.particles.shape.type))))return;const n=[(0,a.loadFont)(o)],s=i.map((e=>t.particles.shape.options[e]))[0];(0,a.executeOnSingleOrMultiple)(s,(e=>{e.font&&n.push((0,a.loadFont)(e.font))})),await Promise.all(n)}particleDestroy(e){e.emojiDataKey=void 0}particleInit(e,t){const i=t.shapeData;if(!i.value)return;const n=(0,a.itemFromSingleOrMultiple)(i.value,t.randomIndexData);if(!n)return;const s="string"==typeof n?{font:i.font??o,padding:i.padding??0,value:n}:{font:o,padding:0,...i,...n},l=s.font,r=s.value,c=`${r}_${l}`;if(this._emojiShapeDict.has(c))return void(t.emojiDataKey=c);const p=2*s.padding,h=(0,a.getRangeMax)(t.size.value),m=h+p,d=2*m;let f;if("undefined"!=typeof OffscreenCanvas){const e=new OffscreenCanvas(d,d),t=e.getContext("2d");if(!t)return;t.font=`400 ${(2*h).toString()}px ${l}`,t.textBaseline="middle",t.textAlign="center",t.fillText(r,m,m),f=e.transferToImageBitmap()}else{const e=(0,a.safeDocument)().createElement("canvas");e.width=d,e.height=d;const t=e.getContext("2d");if(!t)return;t.font=`400 ${(2*h).toString()}px ${l}`,t.textBaseline="middle",t.textAlign="center",t.fillText(r,m,m),f=e}this._emojiShapeDict.set(c,f),t.emojiDataKey=c}}}}]);
|
package/508.min.js.LICENSE.txt
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles Emoji Shape v4.0.0-alpha.3 by Matteo Bruni */
|