Merge branch 'main' into deepsource-transform-e8f93fa7

Author: mayank1513

.tkb

@@ -1,41 +1,11 @@
 {
   "scope": "Workspace",
   "tasks": {
-    "G-1H47JpSI69kav1qZ-kp": {
-      "id": "G-1H47JpSI69kav1qZ-kp",
-      "description": "Star [this repository](https://github.com/react18-tools/turborepo-template/) for easy access and to show your support",
-      "columnId": "column-todo"
-    },
-    "gbzyhx0FwFfzRoE-iqVeu": {
-      "id": "gbzyhx0FwFfzRoE-iqVeu",
-      "description": "🌟 **Update `sripts/rebrand.config.json` if required.**",
-      "columnId": "column-todo"
-    },
-    "Y5__aEZl3Pbxp7r90HKpV": {
-      "id": "Y5__aEZl3Pbxp7r90HKpV",
-      "description": "Install `pnpm` using `npm i -g pnpm`",
-      "columnId": "column-todo"
-    },
-    "jcpymbi71e702p7n6fwvZ": {
-      "id": "jcpymbi71e702p7n6fwvZ",
-      "description": "Close this Kanban Board tab and install dependencies using `pnpm`\n  - Run `pnpm i` to install dependencies; the `rebrand` script will automatically rebrand the repo, adjust workflows, and create a commit",
-      "columnId": "column-todo"
-    },
-    "jdZxwLymOo7w2eZeNpvsN": {
-      "id": "jdZxwLymOo7w2eZeNpvsN",
-      "description": "Run `yarn plop`, and follow prompts to generate server or client components for your library",
-      "columnId": "column-todo"
-    },
     "RX4J5v4y5IOe_ucf8pMRT": {
       "id": "RX4J5v4y5IOe_ucf8pMRT",
       "description": "🌟 Enable [private vulnerability reporting](https://github.com/react18-tools/webgl-generative-particles/security) (For public repo - do this after updating visibility to public)",
       "columnId": "column-todo"
     },
-    "EdPbrbJLllUHfZmCS80f7": {
-      "id": "EdPbrbJLllUHfZmCS80f7",
-      "description": "Set up `CodeCov`\n  - Visit Codecov and set up your repo\n  - Create [repository secret]((https://github.com/react18-tools/webgl-generative-particles/settings/secrets/actions)) for `CODECOV_TOKEN`",
-      "columnId": "column-todo"
-    },
     "MLLUsAhCKaKxvEXFY0HSq": {
       "id": "MLLUsAhCKaKxvEXFY0HSq",
       "description": "Set up `CodeClimate`\n  - Visit CodeClimate and set up your repo\n  - Create [repository secret] for `CC_TEST_REPORTER_ID`\n  - Add `*.test.*` to ignore patterns on the website\n  - Update Code Climate badge",
@@ -46,11 +16,6 @@
       "description": "Add `NPM_AUTH_TOKEN` to repository secrets to automate package publishing\n  - Log in to your [`npm` account](https://www.npmjs.com/login) and create an automation token\n  - Create a new repository secret `NPM_AUTH_TOKEN`",
       "columnId": "column-todo"
     },
-    "_BfuX7quWBANpDK1bI7YM": {
-      "id": "_BfuX7quWBANpDK1bI7YM",
-      "description": "Update description in `lib/package.json`",
-      "columnId": "column-todo"
-    },
     "dC7QDBLH8BmHUfaYmIt81": {
       "id": "dC7QDBLH8BmHUfaYmIt81",
       "description": "(Optional) Add Repo Stats by visiting and setting up [repobeats](https://repobeats.axiom.co/)",
@@ -96,43 +61,20 @@
       "description": "You can also fork the [`terborepo-template`](https://github.com/react18-tools/turborepo-template/fork) and add your package to `scripts/featured.json`\n  - If approved, your package will be automatically added to FEATURED.md and also published on the home page of this repo.",
       "columnId": "column-todo"
     },
-    "_JiH9RZLmUF5nxD7lBC5B": {
-      "id": "_JiH9RZLmUF5nxD7lBC5B",
-      "description": "Create a new GitHub repository using this template.\n  - Click the `Use this template` button at the top right -> `Create a new repository`\n  - Click `Create repository` and wait for the setup workflow to finish rebranding your repo.",
-      "columnId": "column-done"
-    },
-    "t5d22lVYbF7GuQHzv6DRO": {
-      "id": "t5d22lVYbF7GuQHzv6DRO",
-      "description": "Install and set up Node.js and your IDE (VSCode recommended)",
-      "columnId": "column-done"
-    },
-    "wkDDELNeOfYSVmWI1eWu0": {
-      "id": "wkDDELNeOfYSVmWI1eWu0",
-      "description": "Install the recommended VSCode extensions:\n  - [Trello Kanban](https://marketplace.visualstudio.com/items?itemName=mayank1513.trello-kanban-task-board)",
-      "columnId": "column-done"
-    },
-    "J5lp9I5d12B4tpGKawaqF": {
-      "id": "J5lp9I5d12B4tpGKawaqF",
-      "description": "Run `node scripts/rebrand.js` to rebrand this repo.",
-      "columnId": "column-todo"
+    "9-0sxOV9Cw-jVjngwbWKm": {
+      "id": "9-0sxOV9Cw-jVjngwbWKm",
+      "description": "Add multiple colors",
+      "columnId": "column-KpcfQ3OwiDZ1c11EOpcsT"
     }
   },
   "columns": [
     {
       "id": "column-todo",
       "title": "To do",
       "tasksIds": [
-        "G-1H47JpSI69kav1qZ-kp",
-        "gbzyhx0FwFfzRoE-iqVeu",
-        "Y5__aEZl3Pbxp7r90HKpV",
-        "jcpymbi71e702p7n6fwvZ",
-        "J5lp9I5d12B4tpGKawaqF",
-        "jdZxwLymOo7w2eZeNpvsN",
         "RX4J5v4y5IOe_ucf8pMRT",
-        "EdPbrbJLllUHfZmCS80f7",
         "MLLUsAhCKaKxvEXFY0HSq",
         "gMYfaAh2RABMP8uZRQgNx",
-        "_BfuX7quWBANpDK1bI7YM",
         "dC7QDBLH8BmHUfaYmIt81",
         "P_NrSJQ8m91Odgz8E1fS6",
         "1dRWJhy45E1Rq5wZAmPHt",
@@ -144,19 +86,22 @@
         "IjuAtNquJ4-Ut874rHKIW"
       ]
     },
+    {
+      "id": "column-KpcfQ3OwiDZ1c11EOpcsT",
+      "title": "Backlog",
+      "tasksIds": [
+        "9-0sxOV9Cw-jVjngwbWKm"
+      ]
+    },
     {
       "id": "column-doing",
       "title": "Doing",
       "tasksIds": []
     },
     {
-      "id": "column-done",
+      "id": "column-WTA-ZOqIlXE23ewJglzO0",
       "title": "Done",
-      "tasksIds": [
-        "_JiH9RZLmUF5nxD7lBC5B",
-        "t5d22lVYbF7GuQHzv6DRO",
-        "wkDDELNeOfYSVmWI1eWu0"
-      ]
+      "tasksIds": []
     }
   ]
-}
+}

