├── .gitignore ├── README.md └── libraries ├── BasicECSJs.yaml ├── BasicUnitTesterJs.yaml ├── DoubleLinkedListLibJs.yaml ├── MatrixJs.yaml ├── OneWayLinkedListLibJs.yaml ├── Tilemapp5js.yaml ├── TurtleGFX.yaml ├── VecJs.yaml ├── WebGL2FBO.yaml ├── WebGL2Tex.yaml ├── bmwalker.js.yaml ├── c2.js.yaml ├── canvasGUI.yaml ├── concaveHull.yaml ├── config.ts ├── hy5.yaml ├── images ├── BasicECSJs.png ├── BasicUnitTesterJs.png ├── DoubleLinkedListLibJs.png ├── MatrixJs.png ├── OneWayLinkedListLibJs.png ├── Tilemapp5js.png ├── VecJs.png ├── WebGL2FBO.png ├── WebGL2Tex.png ├── bmwalker.js.png ├── c2.js.png ├── canvasGUI.jpg ├── concaveHull.png ├── hy5.jpg ├── lygia.png ├── ml5.png ├── numero.png ├── p5.FIP.png ├── p5.Polar.jpg ├── p5.anaglyph.png ├── p5.anims.png ├── p5.bezier.png ├── p5.capture.png ├── p5.cmyk.png ├── p5.createLoop.png ├── p5.csg.png ├── p5.fab.jpg ├── p5.fillGradient.png ├── p5.filterRenderer.png ├── p5.flex.png ├── p5.glitch.jpg ├── p5.grain.png ├── p5.joystick.png ├── p5.mapper.jpg ├── p5.marching.png ├── p5.palette.png ├── p5.party.png ├── p5.quadrille.js.png ├── p5.scaler.png ├── p5.simpleAR.png ├── p5.teach.js.png ├── p5.toio.png ├── p5.treegl.png ├── p5.tween.png ├── p5.utils.png ├── p5.warp.png ├── p5.webserial.png ├── p5.xr.png ├── p5collide2d.png ├── p5geolocation.png ├── p5grid.png ├── p5jsDebugCam.png ├── p5localmessage.png ├── p5mirror.jpeg ├── p5play.png ├── p5qol.png ├── p5videokit.jpeg ├── pretty-grid.png ├── scene_manager.png ├── simplejs_logo.png ├── total-serialism.png ├── turtle_gfx.png └── webmidi.js.png ├── lygia.yaml ├── ml5.js.yaml ├── numero.yaml ├── p5.FIP.yaml ├── p5.Polar.yaml ├── p5.SceneManager.yaml ├── p5.Utils.yaml ├── p5.anaglyph.yaml ├── p5.anims.yaml ├── p5.bezier.yaml ├── p5.capture.yaml ├── p5.cmyk.yaml ├── p5.collide2d.yaml ├── p5.createLoop.yaml ├── p5.csg.yaml ├── p5.fab.yaml ├── p5.fillGradient.yaml ├── p5.filterRenderer.yaml ├── p5.flex.yaml ├── p5.geolocation.yaml ├── p5.glitch.yaml ├── p5.grain.yaml ├── p5.joystick.yaml ├── p5.localmessage.yaml ├── p5.mapper.yaml ├── p5.marching.yaml ├── p5.palette.yaml ├── p5.party.yaml ├── p5.qol.yaml ├── p5.quadrille.js.yaml ├── p5.scaler.yaml ├── p5.simpleAR.yaml ├── p5.teach.js.yaml ├── p5.toio.yaml ├── p5.treegl.yaml ├── p5.tween.yaml ├── p5.warp.yaml ├── p5.webserial.yaml ├── p5.xr.yaml ├── p5grid.yaml ├── p5jsDebugCam.yaml ├── p5mirror.yaml ├── p5play.yaml ├── p5videoKit.yaml ├── pretty-grid.yaml ├── simple.js.yaml ├── total-serialism.yaml └── webmidi.js.yaml /.gitignore: -------------------------------------------------------------------------------- 1 | # ignore .DS_Store files 2 | .DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ⚠️ Submissions are moved! ⚠️ 2 | 3 | We have submission instructions on the new `p5.js-website` repo here: https://github.com/processing/p5.js-website/blob/main/docs/contributing_libraries.md 4 | 5 | # p5.js Libraries 6 | 7 | p5.js welcomes libraries contributed by others! Check out the libraries tutorial for more specifics about how to create one. If you have created a library and would like to have it included in the list, follow the instructions below! 8 | 9 | 1. Fork the repo 10 | 2. Add a file to the `libraries` folder named `yourLibraryName.yaml` (or consider copying an existing library as a starting point) 11 | 3. Inside it, add the following content: 12 | - `name`: The name of the library 13 | - `category`: A category that you think best fits your library. Your choices include: `drawing`, `color`, `ui`, `math`, `physics`, `algorithms`, `3d`, `ai-ml-cv`, `animation`, `shaders`, `language`, `hardware`, `sound`, `data`, `networking`, `export`, or `utils`. 14 | - `description`: A one-sentence description of the library 15 | - `author`: An object containing `name`, your name, and `url`, an optional link to your website. If there are multiple authors, use an array of author objects. 16 | - `sourceUrl`: A link to the library's source code (e.g. its repo on GitHub or GitLab) 17 | - (Optional) `websiteUrl`: A link to a website for the library 18 | - (Optional) `npm`: If applicable, the package name for the library on npm 19 | - (Optional) `npmFilePath`: A path like `'dist/library.min.js'` if a specific file in the library should be used from npm. You can test this out by going to `https://cdn.jsdelivr.net/npm/packageName` -- if that doesn't work, try `https://cdn.jsdelivr.net/npm/packageName/path/to/file.js` and put the path you added into this property 20 | - `featuredImage`: An object about the preview thumbnail for the library, with `url`, the path to the image in the `src/content/libraries/images` folder, and `altText`, a short description of its contents for screen readers 21 | - (Optional) `license`: A string describing the software license of the library. This may be omitted if your package is on npm and has license info there 22 | 4. Add a **high-res colored image of 1500x1000px** of your library into `libraries/images` 23 | 5. Submit a pull request and we'll review your submission 24 | 25 | We add libraries that are open-source, includes some documentation and examples, and follow our code of conduct. 26 | 27 | If you have any questions, feel free to open an issue or create a work-in-progress PR and ask us anything! 28 | -------------------------------------------------------------------------------- /libraries/BasicECSJs.yaml: -------------------------------------------------------------------------------- 1 | name: BasicECSJs 2 | description: A basic javascript ECS system, with SceneManagers, Scenes and GameObjects with their own Start and Update functions. 3 | category: algorithms 4 | sourceUrl: https://github.com/RandomGamingDev/BasicECSJs/ 5 | featuredImage: 6 | url: BasicECSJs.png 7 | altText: The name BasicECSJs on the top and an image of a duck (named duk) and a mannequin lying down on top of it, as well as a torch in the bottom right corner, titled Entity 0 to 2 in the respective order. 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/BasicUnitTesterJs.yaml: -------------------------------------------------------------------------------- 1 | name: BasicUnitTesterJs 2 | description: BasicUnitTesterJs is a basic javascript unit tester designed to work on all JS platforms and be small and streamlined for the best developer experience. 3 | category: utils 4 | sourceUrl: https://github.com/RandomGamingDev/BasicUnitTesterJs/ 5 | featuredImage: 6 | url: BasicUnitTester.png 7 | altText: An image of the word "BasicUnitTesterJs" with "Basic" on the side of and "UnitTesterJs" being on a test paper with a check and x as well as an exclamation mark on the right and a little bit of text on the left saying "Error!" 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/DoubleLinkedListLibJs.yaml: -------------------------------------------------------------------------------- 1 | name: DoubleLinkedListLibJs 2 | description: A simple double linked list that stores the head, tail and length of the list 3 | category: algorithms 4 | sourceUrl: https://github.com/RandomGamingDev/DoubleLinkedListLibJs 5 | featuredImage: 6 | url: DoubleLinkedListLibJs.png 7 | altText: A logo displaying a double linked list with the name "DoubleLinkedListLibJs" displayed in the center of the one of the nodes 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/MatrixJs.yaml: -------------------------------------------------------------------------------- 1 | name: MatrixJs 2 | description: A basic javascript library for dynamic and powerful matrices based on lists wrapped around with a powerful class. 3 | category: math 4 | sourceUrl: https://github.com/RandomGamingDev/MatrixJs 5 | featuredImage: 6 | url: MatrixJs.png 7 | altText: The text [MatrixJs] with a long shadow and a bit of bloom 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/OneWayLinkedListLibJs.yaml: -------------------------------------------------------------------------------- 1 | name: OneWayLinkedListLibJs 2 | description: A simple one way linked list that stores the head, tail and length of the list 3 | category: algorithms 4 | sourceUrl: https://github.com/RandomGamingDev/OneWayLinkedListLibJs/ 5 | featuredImage: 6 | url: OneWayLinkedListLibJs.png 7 | altText: A logo displaying a linked list with the name "OneWayLinkedListLibJs" displayed in the center of the one of the nodes 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/Tilemapp5js.yaml: -------------------------------------------------------------------------------- 1 | name: Tilemapp5js 2 | description: A simple to use & performant tilemap p5.js library 3 | category: drawing 4 | sourceUrl: https://github.com/RandomGamingDev/Tilemapp5js/ 5 | featuredImage: 6 | url: Tilemapp5js.png 7 | altText: A Tilemapp5js tilemap with the Tilemapp5js name in the top right 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/TurtleGFX.yaml: -------------------------------------------------------------------------------- 1 | name: TurtleGFX 2 | description: TurtleGFX allows to code with Turtle Graphics in JavaScript. Great for education and creative coding. 3 | category: drawing 4 | sourceUrl: https://github.com/CodeGuppyPrograms/TurtleGFX 5 | author: 6 | name: CodeGuppy 7 | url: https://codeguppy.com 8 | featuredImage: 9 | url: turtle_gfx.png 10 | altText: A turtle and crayons shown above a fractal generated tree 11 | license: CC BY 2.0 12 | -------------------------------------------------------------------------------- /libraries/VecJs.yaml: -------------------------------------------------------------------------------- 1 | name: VecJs 2 | description: A basic javascript library for dynamic vectors (e.g. vec2 & vec3) based on lists. 3 | category: math 4 | sourceUrl: https://github.com/RandomGamingDev/VecJs 5 | featuredImage: 6 | url: VecJs.png 7 | altText: An image of 2 vectors, a large red one, and a smaller blue one, with the VecJs name on the red one 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/WebGL2FBO.yaml: -------------------------------------------------------------------------------- 1 | name: WebGL2FBO 2 | description: A simple library for OOP encapsulation and abstraction of some of WebGL2 Framebuffers and the Renderbuffers they rely on 3 | category: drawing 4 | sourceUrl: https://github.com/RandomGamingDev/WebGL2FBO 5 | featuredImage: 6 | url: WebGL2FBO.png 7 | altText: A framebuffer with "WebGL2 Framebuffer" in regular text being rendered onto the display where its enhanced with a blue gradient fill and yellow gradient outline 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/WebGL2Tex.yaml: -------------------------------------------------------------------------------- 1 | name: WebGL2Tex 2 | description: A simple library for OOP encapsulation and abstraction of some of the different WebGL2 textures while still giving full control over them. 3 | category: drawing 4 | sourceUrl: https://github.com/RandomGamingDev/WebGL2Tex 5 | featuredImage: 6 | url: WebGL2Tex.png 7 | altText: A checkboard pattern with the name WebGL2Tex in the center 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/bmwalker.js.yaml: -------------------------------------------------------------------------------- 1 | name: BMWalker.js 2 | description: A simple JavaScript library for drawing the biological motion 'Walker'. 3 | category: animation 4 | sourceUrl: https://github.com/tetunori/BMWalker.js 5 | featuredImage: 6 | url: bmwalker.js.png 7 | altText: People represented by circles and lines are walking in various directions. A logo and description of 'BMWalker.js' library are placed in the center. 8 | author: 9 | name: Tetsunori Nakayama 10 | url: https://github.com/tetunori 11 | license: CC-BY-NC-SA-4.0 12 | -------------------------------------------------------------------------------- /libraries/c2.js.yaml: -------------------------------------------------------------------------------- 1 | name: c2.js 2 | category: algorithms 3 | description: c2.js is a JavaScript library for creative coding based on computational geometry, physics simulation, evolutionary algorithm and other modules. 4 | author: 5 | name: Ren Yuan 6 | url: https://renyuan.io 7 | sourceUrl: https://github.com/ren-yuan/c2.js 8 | websiteUrl: https://c2js.org 9 | npm: c2.js 10 | npmFilePath: dist/c2.min.js 11 | featuredImage: 12 | url: c2.js.png 13 | altText: Limited Voronoi 14 | license: MIT 15 | -------------------------------------------------------------------------------- /libraries/canvasGUI.yaml: -------------------------------------------------------------------------------- 1 | name: canvasGUI 2 | description: Create GUI controls directly on your canvas. 3 | category: ui 4 | sourceUrl: https://github.com/quarks/canvasGUI 5 | websiteUrl: http://www.lagers.org.uk/canvasgui/index.html 6 | author: 7 | name: Peter Lager 8 | url: http://www.lagers.org.uk 9 | featuredImage: 10 | url: canvasGUI.jpg 11 | altText: Various controls shown on a canvas 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/concaveHull.yaml: -------------------------------------------------------------------------------- 1 | name: concaveHull 2 | description: Calculate a Concave Hull from a set of points in 2D space 3 | category: algorithms 4 | sourceUrl: https://github.com/markroland/concaveHullJS 5 | featuredImage: 6 | url: concaveHull.png 7 | altText: A line showing an outline of points 8 | author: 9 | name: Mark Roland 10 | url: https://markroland.com 11 | npm: "@markroland/concave-hull" 12 | license: Creative Commons Attribution-ShareAlike 4.0 International License 13 | -------------------------------------------------------------------------------- /libraries/config.ts: -------------------------------------------------------------------------------- 1 | import { z, defineCollection } from "astro:content"; 2 | import { author, image } from "../shared"; 3 | 4 | const categories = [ 5 | "drawing", 6 | "color", 7 | "ui", 8 | "math", 9 | "physics", 10 | "algorithms", 11 | "3d", 12 | "ai-ml-cv", 13 | "animation", 14 | "shaders", 15 | "language", 16 | "hardware", 17 | "sound", 18 | "data", 19 | "networking", 20 | "teaching", 21 | "export", 22 | "utils", 23 | ] as const; 24 | 25 | /** 26 | * Content collection for the Libraries section of the site. 27 | */ 28 | export const librariesCollection = defineCollection({ 29 | type: "data", 30 | schema: z.object({ 31 | // Name of the library 32 | name: z.string(), 33 | // Description of the library 34 | description: z.string(), 35 | // Which category the library falls in 36 | category: z.enum(categories), 37 | // Url to the source of the library (for example: on GitHub) 38 | sourceUrl: z.string().url(), 39 | // Url to a website for the library 40 | websiteUrl: z.string().url().optional(), 41 | // 1500x1000 42 | featuredImage: image(), 43 | author: author().or(z.array(author())), 44 | // What license is the library licensed with? 45 | license: z.string().optional(), 46 | npm: z.string().optional(), 47 | npmFilePath: z.string().optional(), 48 | }), 49 | }); 50 | -------------------------------------------------------------------------------- /libraries/hy5.yaml: -------------------------------------------------------------------------------- 1 | name: HY5 2 | category: animation 3 | description: hydra 🙏 p5.js ~ share visuals between both frameworks! 4 | author: 5 | name: Ted Davis 6 | url: https://teddavis.org 7 | sourceUrl: https://github.com/ffd8/hy5 8 | websiteUrl: https://hy5live.teddavis.org 9 | npmFilePath: ffd8/hy5@main/hy5.js 10 | featuredImage: 11 | url: hy5.jpg 12 | altText: p5.js spheres with texture from hydra and 'HY5' text, processed a second time with hydra. 13 | license: GNU General Public License v3.0 -------------------------------------------------------------------------------- /libraries/images/BasicECSJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/BasicECSJs.png -------------------------------------------------------------------------------- /libraries/images/BasicUnitTesterJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/BasicUnitTesterJs.png -------------------------------------------------------------------------------- /libraries/images/DoubleLinkedListLibJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/DoubleLinkedListLibJs.png -------------------------------------------------------------------------------- /libraries/images/MatrixJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/MatrixJs.png -------------------------------------------------------------------------------- /libraries/images/OneWayLinkedListLibJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/OneWayLinkedListLibJs.png -------------------------------------------------------------------------------- /libraries/images/Tilemapp5js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/Tilemapp5js.png -------------------------------------------------------------------------------- /libraries/images/VecJs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/VecJs.png -------------------------------------------------------------------------------- /libraries/images/WebGL2FBO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/WebGL2FBO.png -------------------------------------------------------------------------------- /libraries/images/WebGL2Tex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/WebGL2Tex.png -------------------------------------------------------------------------------- /libraries/images/bmwalker.js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/bmwalker.js.png -------------------------------------------------------------------------------- /libraries/images/c2.js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/c2.js.png -------------------------------------------------------------------------------- /libraries/images/canvasGUI.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/canvasGUI.jpg -------------------------------------------------------------------------------- /libraries/images/concaveHull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/concaveHull.png -------------------------------------------------------------------------------- /libraries/images/hy5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/hy5.jpg -------------------------------------------------------------------------------- /libraries/images/lygia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/lygia.png -------------------------------------------------------------------------------- /libraries/images/ml5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/ml5.png -------------------------------------------------------------------------------- /libraries/images/numero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/numero.png -------------------------------------------------------------------------------- /libraries/images/p5.FIP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.FIP.png -------------------------------------------------------------------------------- /libraries/images/p5.Polar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.Polar.jpg -------------------------------------------------------------------------------- /libraries/images/p5.anaglyph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.anaglyph.png -------------------------------------------------------------------------------- /libraries/images/p5.anims.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.anims.png -------------------------------------------------------------------------------- /libraries/images/p5.bezier.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.bezier.png -------------------------------------------------------------------------------- /libraries/images/p5.capture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.capture.png -------------------------------------------------------------------------------- /libraries/images/p5.cmyk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.cmyk.png -------------------------------------------------------------------------------- /libraries/images/p5.createLoop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.createLoop.png -------------------------------------------------------------------------------- /libraries/images/p5.csg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.csg.png -------------------------------------------------------------------------------- /libraries/images/p5.fab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.fab.jpg -------------------------------------------------------------------------------- /libraries/images/p5.fillGradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.fillGradient.png -------------------------------------------------------------------------------- /libraries/images/p5.filterRenderer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.filterRenderer.png -------------------------------------------------------------------------------- /libraries/images/p5.flex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.flex.png -------------------------------------------------------------------------------- /libraries/images/p5.glitch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.glitch.jpg -------------------------------------------------------------------------------- /libraries/images/p5.grain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.grain.png -------------------------------------------------------------------------------- /libraries/images/p5.joystick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.joystick.png -------------------------------------------------------------------------------- /libraries/images/p5.mapper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.mapper.jpg -------------------------------------------------------------------------------- /libraries/images/p5.marching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.marching.png -------------------------------------------------------------------------------- /libraries/images/p5.palette.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.palette.png -------------------------------------------------------------------------------- /libraries/images/p5.party.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.party.png -------------------------------------------------------------------------------- /libraries/images/p5.quadrille.js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.quadrille.js.png -------------------------------------------------------------------------------- /libraries/images/p5.scaler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.scaler.png -------------------------------------------------------------------------------- /libraries/images/p5.simpleAR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.simpleAR.png -------------------------------------------------------------------------------- /libraries/images/p5.teach.js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.teach.js.png -------------------------------------------------------------------------------- /libraries/images/p5.toio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.toio.png -------------------------------------------------------------------------------- /libraries/images/p5.treegl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.treegl.png -------------------------------------------------------------------------------- /libraries/images/p5.tween.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.tween.png -------------------------------------------------------------------------------- /libraries/images/p5.utils.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.utils.png -------------------------------------------------------------------------------- /libraries/images/p5.warp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.warp.png -------------------------------------------------------------------------------- /libraries/images/p5.webserial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.webserial.png -------------------------------------------------------------------------------- /libraries/images/p5.xr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5.xr.png -------------------------------------------------------------------------------- /libraries/images/p5collide2d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5collide2d.png -------------------------------------------------------------------------------- /libraries/images/p5geolocation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5geolocation.png -------------------------------------------------------------------------------- /libraries/images/p5grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5grid.png -------------------------------------------------------------------------------- /libraries/images/p5jsDebugCam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5jsDebugCam.png -------------------------------------------------------------------------------- /libraries/images/p5localmessage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5localmessage.png -------------------------------------------------------------------------------- /libraries/images/p5mirror.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5mirror.jpeg -------------------------------------------------------------------------------- /libraries/images/p5play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5play.png -------------------------------------------------------------------------------- /libraries/images/p5qol.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5qol.png -------------------------------------------------------------------------------- /libraries/images/p5videokit.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/p5videokit.jpeg -------------------------------------------------------------------------------- /libraries/images/pretty-grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/pretty-grid.png -------------------------------------------------------------------------------- /libraries/images/scene_manager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/scene_manager.png -------------------------------------------------------------------------------- /libraries/images/simplejs_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/simplejs_logo.png -------------------------------------------------------------------------------- /libraries/images/total-serialism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/total-serialism.png -------------------------------------------------------------------------------- /libraries/images/turtle_gfx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/turtle_gfx.png -------------------------------------------------------------------------------- /libraries/images/webmidi.js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/processing/p5.js-libraries/896eae09a6beb4504dd174e061af20ebf3be87c0/libraries/images/webmidi.js.png -------------------------------------------------------------------------------- /libraries/lygia.yaml: -------------------------------------------------------------------------------- 1 | name: lygia 2 | description: | 3 | LYGIA is a shader library of reusable functions that will let you prototype, port or ship a project in just few minutes. It's very granular, flexible and efficient. Support multiple shading languages and can easily be added to any project, enviroment or framework of your choice. 4 | category: shaders 5 | sourceUrl: https://github.com/patriciogonzalezvivo/lygia 6 | websiteUrl: https://lygia.xyz/ 7 | featuredImage: 8 | url: lygia.png 9 | altText: Different property materials and color adjustments applied to Standford Dragon geometry, using LYGIA's reusable functions 10 | author: 11 | name: Patricio Gonzalez Vivo 12 | url: https://github.com/patriciogonzalezvivo 13 | npm: resolve-lygia 14 | license: Prosperity & Patron License 15 | -------------------------------------------------------------------------------- /libraries/ml5.js.yaml: -------------------------------------------------------------------------------- 1 | name: ml5.js 2 | category: ai-ml-cv 3 | description: Friendlly machine learning for the web—a neighborly approach to creating and exploring artificial intelligence in the browser. 4 | author: 5 | - name: NYU's Interactive Telecommunications/Interactive Media Arts Program 6 | url: https://tisch.nyu.edu/itp 7 | - name: NYU Shanghai's Interactive Media Arts Program 8 | url: https://ima.shanghai.nyu.edu/ 9 | sourceUrl: https://github.com/ml5js/ml5-library 10 | websiteUrl: https://ml5js.org/ 11 | npm: 'ml5' 12 | npmFilePath: 'dist/ml5.min.js' 13 | featuredImage: 14 | url: ml5.png 15 | altText: Text "Friendly machine learning for the web with ml5.js" on top of a light grey ml5.js logo 16 | license: MIT 17 | -------------------------------------------------------------------------------- /libraries/numero.yaml: -------------------------------------------------------------------------------- 1 | name: número 2 | description: A friendly and intuitive math library for p5.js. 3 | category: math 4 | sourceUrl: https://github.com/nickmcintyre/numero 5 | websiteUrl: https://mcintyre.io/numero 6 | featuredImage: 7 | url: numero.png 8 | altText: A matrix and a vector both filled with asterisks. The math is written in white on a red background. 9 | author: 10 | name: Nick McIntyre 11 | url: https://mcintyre.io 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.FIP.yaml: -------------------------------------------------------------------------------- 1 | name: p5.FIP 2 | description: Real-time image processing library - add filters and post-processing to your p5.js sketches. 3 | category: shaders 4 | sourceUrl: https://github.com/prontopablo/p5.FIP 5 | websiteUrl: https://prontopablo.github.io/p5.FIP/ 6 | featuredImage: 7 | url: p5.FIP.png 8 | altText: The cover image for the p5.FIP library. Depicts a collage of three photos created using the filters in p5.FIP. 9 | author: 10 | name: Darragh Nolan 11 | url: https://github.com/prontopablo 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.Polar.yaml: -------------------------------------------------------------------------------- 1 | name: p5.Polar 2 | description: p5.Polar provides mathematical abstractions making it easy to create create beautiful, kaleidoscopic, radial patterns. 3 | category: drawing 4 | sourceUrl: https://github.com/liz-peng/p5.Polar 5 | featuredImage: 6 | url: p5.Polar.png 7 | altText: symmetrical geometric patterns 8 | author: 9 | name: Liz Peng 10 | npm: "@liz-peng/p5.polar" 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/p5.SceneManager.yaml: -------------------------------------------------------------------------------- 1 | name: p5.SceneManager 2 | description: p5.SceneManager helps you create sketches with multiple states / scenes. Each scene is a like a sketch within the main sketch. 3 | category: utils 4 | sourceUrl: https://github.com/mveteanu/p5.SceneManager 5 | author: 6 | name: CodeGuppy 7 | url: https://codeguppy.com 8 | featuredImage: 9 | url: scene_manager.png 10 | altText: Game states shown above an arcade game 11 | license: CC BY 2.0 12 | -------------------------------------------------------------------------------- /libraries/p5.Utils.yaml: -------------------------------------------------------------------------------- 1 | name: p5.Utils 2 | category: utils 3 | description: p5.Utils is a tool collection for my coding class, featuring a pixel ruler, gradient fill color bindings, and other helpful shortcuts for beginners. 4 | author: 5 | name: Alp Tuğan 6 | url: https://www.alptugan.com 7 | sourceUrl: https://github.com/alptugan/p5.utils 8 | websiteUrl: https://alptugan.github.io/p5.utils/ 9 | featuredImage: 10 | url: p5.utils.png 11 | altText: The cover image for p5Utils library. Depicts the ruler on a yellow background with p5.Utils text in the center. 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.anaglyph.yaml: -------------------------------------------------------------------------------- 1 | name: p5.anaglyph 2 | description: A library for creating 3D stereoscopic 3D scenes and images using red/cyan glasses 3 | category: drawing 4 | sourceUrl: https://github.com/jdeboi/p5.anaglyph 5 | featuredImage: 6 | url: p5.anaglyph.png 7 | altText: a stereoscopic anaglyph scene of 3D terrain 8 | author: 9 | name: Jenna deBoisblanc 10 | url: https://jdeboi.com 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/p5.anims.yaml: -------------------------------------------------------------------------------- 1 | name: p5.animS 2 | description: Animates p5.js shapes by rendering their drawing processes. 3 | category: animation 4 | sourceUrl: https://github.com/wixette/p5.animS 5 | websiteUrl: https://wixette.github.io/p5.animS 6 | featuredImage: 7 | url: p5.anims.png 8 | altText: A circle and a Bézier curve animated with p5.animS 9 | author: 10 | name: wixette 11 | url: https://github.com/wixette 12 | npm: p5.anims 13 | license: LGPL-2.1 14 | -------------------------------------------------------------------------------- /libraries/p5.bezier.yaml: -------------------------------------------------------------------------------- 1 | name: p5.bezier 2 | description: p5.bezier helps draw Bézier curves with more than four control points and closed curves. 3 | category: drawing 4 | sourceUrl: https://github.com/peilingjiang/p5.bezier 5 | featuredImage: 6 | url: p5.bezier.png 7 | altText: The p5.bezier text with curves of different colors. 8 | author: 9 | name: Peiling Jiang 10 | url: https://jiang.pl/ 11 | npm: p5bezier 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.capture.yaml: -------------------------------------------------------------------------------- 1 | name: p5.capture 2 | description: Record your p5.js sketches effortlessly! 3 | category: export 4 | sourceUrl: https://github.com/tapioca24/p5.capture 5 | featuredImage: 6 | url: p5.capture.png 7 | altText: "p5.capture: Record your p5.js sketches effortlessly!" 8 | author: 9 | name: tapioca24 10 | url: https://github.com/tapioca24 11 | npm: p5.capture 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.cmyk.yaml: -------------------------------------------------------------------------------- 1 | name: p5.cmyk 2 | description: CMYK color for p5.js 3 | category: color 4 | sourceUrl: https://github.com/jtnimoy/p5.cmyk.js 5 | featuredImage: 6 | url: p5.cmyk.png 7 | altText: A grid of square pattern showcasing a multitude of colors. 8 | author: 9 | name: JT Nimoy 10 | url: https://jtnimoy.cc 11 | license: GPL-3.0 -------------------------------------------------------------------------------- /libraries/p5.collide2d.yaml: -------------------------------------------------------------------------------- 1 | name: p5.collide2d 2 | category: math 3 | description: p5.collide2D provides tools for calculating collision detection for 2D geometry with p5.js. 4 | author: 5 | - name: Ben Moren 6 | url: https://benmoren.com 7 | sourceUrl: https://github.com/bmoren/p5.collide2D 8 | websiteUrl: https://editor.p5js.org/p52dcollide/collections/taUUdSGhj 9 | npm: 'p5.collide2d' 10 | featuredImage: 11 | url: p5collide2d.png 12 | altText: Various colored shaped overlapping and colliding representing the functions of the p5.collide2d library 13 | license: CC BY-NC-SA 4.0 14 | 15 | -------------------------------------------------------------------------------- /libraries/p5.createLoop.yaml: -------------------------------------------------------------------------------- 1 | name: p5.createLoop 2 | category: animation 3 | description: Create animation loops with noise and GIF exports in one line of code. 4 | sourceUrl: https://github.com/mrchantey/p5.createLoop 5 | websiteUrl: https://www.npmjs.com/package/p5.createloop 6 | featuredImage: 7 | url: p5.createLoop.png 8 | altText: Three cascading waves created using p5.createLoop 9 | author: 10 | name: mrchantey 11 | url: https://github.com/mrchantey 12 | npm: p5.createloop 13 | -------------------------------------------------------------------------------- /libraries/p5.csg.yaml: -------------------------------------------------------------------------------- 1 | name: p5.csg 2 | description: A library for constructive solid geometry. Do Boolean operations on your p5.Geometry to make new shapes! 3 | category: 3d 4 | sourceUrl: https://github.com/davepagurek/p5.csg 5 | featuredImage: 6 | url: p5.csg.png 7 | altText: An egg cut up into slices 8 | author: 9 | name: Dave Pagurek 10 | url: https://www.davepagurek.com 11 | npm: "@davepagurek/p5.csg" 12 | -------------------------------------------------------------------------------- /libraries/p5.fab.yaml: -------------------------------------------------------------------------------- 1 | name: p5.fab 2 | description: | 3 | p5.fab controls digital fabrication machines from p5.js! 4 | category: hardware 5 | sourceUrl: https://github.com/machineagency/p5.fab 6 | websiteUrl: https://machineagency.github.io/p5.fab-docs/ 7 | featuredImage: 8 | url: p5.fab.jpg 9 | altText: An image of 3D printed vase made with p5.fab, next to lines of G-Code overlayed with the title 'p5.fab'. 10 | author: 11 | name: Blair Subbaraman 12 | url: https://blahblahblair.com/ 13 | npm: p5-fab 14 | license: MIT 15 | -------------------------------------------------------------------------------- /libraries/p5.fillGradient.yaml: -------------------------------------------------------------------------------- 1 | name: p5.fillGradient 2 | category: drawing 3 | description: Fill shapes in p5.js with Linear, Radial and Conic Gradients. 4 | sourceUrl: https://github.com/alterebro/p5.fillGradient 5 | websiteUrl: https://www.npmjs.com/package/p5.fillgradient 6 | featuredImage: 7 | url: p5.fillGradient.png 8 | altText: Three gradients (linear, radial, and conic) created using p5.fillGradient 9 | author: 10 | name: Jorge Moreno 11 | url: https://alterebro.com 12 | npm: p5.fillgradient 13 | license: MIT 14 | -------------------------------------------------------------------------------- /libraries/p5.filterRenderer.yaml: -------------------------------------------------------------------------------- 1 | name: p5.filterRenderer 2 | description: A library for rendering 3D scenes with depth-of-field blur and with ambient occlusion shadows. 3 | category: 3d 4 | sourceUrl: https://github.com/davepagurek/p5.filterRenderer 5 | featuredImage: 6 | url: p5.filterRenderer.png 7 | altText: A ladder looking up a shaft towards some light, going progressively more out of focus as it goes into the distance 8 | author: 9 | name: Dave Pagurek 10 | url: https://www.davepagurek.com 11 | npm: "@davepagurek/p5.filterrenderer" 12 | npmFilePath: p5.filterRenderer.min.js 13 | -------------------------------------------------------------------------------- /libraries/p5.flex.yaml: -------------------------------------------------------------------------------- 1 | name: p5.flex 2 | description: p5 container with responsive canvas feature. 3 | category: utils 4 | sourceUrl: https://github.com/ZRNOF/p5.flex 5 | featuredImage: 6 | url: p5.flex.png 7 | altText: p5.flex preview image 8 | author: 9 | name: Zaron Chen 10 | url: https://zrnof.github.io/ 11 | npm: p5.flex 12 | npmFilePath: src/p5.flex.min.js 13 | license: MIT 14 | -------------------------------------------------------------------------------- /libraries/p5.geolocation.yaml: -------------------------------------------------------------------------------- 1 | name: p5.geolocation 2 | category: hardware 3 | description: p5.geolocation provides techniques for acquiring, watching, calculating, and geofencing user locations for p5.js. 4 | author: 5 | - name: Ben Moren 6 | url: https://benmoren.com 7 | sourceUrl: https://github.com/bmoren/p5.geolocation 8 | featuredImage: 9 | url: p5geolocation.png 10 | altText: A radiating polar grid of concentric circles and lines, like a radar screen. 11 | license: GNU LGPL 2.1 12 | 13 | -------------------------------------------------------------------------------- /libraries/p5.glitch.yaml: -------------------------------------------------------------------------------- 1 | name: p5.glitch 2 | category: animation 3 | description: p5.js library for glitching images and binary files in the web browser 4 | sourceUrl: https://github.com/ffd8/p5.glitch 5 | websiteUrl: https://p5.glitch.me 6 | featuredImage: 7 | url: p5.glitch.jpg 8 | altText: p5.glitch logo glitching as a webp file 9 | author: 10 | name: Ted Davis 11 | url: https://teddavis.org 12 | npm: p5.glitch 13 | license: MIT -------------------------------------------------------------------------------- /libraries/p5.grain.yaml: -------------------------------------------------------------------------------- 1 | name: p5.grain 2 | description: Conveniently add film grain, seamless texture overlays, and manipulate pixels to achieve nostalgic and artistic effects in p5.js sketches and artworks. 3 | category: drawing 4 | sourceUrl: https://github.com/meezwhite/p5.grain 5 | featuredImage: 6 | url: p5.grain.png 7 | altText: Colorful hexagonal cubes tessellation spelling "p5.grain" 8 | author: 9 | name: meezwhite 10 | url: https://www.meezwhite.xyz 11 | npm: p5.grain 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.joystick.yaml: -------------------------------------------------------------------------------- 1 | name: p5.joystick 2 | description: Connect and play with physical joysticks. 3 | category: hardware 4 | sourceUrl: https://github.com/Vamoss/p5.joystick 5 | featuredImage: 6 | url: p5.joystick.png 7 | altText: Joystick image 8 | author: 9 | name: Vamoss 10 | url: https://www.vamoss.com.br 11 | npm: p5.joystick 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.localmessage.yaml: -------------------------------------------------------------------------------- 1 | name: p5.localessage 2 | category: utils 3 | description: p5.localmessage provides a simple interface to send messages locally from one sketch to another. 4 | author: 5 | - name: Ben Moren 6 | url: https://benmoren.com 7 | sourceUrl: https://github.com/bmoren/p5.localmessage 8 | featuredImage: 9 | url: p5localmessage.png 10 | altText: Two rounded rectangles with ellipses between. connecting lines give the effect of messages being sent between the rectangles via the ellipses. 11 | 12 | -------------------------------------------------------------------------------- /libraries/p5.mapper.yaml: -------------------------------------------------------------------------------- 1 | name: p5.mapper 2 | description: A projection mapping library for p5.js 3 | category: drawing 4 | sourceUrl: https://github.com/jdeboi/p5.mapper 5 | featuredImage: 6 | url: p5.mapper.jpg 7 | altText: projection mapping shapes (quad, triangle, lines, bezier) 8 | author: 9 | name: Jenna deBoisblanc 10 | url: https://jdeboi.com 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/p5.marching.yaml: -------------------------------------------------------------------------------- 1 | name: p5.marching 2 | description: Raster to vector conversion, isosurfaces. 3 | category: drawing 4 | sourceUrl: https://github.com/jtnimoy/marching 5 | featuredImage: 6 | url: p5.marching.png 7 | altText: A noise pattern with outlines of pixels with the same grayscale value. 8 | author: 9 | name: JT Nimoy 10 | url: https://jtnimoy.cc -------------------------------------------------------------------------------- /libraries/p5.palette.yaml: -------------------------------------------------------------------------------- 1 | name: p5.palette 2 | description: A library to manage color palettes in p5.js 3 | category: color 4 | sourceUrl: https://github.com/remistura/p5.palette 5 | websiteUrl: https://www.remistura.com/p5.palette 6 | featuredImage: 7 | url: p5.palette.png 8 | altText: Color palettes in p5.js 9 | author: 10 | name: Remistura Studio 11 | url: https://www.remistura.com 12 | npm: p5.palette 13 | npmFilePath: dist/p5.palette.min.js 14 | license: MIT 15 | -------------------------------------------------------------------------------- /libraries/p5.party.yaml: -------------------------------------------------------------------------------- 1 | name: p5.party 2 | category: networking 3 | description: quickly prototype networked multiplayer games and apps 4 | author: 5 | name: Justin Bakse 6 | url: http://justinbakse.com 7 | sourceUrl: https://github.com/jbakse/p5.party 8 | websiteUrl: https://p5party.org 9 | npm: p5.party 10 | npmFilePath: dist/p5.party.js 11 | featuredImage: 12 | url: p5.party.png 13 | altText: p5.party logo. cheerful pastel block letters spelling "p5.party" 14 | license: MIT 15 | -------------------------------------------------------------------------------- /libraries/p5.qol.yaml: -------------------------------------------------------------------------------- 1 | name: p5.qol 2 | description: Extend p5 with Quality of Life utilities. 3 | category: utils 4 | sourceUrl: https://github.com/error-four-o-four/p5.qol.js 5 | featuredImage: 6 | url: p5qol.png 7 | altText: The cover image for the library. Displays the name of the library on a deep pink background. 8 | author: 9 | name: Jens Bachmayer 10 | url: https://github.com/error-four-o-four 11 | npm: "p5.qol" 12 | license: MIT -------------------------------------------------------------------------------- /libraries/p5.quadrille.js.yaml: -------------------------------------------------------------------------------- 1 | name: p5.quadrille.js 2 | description: A library for creating puzzle and board games, and for visual computing experiments. 3 | category: drawing 4 | sourceUrl: https://github.com/objetos/p5.quadrille.js 5 | featuredImage: 6 | url: p5.quadrille.js.png 7 | altText: Quadrille cells sorted by their luminance levels. 8 | author: 9 | name: Jean Pierre Charalambos 10 | url: https://nakednous.github.io/ 11 | websiteUrl: https://objetos.github.io/p5.quadrille.js/ 12 | license: GPL-3.0 -------------------------------------------------------------------------------- /libraries/p5.scaler.yaml: -------------------------------------------------------------------------------- 1 | name: p5.scaler 2 | category: utils 3 | description: Smart scaling of p5.js sketches in a variety of ways (to fit the browser's inner dimensions, to fit the canvas DOM container, to a specific ratio, etc). 4 | author: 5 | - name: Rodjun 6 | url: https://rodjun.art 7 | - name: Monica Rizzolli 8 | url: https://monicarizzolli.io/ 9 | sourceUrl: https://github.com/Morfologia-digital/p5.scaler 10 | featuredImage: 11 | url: p5.scaler.png 12 | altText: There are two concentric rectangles. From smaller inside rectangle's corners, dotted lines with arrows point to the inside corners of the larger outside rectangle. 13 | license: MIT 14 | -------------------------------------------------------------------------------- /libraries/p5.simpleAR.yaml: -------------------------------------------------------------------------------- 1 | name: p5.simpleAR 2 | description: A simple JavaScript library that easily converts existing p5.js sketches to AR. 3 | category: 3d 4 | sourceUrl: https://github.com/tetunori/p5.simpleAR 5 | featuredImage: 6 | url: p5.simpleAR.png 7 | altText: A logo and description of 'p5.simpleAR' library are placed in the center. 8 | author: 9 | name: Tetsunori Nakayama 10 | url: https://github.com/tetunori 11 | license: MIT -------------------------------------------------------------------------------- /libraries/p5.teach.js.yaml: -------------------------------------------------------------------------------- 1 | name: p5.teach.js 2 | description: A beginner friendly math animation library for p5.js 3 | category: math 4 | sourceUrl: https://github.com/two-ticks/p5.teach.js 5 | featuredImage: 6 | url: p5.teach.js.png 7 | altText: Wave equation on the upper left corner and right upper corner has a graph of cosine function plus some polynomial terms. A logo and description of 'p5.teach.js' library are placed in the center. 8 | author: 9 | - name: Aditya Siddheshwar 10 | url: https://two-ticks.github.io/ 11 | - name: Nick McIntyre 12 | url: https://mcintyre.io/ 13 | - name: Jithin KS 14 | url: https://jithinks.netlify.app/ 15 | -------------------------------------------------------------------------------- /libraries/p5.toio.yaml: -------------------------------------------------------------------------------- 1 | name: p5.toio 2 | description: A JavaScript library for controlling toio™Core Cube from p5.js sketches. 3 | category: hardware 4 | sourceUrl: https://github.com/tetunori/p5.toio 5 | featuredImage: 6 | url: p5.toio.png 7 | altText: A logo and cube-shaped symbol of 'p5.toio' library are placed in the center. 8 | author: 9 | name: Tetsunori Nakayama 10 | url: https://github.com/tetunori 11 | websiteUrl: https://tetunori.github.io/p5.toio/ 12 | license: MIT -------------------------------------------------------------------------------- /libraries/p5.treegl.yaml: -------------------------------------------------------------------------------- 1 | name: p5.treegl 2 | description: Shader development and space transformations WEBGL p5.js library. 3 | category: shaders 4 | sourceUrl: https://github.com/VisualComputing/p5.treegl 5 | featuredImage: 6 | url: p5.treegl.png 7 | altText: A non-Euclidean geometry cube with faces showcasing teapot, bunny, and Buddha models. 8 | author: 9 | name: Jean Pierre Charalambos 10 | url: https://nakednous.github.io/ 11 | license: GPL-3.0 -------------------------------------------------------------------------------- /libraries/p5.tween.yaml: -------------------------------------------------------------------------------- 1 | name: p5.tween 2 | description: With p5.tween you can create easily animations as tween in a few keyframes. 3 | category: animation 4 | sourceUrl: https://github.com/Milchreis/p5.tween 5 | featuredImage: 6 | url: p5.tween.png 7 | altText: Two circles in different colors and sizes and an arrow from left to right that stylizes a transition. 8 | author: 9 | name: Nick Müller 10 | url: https://github.com/Milchreis 11 | npm: p5.tween 12 | license: MIT -------------------------------------------------------------------------------- /libraries/p5.warp.yaml: -------------------------------------------------------------------------------- 1 | name: p5.warp 2 | description: Fast 3D domain warping using shaders. 3 | category: 3d 4 | sourceUrl: https://github.com/davepagurek/p5.warp 5 | featuredImage: 6 | url: p5.warp.png 7 | altText: Four images of a 3D airplane twisting upside-down 8 | author: 9 | name: Dave Pagurek 10 | url: https://www.davepagurek.com 11 | npm: "@davepagurek/p5.warp" 12 | license: MIT 13 | -------------------------------------------------------------------------------- /libraries/p5.webserial.yaml: -------------------------------------------------------------------------------- 1 | name: p5.webserial 2 | description: A library for interacting with Serial devices from within the browser, based on Web Serial API (available on Chrome and Edge). 3 | category: hardware 4 | sourceUrl: https://github.com/gohai/p5.webserial 5 | featuredImage: 6 | url: p5.webserial.png 7 | altText: Fingers resting on an acrylic cube sporting buttons to control a game unfolding on a laptop screen visible in the background 8 | author: 9 | name: Gottfried Haider 10 | url: https://github.com/gohai/ 11 | npm: "@gohai/p5.webserial" 12 | npmFilePath: libraries/p5.webserial.js 13 | license: LGPL-2.1-or-later 14 | -------------------------------------------------------------------------------- /libraries/p5.xr.yaml: -------------------------------------------------------------------------------- 1 | name: p5.xr 2 | description: A library for creating VR and AR sketches with p5. 3 | category: 3d 4 | sourceUrl: https://github.com/stalgiag/p5.xr 5 | websiteUrl: https://p5xr.org 6 | featuredImage: 7 | url: p5.xr.png 8 | altText: A crying face 9 | author: 10 | name: Stalgia Grigg 11 | url: https://www.stalgiagrigg.name/ 12 | npm: p5.xr 13 | npmFilePath: dist/p5xr.min.js 14 | license: MIT 15 | -------------------------------------------------------------------------------- /libraries/p5grid.yaml: -------------------------------------------------------------------------------- 1 | name: p5grid 2 | description: Hexagonal Tiling Library 3 | category: drawing 4 | sourceUrl: https://github.com/aahdee/p5grid 5 | featuredImage: 6 | url: p5grid.png 7 | altText: A hexagonal grid with pink rings eminating from the center. Each pink ring is followed by pink rings of a lighter color 8 | author: 9 | name: Aren Davey 10 | url: https://aahdee.net/ 11 | license: LGPL-2.1 12 | -------------------------------------------------------------------------------- /libraries/p5jsDebugCam.yaml: -------------------------------------------------------------------------------- 1 | name: p5jsDebugCam 2 | description: A basic keyboard only debug camera for p5.js 3 | category: utils 4 | sourceUrl: https://github.com/RandomGamingDev/p5jsDebugCam/ 5 | featuredImage: 6 | url: p5jsDebugCam.png 7 | altText: An image of a wireframe platform with the 3d word "p5jsDebugCam" floating on top of it and a debug camera pointed and looking at both 8 | author: 9 | name: RandomGamingDev 10 | url: https://randomgamingdev.github.io/index.html 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/p5mirror.yaml: -------------------------------------------------------------------------------- 1 | name: p5mirror 2 | description: A library to download your editor.p5js sketches into a git repo or locally 3 | category: utils 4 | sourceUrl: https://github.com/molab-itp/p5mirror 5 | featuredImage: 6 | url: p5mirror.jpeg 7 | altText: a handdrawn infinity symbol 8 | author: 9 | - name: John Henry Thompson 10 | url: https://jht1493.net/johnhenrythompson/ 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/p5play.yaml: -------------------------------------------------------------------------------- 1 | name: p5play 2 | description: JS game engine that uses p5.js for graphics and Box2D for physics. 3 | category: physics 4 | sourceUrl: https://github.com/quinton-ashley/p5play 5 | featuredImage: 6 | url: p5play.png 7 | altText: The text 'made with p5play' on top of a collage of projects 8 | author: 9 | - name: Quinton Ashley 10 | url: https://p5play.org 11 | - name: Paolo Pedercini 12 | url: https://www.molleindustria.org/ 13 | npm: p5play 14 | license: AGPLv3 15 | -------------------------------------------------------------------------------- /libraries/p5videoKit.yaml: -------------------------------------------------------------------------------- 1 | name: p5videoKit 2 | description: A dashboard for mixing video in the browser 3 | category: algorithms 4 | sourceUrl: https://github.com/molab-itp/p5videoKit 5 | featuredImage: 6 | url: p5videokit.jpeg 7 | altText: 9 video effects of the author's face in a 3x3 grid 8 | author: 9 | - name: John Henry Thompson 10 | url: https://jht1493.net/johnhenrythompson/ 11 | license: MIT 12 | -------------------------------------------------------------------------------- /libraries/pretty-grid.yaml: -------------------------------------------------------------------------------- 1 | name: pretty-grid 2 | description: Create and manipulate grids with Javascript 3 | category: utils 4 | sourceUrl: https://github.com/VadimGouskov/pretty-grid 5 | featuredImage: 6 | url: pretty-grid.png 7 | altText: Six examples showing different grid structures created with the pretty-grid library 8 | author: 9 | name: Vadim Gouskov 10 | url: https://vadimgouskov.com 11 | npm: "pretty-grid" 12 | npmFilePath: "dist/pretty-grid.js" 13 | license: MIT 14 | -------------------------------------------------------------------------------- /libraries/simple.js.yaml: -------------------------------------------------------------------------------- 1 | name: simple.js 2 | description: Helper functions and defaults for young and new coders. 3 | category: teaching 4 | sourceUrl: https://github.com/makeyourownalgorithmicart/simple.js 5 | websiteUrl: https://github.com/makeyourownalgorithmicart/simple.js/wiki 6 | featuredImage: 7 | url: simplejs_logo.png 8 | altText: simple.js logo 9 | author: 10 | name: Tariq Rashid 11 | url: https://www.youtube.com/@AlgorithmicArt/videos 12 | license: GPLv2 13 | -------------------------------------------------------------------------------- /libraries/total-serialism.yaml: -------------------------------------------------------------------------------- 1 | name: Total Serialism 2 | description: A toolbox full of methods for procedurally generating and transforming arrays mainly focused on algorithmic composition. Includes methods like markov-chain, cellular automaton, lindenmayer system, euclidean distribution and much more! Generate the array with your desired method and easily iterate over them in a for-loop to draw the results. 3 | category: algorithms 4 | sourceUrl: https://github.com/tmhglnd/total-serialism 5 | websiteUrl: https://tmhglnd.github.io/total-serialism/ 6 | featuredImage: 7 | url: 'total-serialism.png' 8 | altText: 'A colorful image of circles and squares generated with procedural functions like a cellular automaton, fibonacci sequence and drunk randomness from this library.' 9 | author: 10 | name: Timo Hoogland 11 | url: https://www.timohoogland.name/ 12 | npm: total-serialism 13 | npmFilePath: build/ts.es5.min.js 14 | license: MIT -------------------------------------------------------------------------------- /libraries/webmidi.js.yaml: -------------------------------------------------------------------------------- 1 | name: WEBMIDI.js 2 | description: A user-friendly library to send and receive MIDI messages with ease. 3 | category: sound 4 | sourceUrl: https://github.com/djipco/webmidi 5 | featuredImage: 6 | url: webmidi.js.png 7 | altText: Kickstart your JavaScript MIDI projects! 8 | author: 9 | name: Jean-Philippe Côté 10 | url: https://djip.co 11 | npm: webmidi 12 | license: Apache-2.0 13 | --------------------------------------------------------------------------------