p5xjs@p5xjs

An open-source JavaScript library for learning to code and create art, prioritizing accessibility, inclusivity, and community. 🌸 p5js.org

linktr.ee/p5js
Joined August 2014
331 Photos and videos
Load newest
A typical day of leading @p5xjs 🌸
screenshot of a work log with a list of crossed tasks

ALT screenshot of a work log with a list of crossed tasks

4
4
131
We are excited to announce the 2022 p5.js technical writer and mentors🎉 ✏️Organize and Develop p5.js Contributor Docs Project Technical Writer: Kenneth Lim @limzykenneth Mentor: Dr Peaks Krafft @_pmkr, Louis McCallum @louismccallum Welcome aboard!
Portraits of technical writer Kenneth Lim, and mentors Dr Peaks Krafft and Louis McCallum in the background with gradient purple blobs.

ALT Portraits of technical writer Kenneth Lim, and mentors Dr Peaks Krafft and Louis McCallum in the background with gradient purple blobs.

1
3
12
Kenneth will improve p5.js contributor docs to make the contributing process more accessible, with the support from the mentors as well as the p5.js Project Lead Qianqian Ye @4444ian. Read more about the project: github.com/processing/p5.js/… This flier is designed by Karen Abe💜.

Season of Docs 2022 Organization Application p5.js

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Proces...

github.com
1
8
We’re happy to announce Qianqian Ye @4444ian will continue as p5.js Lead and evelyn masso @outofambit will move to serving mentor for this role! We’re thrilled about the continued leadership, energy and care Qianqian and evelyn bring to p5.js! 🌸 medium.com/processing-founda…

Announcing the 2022–23 p5.js Project Lead Qianqian and p5.js Mentor evelyn!

As we begin the third year of p5.js rotating leadership, we’re happy to announce Qianqian Ye will continue as p5.js Lead and evelyn masso…

medium.com
1
8
60
Are you interested in contributing to p5.js via translation? Take a look at this 💗 first-time-contributor friendly issue of translating the p5.js libraries page to Spanish, Simplified Chinese, Korean, and Hindi. github.com/processing/p5.js-…
2
8
20
Belated update 😅: you can use Javascript to draw in both Figma Design and Figjam with this new @p5xjs widget. #generativeart #creativecoding
Cameron Yick@hydrosquall
1 Mar 2022
I'm trying to make collaborative riffing 🎶 on #codeart easier, a canvas that makes it easy to capture the 🌳 of visual twists and dead ends alike. What if we could use #p5js in #figjam? Blending work from @hellothisiscass, @_paulshen, & @colebemis, I have a demo coming soon~
7
20
Pra quem usa @figma e também trabalha com código criativo em @p5xjs , acabei de descobrir esse Widget (coisa nova do Figma) onde você pode inserir um código P5 direto no seu documento, com código: figma.com/community/widget/1… 👏 @hydrosquall

p5.js Pad - Code Art Editor | Figma

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source...

figma.com
2
2
18
Today's featured Google Summer of Code project is by @two__ticks, who worked on p5.teach, building an addon library that makes it easier to teach math with animations and simulations using @p5xjs 🤩 medium.com/processing-founda…

p5.teach: Teaching Math through Animations and Simulations

by Aditya Siddheshwar, Google Summer of Code 2021

medium.com
1
8
36
reading: p5.teach: Teaching Math through Animations and Simulations by @ProcessingOrg link.medium.com/AyPDup7Vdrb

p5.teach: Teaching Math through Animations and Simulations

by Aditya Siddheshwar, Google Summer of Code 2021

link.medium.com
2
18
92
p5xjs retweeted
Malay
@MalayVasa
14 Apr 2022
Color is probably the trickiest thing to master, especially using code. I wrote a thread breaking down color models and how to manipulate color in @p5xjs 🧵 1/n
3
12
71
Playing @p5xjs and p5.Polar library which allows drawing circular patterns with polar coordinates. Also fix bugs for the library that blocks creating animations. #p5Polar github.com/liz-peng/p5.Polar
0:13
2
6
30
🛸A teaser of the results of our students' semester digital lab at @unirsmdesign: Macbeth live digital scenes. Build using open source and free/libre creative coding frameworks #p5js and #matterjs. Teatro di Senigallia, Italy 2022. Mode details soon cc @p5xjs @iretrtr
Scena di teatro con ragazzi che si guardano, fondale digitale con caratteri tipografici astratti.