.vscode/settings.json

@@ -13,5 +13,8 @@
 	"editor.formatOnSave": true,
 	"editor.formatOnPaste": true,
 	"editor.formatOnSaveMode": "file",
-	"mayank1513.trello-kanban.Workspace.filePath": ".tkb"
+	"mayank1513.trello-kanban.Workspace.filePath": ".tkb",
+	"[glsl]": {
+		"editor.defaultFormatter": "raczzalan.webgl-glsl-editor"
+	}
 }

README.md

@@ -2,7 +2,7 @@
 
 [![test](https://github.com/react18-tools/webgl-generative-particles/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/webgl-generative-particles/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/aa896ec14c570f3bb274/maintainability)](https://codeclimate.com/github/react18-tools/webgl-generative-particles/maintainability) [![codecov](https://codecov.io/gh/react18-tools/webgl-generative-particles/graph/badge.svg)](https://codecov.io/gh/react18-tools/webgl-generative-particles) [![Version](https://img.shields.io/npm/v/webgl-generative-particles.svg?colorB=green)](https://www.npmjs.com/package/webgl-generative-particles) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/webgl-generative-particles.svg)](https://www.npmjs.com/package/webgl-generative-particles) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/webgl-generative-particles) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
 
-Webgl Generative Particles is a comprehensive library designed to unlock the full potential of React 18 server components. It provides customizable loading animation components and a fullscreen loader container, seamlessly integrating with React and Next.js.
+"webgl-generative-particles" is an efficient WebGL-based generative particle system simulator designed for both React and vanilla JS applications. This system follows the mouse pointer, providing interactive and dynamic visual effects. It offers seamless integration with React (including React 18 and beyond) and Next.js, making it an ideal choice for modern frontend development. The simulator is customizable, compatible with various frameworks, and delivers high performance and real-time rendering for progressive web development.
 
 ✅ Fully Treeshakable (import from `webgl-generative-particles/client/loader-container`)
 
@@ -119,6 +119,18 @@ export default MyComponent() {
 }
 ```
 
+## Creadits
+
+I have learnt the concepts from the following blogs and tutorials.
+
+- https://experiments.withgoogle.com/search?q=particles
+- https://nullprogram.com/blog/2014/06/29/
+- https://gpfault.net/posts/webgl2-particles.txt.html
+- https://umbcgaim.wordpress.com/2010/07/01/gpu-random-numbers/
+- https://www.youtube.com/playlist?list=PLjcVFFANLS5zH_PeKC6I8p0Pt1hzph_rt
+- https://stackoverflow.com/q/15215968/23175171
+- https://stackoverflow.com/q/71021772/23175171
+
 ## License
 
 This library is licensed under the MPL-2.0 open-source license.