@tsparticles/palette-pacman 4.0.0-beta.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,121 @@
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
+
+# tsParticles Pac-Man Palette
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-pacman/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-pacman) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-pacman.svg)](https://www.npmjs.com/package/@tsparticles/palette-pacman) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-pacman)](https://www.npmjs.com/package/@tsparticles/palette-pacman) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) palette inspired by the classic Pac-Man arcade game, featuring the iconic yellow and ghost colors.
+
+[![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
+
+[![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") <a href="https://www.buymeacoffee.com/matteobruni"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00"></a>
+
+## Sample
+
+[![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/gaming/pacman/images/sample.png)](https://particles.js.org/samples/palettes/pacman)
+
+## Colors
+
+<table>
+  <tbody>
+    <tr>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFD72"><rect width="32" height="32" fill="#FFFD72" /></svg><br />
+        <code>#FFFD72</code><br />
+        Pac-Man Yellow
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#D64532"><rect width="32" height="32" fill="#D64532" /></svg><br />
+        <code>#D64532</code><br />
+        Blinky (Red)
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#78C7F5"><rect width="32" height="32" fill="#78C7F5" /></svg><br />
+        <code>#78C7F5</code><br />
+        Inky (Cyan)
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#E8AD53"><rect width="32" height="32" fill="#E8AD53" /></svg><br />
+        <code>#E8AD53</code><br />
+        Clyde (Orange)
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#E7AFD7"><rect width="32" height="32" fill="#E7AFD7" /></svg><br />
+        <code>#E7AFD7</code><br />
+        Pinky (Pink)
+      </td>
+    </tr>
+    <tr>
+      <td colspan="5" align="center">
+        <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#000000"><rect width="40" height="40" fill="#000000" /></svg><br />
+        <strong>Background</strong><br />
+        <code>#000000</code>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="5" align="center">
+        <strong>Blend mode:</strong> <code>screen</code> | <strong>Fill:</strong> <code>true</code>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Load a base package (for example `@tsparticles/basic`) and call `loadPacmanPalette` before `tsParticles.load(...)`
+3. Apply the palette plus a minimal particles configuration in your options
+
+A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-pacman@4/tsparticles.palette-palette-pacman.min.js"></script>
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` like this:
+
+```javascript
+(async engine => {
+  await loadBasic(engine);
+  await loadPacmanPalette(engine);
+
+  const options = {
+    particles: {
+      number: { value: 200 },
+      shape: { type: "circle" },
+      size: { value: { min: 10, max: 15 } },
+      move: {
+        enable: true,
+        speed: 2,
+      },
+    },
+    palette: "pacman",
+  };
+
+  await engine.load({
+    id: "tsparticles",
+    options,
+  });
+})(tsParticles);
+```
+
+#### Customization
+
+**Important ⚠️**
+You can override all the options defining the properties like in any standard `tsParticles` installation.
+
+### Frameworks with a tsParticles component library
+
+Checkout the documentation in the component library repository and call the `loadPacmanPalette` function.
+
+## Related docs
+
+- Presets and palettes catalog: <https://github.com/tsparticles/palettes>
+- Main docs: <https://particles.js.org/docs/>

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadPacmanPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadPacmanPalette = loadPacmanPalette;
+export * from "./index.js";

package/browser/index.js

@@ -0,0 +1,7 @@
+import { options } from "./options.js";
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/browser/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/browser/options.js

@@ -0,0 +1,17 @@
+export const options = {
+    name: "Pac-Man",
+    background: "#000000",
+    blendMode: "screen",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#FFFD72",
+                "#D64532",
+                "#78C7F5",
+                "#E8AD53",
+                "#E7AFD7",
+            ],
+        },
+    },
+};

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadPacmanPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadPacmanPalette = loadPacmanPalette;
+export * from "./index.js";

package/cjs/index.js

@@ -0,0 +1,7 @@
+import { options } from "./options.js";
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/cjs/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/cjs/options.js

@@ -0,0 +1,17 @@
+export const options = {
+    name: "Pac-Man",
+    background: "#000000",
+    blendMode: "screen",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#FFFD72",
+                "#D64532",
+                "#78C7F5",
+                "#E8AD53",
+                "#E7AFD7",
+            ],
+        },
+    },
+};

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadPacmanPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadPacmanPalette = loadPacmanPalette;
+export * from "./index.js";

package/esm/index.js

@@ -0,0 +1,7 @@
+import { options } from "./options.js";
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/esm/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "pacman";
+export async function loadPacmanPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/esm/options.js

@@ -0,0 +1,17 @@
+export const options = {
+    name: "Pac-Man",
+    background: "#000000",
+    blendMode: "screen",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#FFFD72",
+                "#D64532",
+                "#78C7F5",
+                "#E8AD53",
+                "#E7AFD7",
+            ],
+        },
+    },
+};

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@tsparticles/palette-pacman",
+  "version": "4.0.0-beta.16",
+  "description": "tsParticles pacman palette",
+  "homepage": "https://particles.js.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
+    "directory": "palettes/gaming/pacman"
+  },
+  "keywords": [
+    "front-end",
+    "frontend",
+    "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti",
+    "tsparticles-palette",
+    "pacman",
+    "gaming"
+  ],
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tsparticles/palettes/issues"
+  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
+  "sideEffects": false,
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json",
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "umd": "./umd/index.lazy.js",
+      "default": "./cjs/index.lazy.js"
+    }
+  },
+  "dependencies": {
+    "@tsparticles/engine": "4.0.0-beta.16"
+  },
+  "type": "module",
+  "jsdelivr": "tsparticles.palette-palette-pacman.min.js",
+  "unpkg": "tsparticles.palette-palette-pacman.min.js",
+  "publishConfig": {
+    "access": "public"
+  }
+}