ALT Scena di teatro con ragazzi che si guardano, fondale digitale con caratteri tipografici astratti.

Scena di teatro con personaggi di spalle. Fondale digitale con elementi fluidi e organici che si spostano.

ALT Scena di teatro con personaggi di spalle. Fondale digitale con elementi fluidi e organici che si spostano.

Scena di teatro con Re di spalle al centro. Fondale digitale astratto.

ALT Scena di teatro con Re di spalle al centro. Fondale digitale astratto.

Scena di teatro con personaggi seduti per terra con tronchi. Sul fondale digitale tre grandi sagome che discutono.

ALT Scena di teatro con personaggi seduti per terra con tronchi. Sul fondale digitale tre grandi sagome che discutono.

5
16
I have released p5.capture, a library for easy recording of p5.js sketches 🎉🎉🎉 All you need to generate a video file is to add one line to your html. Supports webm, gif, mp4, png, jpg, and webp output. github.com/tapioca24/p5.capt… #p5js #processing #creativecoding #generativeart

GitHub - tapioca24/p5.capture: 🎬 super easy recording for p5.js animations

🎬 super easy recording for p5.js animations. Contribute to tapioca24/p5.capture development by creating an account on GitHub.

github.com
10
31
117
Just added 17 new contributed libraries to p5js.org/libraries! ✨ Including p5.bezier by @peilingjiang, p5.Polar by @lizpeng_tw, P5snap by @zachkrall, P5.slides by @garrettmflynn, react-p5 by @GherciuGheorgh2, CO2Budget.js by @olafval, @webmidijs by @djipco, 🧵1/3
A pink bezier curve

ALT A pink bezier curve

A diagram showing how to draw radius circle pattern with p5.Polar

ALT A diagram showing how to draw radius circle pattern with p5.Polar

White text of ‘World CO2 budget’ shown on a tree image

ALT White text of ‘World CO2 budget’ shown on a tree image

Diagram of connecting a MIDI and a web browser

ALT Diagram of connecting a MIDI and a web browser

3
27
136
p5.wasm by @limzykenneth, p5.glitch by @ffd8, número by Nick McIntyre, p5.party by Justin Bakse, TiledPlay by Andrew Tacon, p5.tween by @milchreisjunkie, p5.j5 by @monteslu, TurtleGFX by @codeguppy, p5.recorder by Dori Claudino, pdl.library by @SPTSensei. 🧵2/3
Snapshots of a p5 sketch shown in a grid

ALT Snapshots of a p5 sketch shown in a grid

Interface of P5.slides library that creates interactive presentation for the web

ALT Interface of P5.slides library that creates interactive presentation for the web

A fluid simulation with gradient color

ALT A fluid simulation with gradient color

Glitched white text of ‘p5.glitch’ on black ground

ALT Glitched white text of ‘p5.glitch’ on black ground

1
2
21
Check them out at p5js.org/libraries. Thanks to all these contributors! We will add more contributed libraries soon! 🧵3/3

Libraries

Expand the possibilities of p5.js with community-created libraries.

p5js.org
2
1
16
as part of this year's GSoC program working on @p5xjs, i'll be sharing some thoughts and interesting things that i run into during the process of building a native, easy and fast way of saving GIF files! where do we begin? 🧵
1
11
72
What @alm_chng did might be the friendliest error system research I've ever seen. Highly recommend you to read the full report @p5xjs 🐈😸
This tweet is unavailable
1
4
🚨p5.js Editor Lead Fellowship open call is due tomorrow, June 22. Apply! 🌸
p5xjs@p5xjs
10 Jun 2022
We're extending the deadline for the p5.js Editor Lead Fellowship application to June 22! Receive $90k stipend + mentorship to lead the impactful project! Apply at: medium.com/processing-founda…
Light pink gradient background with black sans serif text that reads p5.js Editor Lead Fellowship OPEN CALL one-year paid ($90,000 USD) fellowship to maintain and steward the p5.js Editor! Deadline Extended! Apply by: June 22, Apply at: bit.ly/p5jseditor

ALT Light pink gradient background with black sans serif text that reads p5.js Editor Lead Fellowship OPEN CALL one-year paid ($90,000 USD) fellowship to maintain and steward the p5.js Editor! Deadline Extended! Apply by: June 22, Apply at: bit.ly/p5jseditor
8
13
Load more