p5

[![npm version](https://badge.fury.io/js/p5.svg)](https://www.npmjs.com/package/p5) [![All Contributors](https://img.shields.io/github/all-contributors/processing/p5.js?color=ee8449)](#contributors) [![Total Downloads](https://img.shields.io/npm/dt/p5)](https://www.npmjs.com/package/p5) # [p5.js](https://p5js.org) Welcome! 👋👋🏿👋🏽👋🏻👋🏾👋🏼 p5.js is a free and open-source JavaScript library for [accessible](https://p5js.org/contribute/access) creative coding. It is a nurturing community, an approachable language, an exploratory tool, an accessible environment, an inclusive platform, welcoming and playful for artists, designers, educators, beginners, and anyone else! <table> <tr> <td> ```js function setup() { createCanvas(400, 400); background(255); } function draw() { circle(mouseX, mouseY, 80); } ``` </td> <td> <img src="./contributor_docs/images/p5-readme-sketch.png" width="200" height="200" /> </td> </tr> </table> [Get Started](https://p5js.org/tutorials/get-started/) — [Reference](https://p5js.org/reference) — [Tutorials](https://p5js.org/tutorials) — [Examples](https://p5js.org/examples/) — [Libraries](https://p5js.org/libraries) — [Forum](https://discourse.processing.org/c/p5js) — [Discord](https://discord.gg/SHQ8dH25r9) ## About p5.js is built and organized to prioritize [accessibility, inclusivity, community, and joy](https://p5js.org/community). Similar to sketching, p5.js has a full set of tools to draw. It also supports creating audio-visual, interactive, experimental, and generative works for the web. p5.js enables thinking of a web page as your sketch. p5.js is accessible in multiple languages and has an expansive [documentation](https://p5js.org/reference/) with visual examples. You can find [tutorials](https://p5js.org/tutorials/) on the p5.js website and start coding right now in the [p5.js web editor](https://editor.p5js.org/). You can extend p5.js with many community-created [libraries](https://p5js.org/libraries/) that bring different capabilities. Its community provides endless inspiration and support for creators. p5.js encourages iterative and exploratory code for creative expression. Its friendly, diverse community shares art, code, and learning resources to help elevate all voices. We share our values in open source and access for all, to learn, create, imagine, design, share and code freely. ## Community The p5.js community shares an interest in exploring the creation of art and design with technology. We are a community of, and in solidarity with, people from every gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, disability, class, caste, religion, culture, subculture, immigration status, age, skill level, occupation, and background. We stand in solidarity with justice and liberation movements. We work to acknowledge, dismantle, and prevent barriers to access p5.js code and the p5.js community. Learn more about [our community](https://p5js.org/community/) and read our community statement and [code of conduct](https://github.com/processing/p5.js/blob/main/CODE_OF_CONDUCT.md). You can directly support our work with p5.js by donating to [the Processing Foundation](https://processingfoundation.org/support). ## 🌼 p5.js 2.0 Now Available for Community Testing & Development! We are releasing p5.js 2.0 to the community for testing and development! Here’s what you need to know. * For **reference**: p5.js 1.x reference will stay on [https://p5js.org/](https://p5js.org/), and p5.js 2.x documentation will be on [https://beta.p5js.org/](https://beta.p5js.org/) * In the p5.js Editor: the **default will continue to be 1.x** until at least August 2026 - more information and discussion on timeline can be found on [this Discourse thread](https://discourse.processing.org/t/dev-updates-p5-js-2-0-you-are-here/46130) or [this GitHub thread](https://github.com/processing/p5.js/issues/7488) * For updating sketches and add-on libraries: check out [the compatibility add-on libraries and guides](https://github.com/processing/p5.js-compatibility) * For **contribution**: `npm latest` will default to 2.x, but the git branches are still separated with `main` on 1.x and `dev-2.0` on 2.x. We will switch the branches when we have updated all automations (including deploying updated documentation to the website). Want to contribute ideas or implementation? Check the [2.x project board](https://github.com/orgs/processing/projects/21/views/8) for an overview of what still needs discussion, and what’s ready for work! ## Issues If you have found a bug in the p5.js library or want to request new features, feel free to file an issue! See our [contributor guidelines](https://p5js.org/contribute/contributor_guidelines) for a full reference of our contribution process. A set of templates for reporting issues and requesting features are provided to assist you (and us!). Different parts of p5.js are in different repositories. You can open an issue on each of them through these links: [p5.js](https://github.com/processing/p5.js/issues) — [p5.js website](https://github.com/processing/p5.js-website/issues) —- [p5.js web editor](https://github.com/processing/p5.js-web-editor/issues) p5.js is maintained mostly by volunteers, so we thank you for your patience as we try to address your issues as soon as we can. ## Get Started for Contributors p5.js is a collaborative project with many contributors, mostly volunteers, and you are invited to help. All types of involvement are welcome. See the [contribute](https://p5js.org/contribute) for more in-depth details about contributing to different areas of the project, including code, bug fixes, documentation, discussion, and more. A quick Getting Started with the Build and setting up the repository could be found [here](https://p5js.org/contribute/contributor_guidelines/#quick-get-started-for-developers). ## Stewards Stewards are contributors who are particularly involved, familiar, or responsive to certain areas of the project. Their role is to help provide context and guidance to others working on p5.js. If you have a question about contributing to a particular area, you can tag the listed steward in an issue or pull request. They may also weigh in on feature requests and guide the overall direction of their area, with the input of the community. You can read more about the organization of the project in our p5.js [Contributor Guidelines](https://p5js.org/contribute/contributor_guidelines) and p5.js [Steward Guidelines](https://p5js.org/contribute/steward_guidelines). Anyone interested can volunteer to be a steward! There are no specific requirements for expertise, just an interest in actively learning and participating. If you’re familiar with or interested in actively learning and participating in some of the p5.js areas below, please reply to [this issue](https://github.com/processing/p5.js/issues/5719) mentioning which area(s) you are interested in volunteering as a steward! 👋👋👋 p5.js was created by [Lauren Lee McCarthy](https://github.com/lmccart) in 2013 as a new interpretation of Processing for the context of the web. Since then we have allowed ourselves space to deviate and grow, while drawing inspiration from Processing and our shared community. p5.js is sustained by a community of contributors, with support from the Processing Foundation. p5.js follows a rotating leadership model started in 2020, and [Qianqian Ye](https://github.com/qianqianye) has been leading p5.js since 2021. Learn more about the [people](https://p5js.org/people/) behind p5.js. Current Lead/Mentor * [@ksen0](https://github.com/ksen0) - p5.js Lead，2024-present * [@limzykenneth](https://github.com/limzykenneth) - p5.js Mentor，2023-present Lead/Mentor Alumni * [@lmccart](https://github.com/lmccart) - p5.js Creator * [@qianqianye](https://github.com/qianqianye) - p5.js Lead，2021-present (on leave) * [@outofambit](https://github.com/outofambit) - p5.js Co-Lead 2021-22, Mentor 2022-2023 * [@mcturner1995](https://github.com/mcturner1995) - p5.js Lead 2020 | Area | Steward(s) | | ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | | Overall | [@ksen0](https://github.com/ksen0) | | [Accessibility](https://github.com/processing/p5.js/tree/main/src/accessibility) | [@calebfoss](https://github.com/calebfoss), [@cosmicbhejafry](https://github.com/cosmicbhejafry), [@apoorva-a98](https://github.com/apoorva-a98), [@tedkmburu](https://github.com/tedkmburu), [@Zarkv](https://github.com/Zarkv), [@SkylerW99](https://github.com/SkylerW99), [@itsjoopark](https://github.com/itsjoopark), [@hannahvy](https://github.com/hannahvy), [@nhasalajoshi](https://github.com/nhasalajoshi)| | [Color](https://github.com/processing/p5.js/tree/main/src/color) | [@paulaxisabel](https://github.com/paulaxisabel), [@SoundaryaKoutharapu](https://github.com/SoundaryaKoutharapu), [@mrbrack](https://github.com/mrbrack), [@TJ723](https://github.com/TJ723), [@Zarkv](https://github.com/Zarkv), [@SkylerW99](https://github.com/SkylerW99), [@ramya202000](https://github.com/ramya202000), [@hannahvy](https://github.com/hannahvy), [@robin-haxx](https://github.com/robin-haxx), [@hiddenenigma](https://github.com/hiddenenigma) | | [Core](https://github.com/processing/p5.js/tree/main/src/core)/Environment/Rendering | [@limzykenneth](https://github.com/limzykenneth), [@davepagurek](https://github.com/davepagurek), [@ChihYungChang](https://github.com/ChihYungChang), [@teragramgius](https://github.com/teragramgius), [@tuminzee](https://github.com/tuminzee), [@Zarkv](https://github.com/Zarkv), [@robin-haxx](https://github.com/robin-haxx), [@Gaurav-1306](https://github.com/Gaurav-1306) | | [Data](https://github.com/processing/p5.js/tree/main/src/data) | [@angelabelle](https://github.com/angelabelle), [@shahankhatch](https://github.com/shahankhatch), [@TanviKumar](https://github.com/TanviKumar), [@SkylerW99](https://github.com/SkylerW99), [@nhasalajoshi](https://github.com/nhasalajoshi) | | [DOM](https://github.com/processing/p5.js/tree/main/src/dom) | [@SarveshLimaye](https://github.com/SarveshLimaye), [@SoundaryaKoutharapu](https://github.com/SoundaryaKoutharapu), [@ramya202000](https://github.com/ramya202000), [@BamaCharanChhandogi](https://github.com/BamaCharanChhandogi), [@Obi-Engine10](https://github.com/Obi-Engine10), [@MarceloGoncalves](https://github.com/MarceloGoncalves), [@hiddenenigma](https://github.com/hiddenenigma) | | [Events](https://github.com/processing/p5.js/tree/main/src/events) | [@limzykenneth](https://github.com/limzykenneth), [@richardegil](https://github.com/richardegil), [@angelabelle](https://github.com/angelabelle), [@littlejacinthe](https://github.com/littlejacinthe), [@TanviKumar](https://github.com/TanviKumar), [@tuminzee](https://github.com/tuminzee) | | [Image](https://github.com/processing/p5.js/tree/main/src/image) | [@cgusb](https://github.com/cgusb), [@albertomancia](https://github.com/albertomancia), [@ramya202000](https://github.com/ramya202000), [@hannahvy](https://github.com/hannahvy), [@robin-haxx](https://github.com/robin-haxx)| | [IO](https://github.com/processing/p5.js/tree/main/src/io) | [@limzykenneth](https://github.com/limzykenneth), [@Pritam1136](https://github.com/Pritam1136), [@shahankhatch](https://github.com/shahankhatch), [@TanviKumar](https://github.com/TanviKumar), [@jeanetteandrews](https://github.com/jeanetteandrews)| | [Math](https://github.com/processing/p5.js/tree/main/src/math) | [@limzykenneth](https://github.com/limzykenneth), [@ericnlchen](https://github.com/ericnlchen), [@ChihYungChang](https://github.com/ChihYungChang), [@bsubbaraman](https://github.com/bsubbaraman), [@albertomancia](https://github.com/albertomancia), [@JazerUCSB](https://github.com/JazerUCSB), [@tedkmburu](https://github.com/tedkmburu), [@perminder-17](https://github.com/perminder-17), [@Obi-Engine10](https://github.com/Obi-Engine10), [@jeanetteandrews](https://github.com/jeanetteandrews) | | [Typography](https://github.com/processing/p5.js/tree/main/src/typography) | [@dhowe](https://github.com/dhowe), [@paulaxisabel](https://github.com/paulaxisabel), [@SarveshLimaye](https://github.com/SarveshLimaye), [@SkylerW99](https://github.com/SkylerW99), [@BamaCharanChhandogi](https://github.com/BamaCharanChhandogi), [@Obi-Engine10](https://github.com/Obi-Engine10), [@hannahvy](https://github.com/hannahvy), [@singshris](https://github.com/singshris), [@hiddenenigma](https://github.com/hiddenenigma) | | [Utilities](https://github.com/processing/p5.js/tree/main/src/utilities) | [@limzykenneth](https://github.com/limzykenneth), [@glopzel](https://github.com/glopzel) | | [WebGL](https://github.com/processing/p5.js/tree/main/src/webgl) | [@davepagurek](https://github.com/davepagurek), [@aferriss](https://github.com/aferriss), [@aceslowman](https://github.com/aceslowman), [@ShenpaiSharma](https://github.com/ShenpaiSharma), [@ChihYungChang](https://github.com/ChihYungChang), [@teragramgius](https://github.com/teragramgius), [@JazerUCSB](https://github.com/JazerUCSB), [@richardegil](https://github.com/richardegil), [@itsjoopark](https://github.com/itsjoopark), [@Gaurav-1306](https://github.com/Gaurav-1306), [@jeanetteandrews](https://github.com/jeanetteandrews) | | [Internalization](https://github.com/processing/p5.js/blob/main/src/core/internationalization.js) | [@limzykenneth](https://github.com/limzykenneth) | | [Friendly Errors](https://github.com/processing/p5.js/tree/main/src/core/friendly_errors) | [@richardegil](https://github.com/richardegil), [@itsjoopark](https://github.com/itsjoopark), [@hannahvy](https://github.com/hannahvy), [@bisabi-01](https://github.com/bisabi-01), [@singshris](https://github.com/singshris) | | [Contributor Docs](https://github.com/processing/p5.js/tree/main/contributor_docs) |[@limzykenneth](https://github.com/limzykenneth), [@asukaminato0721](https://github.com/asukaminato0721), [@SoundaryaKoutharapu](https://github.com/SoundaryaKoutharapu), [@richardegil](https://github.com/richardegil), [@hannahvy](https://github.com/hannahvy), [@bayomayo](https://github.com/bayomayo) | | [p5.sound](https://github.com/processing/p5.sound.js) |[@miguellacorte](https://github.com/miguellacorte), [@JazerUCSB](https://github.com/JazerUCSB), [@angelabelle](https://github.com/angelabelle), [@littlejacinthe](https://github.com/littlejacinthe), [@hannahvy](https://github.com/hannahvy), [@glopzel](https://github.com/glopzel), [@singshris](https://github.com/singshris), [@jeanetteandrews](https://github.com/jeanetteandrews) | | Build Process/Unit Testing | [@limzykenneth](https://github.com/limzykenneth) | ## Contributors We recognize all types of contributions. This project follows the [all-contributors specification](https://github.com/all-contributors/all-contributors) and the [Emoji Key](https://allcontributors.org/docs/en/emoji-key) ✨ for contribution types. Instructions to add yourself or add contribution emojis to your name are [here](https://github.com/processing/p5.js/issues/2309). You can also post an issue or comment on a pull request with the text: `@all-contributors please add @YOUR-USERNAME for THINGS` (where `THINGS` is a comma-separated list of entries from the [list of possible contribution types](https://allcontributors.org/docs/en/emoji-key)) and our nice bot will add you.    <table> <tbody> <tr> <td align="center" valign="top" width="16.66%"><a href="http://lauren-mccarthy.com"><img src="https://avatars3.githubusercontent.com/u/191056?v=4?s=120" width="120px;" alt="Lauren McCarthy"/> Lauren McCarthy</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://jasonsigal.cc"><img src="https://avatars2.githubusercontent.com/u/504124?v=4?s=120" width="120px;" alt="Jason Sigal"/> Jason Sigal</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://twitter.com/KarenPunkPunk"><img src="https://avatars3.githubusercontent.com/u/1695075?v=4?s=120" width="120px;" alt="Karen"/> Karen</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.evelyneastmond.com"><img src="https://avatars1.githubusercontent.com/u/699840?v=4?s=120" width="120px;" alt="Evelyn Eastmond"/> Evelyn Eastmond</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.shiffman.net"><img src="https://avatars0.githubusercontent.com/u/191758?v=4?s=120" width="120px;" alt="Daniel Shiffman"/> Daniel Shiffman</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://reas.com"><img src="https://avatars2.githubusercontent.com/u/677774?v=4?s=120" width="120px;" alt="Casey Reas"/> Casey Reas</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://fathom.info"><img src="https://avatars1.githubusercontent.com/u/1623101?v=4?s=120" width="120px;" alt="Ben Fry"/> Ben Fry</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://limzykenneth.com"><img src="https://avatars3.githubusercontent.com/u/7543950?v=4?s=120" width="120px;" alt="Kenneth Lim"/> Kenneth Lim</a> <a href="https://github.com/processing/p5.js/issues?q=author%3Alimzykenneth" title="Bug reports">🐛</a> <a href="https://github.com/processing/p5.js/commits?author=limzykenneth" title="Code">💻</a> <a href="https://github.com/processing/p5.js/commits?author=limzykenneth" title="Documentation">📖</a></td> <td align="center" valign="top" width="16.66%"><a href="http://www.katehollenbach.com"><img src="https://avatars0.githubusercontent.com/u/78966?v=4?s=120" width="120px;" alt="kate hollenbach"/> kate hollenbach</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/mlarghydracept"><img src="https://avatars2.githubusercontent.com/u/10382506?v=4?s=120" width="120px;" alt="Stalgia Grigg"/> Stalgia Grigg</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/machinic"><img src="https://avatars3.githubusercontent.com/u/3985997?v=4?s=120" width="120px;" alt="Jerel Johnson"/> Jerel Johnson</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://sakshamsaxena.in"><img src="https://avatars2.githubusercontent.com/u/8774516?v=4?s=120" width="120px;" alt="Saksham Saxena"/> Saksham Saxena</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://twitter.com/ed_saber"><img src="https://avatars3.githubusercontent.com/u/11218401?v=4?s=120" width="120px;" alt="saber khan"/> saber khan</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/dhowe"><img src="https://avatars3.githubusercontent.com/u/737638?v=4?s=120" width="120px;" alt="Daniel Howe"/> Daniel Howe</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://kevinsiwoff.com"><img src="https://avatars1.githubusercontent.com/u/1585036?v=4?s=120" width="120px;" alt="Kevin Siwoff"/> Kevin Siwoff</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://portfolio.toolness.org/"><img src="https://avatars2.githubusercontent.com/u/124687?v=4?s=120" width="120px;" alt="Atul Varma"/> Atul Varma</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.jessklein.is/"><img src="https://avatars3.githubusercontent.com/u/535012?v=4?s=120" width="120px;" alt="Jess Klein"/> Jess Klein</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://unoseistres.com"><img src="https://avatars1.githubusercontent.com/u/7158943?v=4?s=120" width="120px;" alt="uno seis tres"/> uno seis tres</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://www.susanev.com/"><img src="https://avatars3.githubusercontent.com/u/5489125?v=4?s=120" width="120px;" alt="susan evans"/> susan evans</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://sasj.tumblr.com"><img src="https://avatars3.githubusercontent.com/u/2619912?v=4?s=120" width="120px;" alt="Saskia Freeke"/> Saskia Freeke</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.phoenixperry.com"><img src="https://avatars0.githubusercontent.com/u/783625?v=4?s=120" width="120px;" alt="Phoenix Perry"/> Phoenix Perry</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://s01e01.xyz/jct"><img src="https://avatars1.githubusercontent.com/u/2850174?v=4?s=120" width="120px;" alt="jesse cahn-thompson"/> jesse cahn-thompson</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/lee2sman"><img src="https://avatars1.githubusercontent.com/u/7377908?v=4?s=120" width="120px;" alt="Lee T"/> Lee T</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.cargocollective.com/chellyjin"><img src="https://avatars0.githubusercontent.com/u/26236471?v=4?s=120" width="120px;" alt="Chelly Jin"/> Chelly Jin</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://L05.is"><img src="https://avatars0.githubusercontent.com/u/3998826?v=4?s=120" width="120px;" alt="L05"/> L05</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.diygirls.org"><img src="https://avatars3.githubusercontent.com/u/1680038?v=4?s=120" width="120px;" alt="DIYgirls"/> DIYgirls</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/lam802"><img src="https://avatars3.githubusercontent.com/u/8697852?v=4?s=120" width="120px;" alt="lam802"/> lam802</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.mayaman.cc"><img src="https://avatars0.githubusercontent.com/u/8224678?v=4?s=120" width="120px;" alt="Maya Man"/> Maya Man</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/tegacodes"><img src="https://avatars0.githubusercontent.com/u/5488045?v=4?s=120" width="120px;" alt="Tega Brain"/> Tega Brain</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/luisaph"><img src="https://avatars3.githubusercontent.com/u/295879?v=4?s=120" width="120px;" alt="luisaph"/> luisaph</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/almchung"><img src="https://avatars2.githubusercontent.com/u/22488500?v=4?s=120" width="120px;" alt="AlM Chng"/> AlM Chng</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://montoyamoraga.io"><img src="https://avatars3.githubusercontent.com/u/3926350?v=4?s=120" width="120px;" alt="aarón montoya-moraga"/> aarón montoya-moraga</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/catarak"><img src="https://avatars1.githubusercontent.com/u/6063380?v=4?s=120" width="120px;" alt="Cassie Tarakajian"/> Cassie Tarakajian</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://www.niklaspeters.com"><img src="https://avatars0.githubusercontent.com/u/20650298?s=460&v=4?s=120" width="120px;" alt="Niklas Peters"/> Niklas Peters</a> <a href="https://github.com/processing/p5.js/commits?author=nikfm" title="Documentation">📖</a> <a href="#tutorial-nikfm" title="Tutorials">✅</a></td> <td align="center" valign="top" width="16.66%"><a href="http://mathuramg.com"><img src="https://avatars3.githubusercontent.com/u/5505598?v=4?s=120" width="120px;" alt="Mathura MG"/> Mathura MG</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://1023.io"><img src="https://avatars3.githubusercontent.com/u/8662372?v=4?s=120" width="120px;" alt="Yining Shi"/> Yining Shi</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://kaganjd.github.io/portfolio/"><img src="https://avatars0.githubusercontent.com/u/9204835?v=4?s=120" width="120px;" alt="Jen Kagan"/> Jen Kagan</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://fromjia.com/"><img src="https://avatars1.githubusercontent.com/u/6025418?v=4?s=120" width="120px;" alt="Jiashan Wu"/> Jiashan Wu</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/futuremarc"><img src="https://avatars3.githubusercontent.com/u/8646752?v=4?s=120" width="120px;" alt="Marc Abbey"/> Marc Abbey</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.kadamwhite.com"><img src="https://avatars1.githubusercontent.com/u/442115?v=4?s=120" width="120px;" alt="K.Adam White"/> K.Adam White</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://ecridge.com/"><img src="https://avatars2.githubusercontent.com/u/11491479?v=4?s=120" width="120px;" alt="Eden Cridge"/> Eden Cridge</a> <a href="https://github.com/processing/p5.js/commits?author=ecridge" title="Code">💻</a> <a href="https://github.com/processing/p5.js/issues?q=author%3Aecridge" title="Bug reports">🐛</a> <a href="https://github.com/processing/p5.js/pulls?q=is%3Apr+reviewed-by%3Aecridge" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/processing/p5.js/commits?author=ecridge" title="Tests">⚠️</a></td> <td align="center" valign="top" width="16.66%"><a href="http://mikewesthad.com"><img src="https://avatars1.githubusercontent.com/u/1131802?v=4?s=120" width="120px;" alt="Michael Hadley"/> Michael Hadley</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://tiller.dog"><img src="https://avatars1.githubusercontent.com/u/2047962?v=4?s=120" width="120px;" alt="Todd H. Page"/> Todd H. Page</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://jaredsprague.com/"><img src="https://avatars1.githubusercontent.com/u/3926730?v=4?s=120" width="120px;" alt="Jared Sprague"/> Jared Sprague</a> <a href="https://github.com/processing/p5.js/commits?author=Jared-Sprague" title="Code">💻</a> <a href="https://github.com/processing/p5.js/commits?author=Jared-Sprague" title="Documentation">📖</a> <a href="#example-Jared-Sprague" title="Examples">💡</a> <a href="#financial-Jared-Sprague" title="Financial">💵</a> <a href="https://github.com/processing/p5.js/commits?author=Jared-Sprague" title="Tests">⚠️</a> <a href="https://github.com/processing/p5.js/issues?q=author%3AJared-Sprague" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="16.66%"><a href="http://www.outofambit.com"><img src="https://avatars3.githubusercontent.com/u/964912?v=4?s=120" width="120px;" alt="evelyn masso"/> evelyn masso</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://bomoko.net"><img src="https://avatars1.githubusercontent.com/u/297936?v=4?s=120" width="120px;" alt="Blaize Kaye"/> Blaize Kaye</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/DarkPrince304"><img src="https://avatars1.githubusercontent.com/u/9005407?v=4?s=120" width="120px;" alt="Sanchit Kapoor"/> Sanchit Kapoor</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://meiamso.me"><img src="https://avatars3.githubusercontent.com/u/1187491?v=4?s=120" width="120px;" alt="Oliver Wright"/> Oliver Wright</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/mindofmatthew"><img src="https://avatars1.githubusercontent.com/u/911429?v=4?s=120" width="120px;" alt="Matthew Kaney"/> Matthew Kaney</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/Spongman"><img src="https://avatars2.githubusercontent.com/u/1088194?v=4?s=120" width="120px;" alt="Spongman"/> Spongman</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/CleezyITP"><img src="https://avatars1.githubusercontent.com/u/5375410?v=4?s=120" width="120px;" alt="Claire K-V"/> Claire K-V</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://lukedubois.com"><img src="https://avatars0.githubusercontent.com/u/4147978?v=4?s=120" width="120px;" alt="R. Luke DuBois"/> R. Luke DuBois</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/kevinbarabash"><img src="https://avatars3.githubusercontent.com/u/1044413?v=4?s=120" width="120px;" alt="Kevin Barabash"/> Kevin Barabash</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://andrescolubri.net/"><img src="https://avatars2.githubusercontent.com/u/62246?v=4?s=120" width="120px;" alt="codeanticode"/> codeanticode</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://www.bobholtwebdev.com/"><img src="https://avatars2.githubusercontent.com/u/94167?v=4?s=120" width="120px;" alt="Bob Holt"/> Bob Holt</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://sarahghp.com"><img src="https://avatars1.githubusercontent.com/u/1477362?v=4?s=120" width="120px;" alt="Sarah Groff Hennigh-Palermo"/> Sarah Groff Hennigh-Palermo</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://jordanshaw.com"><img src="https://avatars1.githubusercontent.com/u/288140?v=4?s=120" width="120px;" alt="Jordan Shaw"/> Jordan Shaw</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/brightredchilli"><img src="https://avatars3.githubusercontent.com/u/751191?v=4?s=120" width="120px;" alt="brightredchilli"/> brightredchilli</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://derekkinsman.com/"><img src="https://avatars0.githubusercontent.com/u/611218?v=4?s=120" width="120px;" alt="Derek J. Kinsman"/> Derek J. Kinsman</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/hkirat"><img src="https://avatars2.githubusercontent.com/u/8079861?v=4?s=120" width="120px;" alt="harkirat singh"/> harkirat singh</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/GoToLoop"><img src="https://avatars2.githubusercontent.com/u/6551569?v=4?s=120" width="120px;" alt="GoToLoop"/> GoToLoop</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://maxgoldste.in/"><img src="https://avatars3.githubusercontent.com/u/1191970?v=4?s=120" width="120px;" alt="Max Goldstein"/> Max Goldstein</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://xystudio.cc"><img src="https://avatars2.githubusercontent.com/u/1507265?v=4?s=120" width="120px;" alt="XY Feng"/> XY Feng</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/PaliwalSparsh"><img src="https://avatars1.githubusercontent.com/u/6324861?v=4?s=120" width="120px;" alt="Sparsh Paliwal"/> Sparsh Paliwal</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://austince.me"><img src="https://avatars3.githubusercontent.com/u/4655775?v=4?s=120" width="120px;" alt="Austin Cawley-Edwards"/> Austin Cawley-Edwards</a> <a href="https://github.com/processing/p5.js/commits?author=austince" title="Documentation">📖</a> <a href="#example-austince" title="Examples">💡</a></td> <td align="center" valign="top" width="16.66%"><a href="http://www.estebanalmiron.com"><img src="https://avatars1.githubusercontent.com/u/1040718?v=4?s=120" width="120px;" alt="taseenb"/> taseenb</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/tafsiri"><img src="https://avatars1.githubusercontent.com/u/26408?v=4?s=120" width="120px;" alt="Yannick Assogba"/> Yannick Assogba</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/johnpasquarello"><img src="https://avatars3.githubusercontent.com/u/2349625?v=4?s=120" width="120px;" alt="John Pasquarello"/> John Pasquarello</a> <a href="https://github.com/processing/p5.js/commits?author=johnpasquarello" title="Code">💻</a></td> <td align="center" valign="top" width="16.66%"><a href="http://HappyCoding.io"><img src="https://avatars1.githubusercontent.com/u/6930986?v=4?s=120" width="120px;" alt="Kevin Workman"/> Kevin Workman</a> <a href="https://github.com/processing/p5.js/commits?author=KevinWorkman" title="Documentation">📖</a></td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/gauini"><img src="https://avatars1.githubusercontent.com/u/4229215?v=4?s=120" width="120px;" alt="gauini"/> gauini</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://sansumbrella.com/"><img src="https://avatars0.githubusercontent.com/u/81553?v=4?s=120" width="120px;" alt="David Wicks"/> David Wicks</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/guillemontecinos"><img src="https://avatars1.githubusercontent.com/u/19594257?v=4?s=120" width="120px;" alt="Guillermo Montecinos"/> Guillermo Montecinos</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://www.walking-productions.com/notslop/"><img src="https://avatars0.githubusercontent.com/u/431774?v=4?s=120" width="120px;" alt="Shawn Van Every"/> Shawn Van Every</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.wiredpieces.com"><img src="https://avatars3.githubusercontent.com/u/579033?v=4?s=120" width="120px;" alt="Sinan Ascioglu"/> Sinan Ascioglu</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://hamoid.com"><img src="https://avatars0.githubusercontent.com/u/108264?v=4?s=120" width="120px;" alt="Abe Pazos"/> Abe Pazos</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://charstiles.com/"><img src="https://avatars1.githubusercontent.com/u/10173517?v=4?s=120" width="120px;" alt="Char"/> Char</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://genekogan.com"><img src="https://avatars3.githubusercontent.com/u/1335251?v=4?s=120" width="120px;" alt="Gene Kogan"/> Gene Kogan</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/jay-manday"><img src="https://avatars2.githubusercontent.com/u/13109165?v=4?s=120" width="120px;" alt="Jason Mandel"/> Jason Mandel</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/russomf"><img src="https://avatars1.githubusercontent.com/u/11917158?v=4?s=120" width="120px;" alt="Mark Russo"/> Mark Russo</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://jedahan.com"><img src="https://avatars1.githubusercontent.com/u/32407?v=4?s=120" width="120px;" alt="Jonathan Dahan"/> Jonathan Dahan</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://nok.onl"><img src="https://avatars1.githubusercontent.com/u/670641?v=4?s=120" width="120px;" alt="Darius Morawiec"/> Darius Morawiec</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/darbicus"><img src="https://avatars3.githubusercontent.com/u/3231573?v=4?s=120" width="120px;" alt="Darby Rathbone"/> Darby Rathbone</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/hrishit"><img src="https://avatars1.githubusercontent.com/u/2214025?v=4?s=120" width="120px;" alt="hrishit"/> hrishit</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://twitter.com/chiunhauyou"><img src="https://avatars1.githubusercontent.com/u/6561433?v=4?s=120" width="120px;" alt="Chiun Hau You"/> Chiun Hau You</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://zaerl.com"><img src="https://avatars1.githubusercontent.com/u/167611?v=4?s=120" width="120px;" alt="Francesco Bigiarini"/> Francesco Bigiarini</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://fabianmoronzirfas.me"><img src="https://avatars3.githubusercontent.com/u/315106?v=4?s=120" width="120px;" alt="Fabian Morón Zirfas"/> Fabian Morón Zirfas</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://cambridgemike.com"><img src="https://avatars1.githubusercontent.com/u/163429?v=4?s=120" width="120px;" alt="Mike Anderson"/> Mike Anderson</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://linkedin.com/in/limikael"><img src="https://avatars2.githubusercontent.com/u/902911?v=4?s=120" width="120px;" alt="Mikael Lindqvist"/> Mikael Lindqvist</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/ctlusto"><img src="https://avatars0.githubusercontent.com/u/3980953?v=4?s=120" width="120px;" alt="Chris"/> Chris</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/max0410"><img src="https://avatars2.githubusercontent.com/u/16921177?v=4?s=120" width="120px;" alt="Max Segal"/> Max Segal</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/tstefanich"><img src="https://avatars1.githubusercontent.com/u/810727?v=4?s=120" width="120px;" alt="Tyler Stefanich"/> Tyler Stefanich</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.sixhat.net/"><img src="https://avatars3.githubusercontent.com/u/614881?v=4?s=120" width="120px;" alt="Dave"/> Dave</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://wxs.ca"><img src="https://avatars0.githubusercontent.com/u/326559?v=4?s=120" width="120px;" alt="Xavier Snelgrove"/> Xavier Snelgrove</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/DoubleJump"><img src="https://avatars2.githubusercontent.com/u/1791943?v=4?s=120" width="120px;" alt="Gareth Battensby"/> Gareth Battensby</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://taeyoonchoi.com"><img src="https://avatars3.githubusercontent.com/u/683107?v=4?s=120" width="120px;" alt="Taeyoon Choi"/> Taeyoon Choi</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/akashraj9828"><img src="https://avatars0.githubusercontent.com/u/29796785?v=4?s=120" width="120px;" alt="AKASH RAJ"/> AKASH RAJ</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="https://github.com/keho98"><img src="https://avatars3.githubusercontent.com/u/1147122?v=4?s=120" width="120px;" alt="Kevin Ho"/> Kevin Ho</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://dexter1691.github.io"><img src="https://avatars0.githubusercontent.com/u/2039548?v=4?s=120" width="120px;" alt="Harsh Agrawal"/> Harsh Agrawal</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/Luxapodular"><img src="https://avatars1.githubusercontent.com/u/8699557?v=4?s=120" width="120px;" alt="Luca Damasco"/> Luca Damasco</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://lav.io"><img src="https://avatars0.githubusercontent.com/u/344861?v=4?s=120" width="120px;" alt="Sam Lavigne"/> Sam Lavigne</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://epicjefferson.com"><img src="https://avatars1.githubusercontent.com/u/658242?v=4?s=120" width="120px;" alt="Epic Jefferson"/> Epic Jefferson</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.carolinerecord.com/"><img src="https://avatars0.githubusercontent.com/u/3160465?v=4?s=120" width="120px;" alt="Caroline Record"/> Caroline Record</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://cjdecarteret.com"><img src="https://avatars2.githubusercontent.com/u/7853707?v=4?s=120" width="120px;" alt="Christine de Carteret"/> Christine de Carteret</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://crhallberg.com"><img src="https://avatars0.githubusercontent.com/u/451107?v=4?s=120" width="120px;" alt="Chris Hallberg"/> Chris Hallberg</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.workergnome.com"><img src="https://avatars0.githubusercontent.com/u/34536?v=4?s=120" width="120px;" alt="David Newbury"/> David Newbury</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/piinthecloud"><img src="https://avatars3.githubusercontent.com/u/6187313?v=4?s=120" width="120px;" alt="piinthecloud"/> piinthecloud</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.molleindustria.org"><img src="https://avatars1.githubusercontent.com/u/12369651?v=4?s=120" width="120px;" alt="Paolo Pedercini"/> Paolo Pedercini</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://huah.net/jason/"><img src="https://avatars0.githubusercontent.com/u/3819772?v=4?s=120" width="120px;" alt="Jason Alderman"/> Jason Alderman</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://media.mit.edu/~jacobsj"><img src="https://avatars1.githubusercontent.com/u/295733?v=4?s=120" width="120px;" alt="Jennifer Jacobs"/> Jennifer Jacobs</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://sepans.com"><img src="https://avatars3.githubusercontent.com/u/687513?v=4?s=120" width="120px;" alt="Sepand Ansari"/> Sepand Ansari</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://valhead.com"><img src="https://avatars2.githubusercontent.com/u/1289596?v=4?s=120" width="120px;" alt="Val Head"/> Val Head</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/six5532one"><img src="https://avatars1.githubusercontent.com/u/1435725?v=4?s=120" width="120px;" alt="Emily Chen"/> Emily Chen</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://benmoren.com"><img src="https://avatars3.githubusercontent.com/u/1385996?v=4?s=120" width="120px;" alt="Ben Moren"/> Ben Moren</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.runemadsen.com"><img src="https://avatars0.githubusercontent.com/u/192021?v=4?s=120" width="120px;" alt="Rune Skjoldborg Madsen"/> Rune Skjoldborg Madsen</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://alignedleft.com"><img src="https://avatars0.githubusercontent.com/u/1034002?v=4?s=120" width="120px;" alt="Scott Murray"/> Scott Murray</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.scottmadethis.net/"><img src="https://avatars0.githubusercontent.com/u/786436?v=4?s=120" width="120px;" alt="Scott Garner"/> Scott Garner</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://b2renger.github.io/"><img src="https://avatars2.githubusercontent.com/u/1818874?v=4?s=120" width="120px;" alt="b2renger"/> b2renger</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://craigpickard.net/"><img src="https://avatars2.githubusercontent.com/u/4640172?v=4?s=120" width="120px;" alt="Craig Pickard"/> Craig Pickard</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/mxchelle"><img src="https://avatars3.githubusercontent.com/u/4912796?v=4?s=120" width="120px;" alt="mxchelle"/> mxchelle</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.wickeditor.com"><img src="https://avatars0.githubusercontent.com/u/4970417?v=4?s=120" width="120px;" alt="Zach Rispoli"/> Zach Rispoli</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://www.liuchang.work"><img src="https://avatars1.githubusercontent.com/u/7039783?v=4?s=120" width="120px;" alt="Liu Chang"/> Liu Chang</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://cvalenzuelab.com/"><img src="https://avatars0.githubusercontent.com/u/10605821?v=4?s=120" width="120px;" alt="Cristóbal Valenzuela"/> Cristóbal Valenzuela</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.milespeyton.info"><img src="https://avatars2.githubusercontent.com/u/1015606?v=4?s=120" width="120px;" alt="Miles Peyton"/> Miles Peyton</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.flong.com"><img src="https://avatars2.githubusercontent.com/u/290053?v=4?s=120" width="120px;" alt="Golan Levin"/> Golan Levin</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/feedzh"><img src="https://avatars3.githubusercontent.com/u/378124?v=4?s=120" width="120px;" alt="feedzh"/> feedzh</a> </td> <td align="center" valign="top" width="16.66%"><a href="https://github.com/rubayet170746"><img src="https://avatars0.githubusercontent.com/u/35176093?s=40&v=4?s=120" width="120px;" alt="Shahriar Rahman Rubayet"/> Shahriar Rahman Rubayet</a> </td> </tr> <tr> <td align="center" valign="top" width="16.66%"><a href="http://nicusor.org/"><img src="https://avatars0.githubusercontent.com/u/4076804?v=4?s=120" width="120px;" alt="Chiciuc Nicușor"/> Chiciuc Nicușor</a> </td> <td align="center" valign="top" width="16.66%"><a href="http://www.videoventure.org"><img src="https://avatars3.githubusercontent.com/u/1566844?v=4?s=120" width="120px;" alt="Ken Miller"/> Ken Miller</a> </td> <td align="cen