简体中文
EnglishWhat Can You See and Do in the p5.js Community?
Updated
The p5.js website shows community work through a rotating gallery of sketches and points you to three concrete actions: browse the examples, explore the reference, and support the project through donations. If you want to see what people build with the library or find a way to take part, the homepage and its linked sections are the starting points.
What the community gallery actually shows
The homepage features screenshots of sketches made by community members, each credited to its creator. The examples named on the page include:
- Geodata Weaving by Kaspar Ravel
- Slime Molds by Patt Vira
- Generative Succulents by newyellow
- Padrão Geométrico by Guilherme Vieira
- Zen Pots by newyellow
- Glitch animation by Karakure178
These titles suggest the range of directions people work in: generative art, data-driven visuals, organic simulation, pattern design, and animation. The gallery is a showcase rather than a tutorial, so treat each sketch as a prompt for your own experiments rather than a step-by-step lesson.
Ways to participate
The site lists a small set of entry points, each tied to a different level of involvement:
| What you want to do | Where to go on p5.js |
|---|---|
| See what others have made | Community gallery on the homepage |
| Learn by studying working code | Examples section |
| Look up a specific function or behavior | Library reference |
| Get the library itself | Download page |
| Support the project financially | Donate page |
The homepage headings map directly onto these: "Explore the p5.js library reference," "Learn p5.js with examples," "See the p5.js community in action," "Donate to p5.js," and "Download p5.js."
How to use the gallery as a learning tool
- Pick a sketch that interests you — for example, a generative or animation piece from the list above.
- Identify the technique it implies — a slime mold simulation points toward agent-based movement; a glitch animation points toward pixel manipulation.
- Find the matching reference entry — use the library reference to look up the functions that technique would need.
- Rebuild a simplified version — start from the examples section rather than the finished artwork, since examples are written to be read.
The expected result is not a copy of the original sketch but a working piece of your own that uses the same underlying idea.
Supporting the project
The site includes a Donate page alongside the community section. Donations are presented as a way to support p5.js development. The page does not state specific amounts, tiers, or what a donation includes, so check the Donate page directly if you want those details before contributing.
Common sticking points
- The gallery is inspiration, not documentation. Sketches are shown as screenshots with creator credits; they are not presented as annotated source code.
- Community work spans many skill levels. Some pieces rely on techniques well beyond beginner material, so match what you study to your current comfort with JavaScript.
- Donation terms are not summarized on the homepage. If cost, recurring status, or processing details matter to you, read the Donate page itself rather than assuming.