6 ms·

p5.js

468 points by alabhyajindal 2y ago

gnabgib 2y ago
Big in: 2022 (244 points, 57 comments) https://news.ycombinator.com/item?id=33176026 https://news.ycombinator.com/item?id=33176026 2017 (349 points, 77 comments) https://news.ycombinator.com/item?id=14749527 https://news.ycombinator.com/item?id=14749527 2014 (381 points, 93 comments) https://news.ycombinator.com/item?id=8144212 https://news.ycombinator.com/item?id=8144212
trungdq88 2y ago
Pretty cool library to quickly build a game out of. I've built a small water simulation [1] with p5.js and really like how simple it is to learn p5. [1]: https://github.com/trungdq88/summer https://github.com/trungdq88/summer
- alabhyajindal 2y ago
  Very cool!
jna_sh 2y ago
Oh the new website shipped! They’ve been working on this for a while, looking great.
javaunsafe2019 2y ago
I tried the examples on a recent iPhone and all of them didn’t work :(
- tymscar 2y ago
  I tried first 5. All work on 15 pro max
  - contrast 2y ago
    I tried the first 5 on my 15 pro max. First one didn’t work at all. They all stopped working if I pressed “play” on the example, giving the impression they’re broken.
- dopidopHN 2y ago
  I’m on a 2016 IPhone 5S and it works ?
rikroots 2y ago
I think the key reason why this link has been posted to HN now is because p5js has a new website? Back in 2023 the Sovereign Tech Fund gave the p5js folks a €450k grant[1] "to enhance p5.js Documentation organization & accessibility" and this seems to be some of the results of that investment. In my view, it seems to be paying off - the site feels a lot easier to navigate and search, with more useful information. For example, compare the old[2] and new[3][4] versions of how to use p5js editor/canvases with a screen reader. [1] - STF announcement/progress - https://p5js.org/events/stf-2024/ https://p5js.org/events/stf-2024/ [2] - Using p5 with a screen reader (old version) - https://archive.p5js.org/learn/p5-screen-reader.html https://archive.p5js.org/learn/p5-screen-reader.html [3] - How to Use the p5.js Web Editor with a Screen Reader (new) - https://p5js.org/tutorials/p5js-with-screen-reader/ https://p5js.org/tutorials/p5js-with-screen-reader/ [4] - Writing Accessible Canvas Descriptions (new) - https://p5js.org/tutorials/writing-accessible-canvas-descriptions/ https://p5js.org/tutorials/writing-accessible-canvas-descrip...
- kapep 2y ago
  It's nice that they keep the old site available as https://archive.p5js.org/ https://archive.p5js.org/ I'm not a fan of the layout on large screens though. The linked tutorial [1] is fixed width left-aligned paragraphs, which makes right half of my display empty. On the other hand, other elements like on the reference overview [2] are stretched in four columns across the whole display which looks ok when the browser window is half my displays width but is hard to read when the window is maximized. [1]: https://p5js.org/tutorials/p5js-with-screen-reader/ https://p5js.org/tutorials/p5js-with-screen-reader/ [2]: https://p5js.org/reference/ https://p5js.org/reference/
- petercooper 2y ago
  We also featured it quite prominently in yesterday's JavaScript Weekly. With ~175k subscribers, things we include often make it to HN front page hours later. It's next to impossible to actually prove the connection.. but it's just part of the fun of how links spread around the ecosystem for me :-)
  - slorber 2y ago
Centigonal 2y ago
This is a really pretty website! I'm surprised that they decided to take out the part in the About section mentioning that this is a continuation of the ideas from Processing - I guess maybe now P5.js is more popular than processing is/was?
- noduerme 2y ago
  I really loved proce55ing as a mini language. I think it made a ton of sense in a world where it was fairly difficult to manipulate pixels inside something like a canvas inside a webpage if you wanted to make an interesting visual experiment. And it was also very readable and accessible to artists with little programming experience.
  - layer8 2y ago
    Why the past tense?
- bmitc 2y ago
  > I'm surprised that they decided to take out the part in the About section mentioning that this is a continuation of the ideas from Processing There was a schism between Ben Fry and the Processing Foundation, so I would reckon it's political. One of his chief complaints was how the p5.js project had taken over the Processing Foundation and minimized Processing development.
  - phforms 2y ago
    Some more context: Ben Fry posted a thread on X in 10/2023[1] where he announced and explained his decision to resign from the Processing Foundation. Seems like Processing got left out from expenses despite their large budget, running against their original reason to start the foundation: “I was soon shocked to learn that the Foundation spent nearly $800,000 last year. $0 of that went to Processing 4. This year, the proposed Foundation budget is around $1.2 million. But for Processing, there is budget for just two people: one developer, one community lead. You know what that sounds like? The reason we started a Foundation in the first place. Two people is not enough for any of the Processing software projects (i.e. anything that lives at a http://processing.org http://processing.org domain.)” I wonder if most of the money went into p5 or the new website or whatever, but it made me a bit sad to see that the original Processing got left behind. It is what got me into programming and there are still lots of good reasons to choose it over p5. I can, however, understand if they prioritised p5 due to the rise of web apps and mobile devices, sharability, JS being everywhere and so on. Maybe it’s nostalgia, but it just doesn’t bring me as much joy as the original. [1]: https://x.com/ben_fry/status/1709400641456501020 https://x.com/ben_fry/status/1709400641456501020
martijnvds 2y ago
Kind of sad that this isn't an implementation of Perl 5 in JS
- atomicstack 2y ago
  https://fglock.github.io/Perlito/perlito/perlito5.html https://fglock.github.io/Perlito/perlito/perlito5.html
nonoesp 2y ago
You can write and run code in the browser with p5.js's playground, and even create an account to store your code sketches. https://editor.p5js.org/nonoesp/sketches/ruSYeEUEH https://editor.p5js.org/nonoesp/sketches/ruSYeEUEH
alator21 2y ago
Daniel Shiffman was the one that introduced me to this library years ago. Their videos were essential to my development as a programmer
Flex247A 2y ago
https://editor.p5js.org/lalit.c/full/oN-oq5yM6 https://editor.p5js.org/lalit.c/full/oN-oq5yM6
whywhywhywhy 2y ago
I've used P5.js in a ton of my professional work although would suggest anyone interested in using it today know what happened with one of the founders of the foundation and creator of the original Processing language P5 derived from. https://news.ycombinator.com/item?id=37760363 https://news.ycombinator.com/item?id=37760363 Knowing what I know now I regret supporting the work of Processing Foundation.
- password4321 2y ago
  Looks like the Processing Foundation got Mozilla Foundation'd.
- smrtinsert 2y ago
  This explains a lot. In an era with so many performant graphics apis I didn't understand why processing/p5 felt so stuck, with no major changes in years. What a sad place to end up.
_spduchamp 2y ago
ChatGPT knows P5.js pretty well so you can ask "Write a P5 program that plots a sine wave and let's me control phase with a slider." and it does it. I used P5.js with ChatGPT to make a design tool that balances 5 masses on a circumference for creating a rotary magnetic bow with reduced harmonic locking. Drag vertices of the pentagon... https://editor.p5js.org/spDuchamp/full/zgtkE2xik https://editor.p5js.org/spDuchamp/full/zgtkE2xik Here 3D printed result https://www.instagram.com/p/Cr4ZXGztY27/ https://www.instagram.com/p/Cr4ZXGztY27/
- zyklonix 2y ago
  I am fascinated with this. What is it used for?
  - _spduchamp 2y ago
    I use it to play music. Short demo: https://youtu.be/G1ftvw-Y6pk https://youtu.be/G1ftvw-Y6pk Open mic set: https://youtu.be/nKFK_OhQv3k https://youtu.be/nKFK_OhQv3k
    - zyklonix 2y ago
      Did you transform a coat stand into an awesome futuristic instrument??? So glad I asked. Brilliant work. This should be in the HN front page!
      - _spduchamp 2y ago
        Yup. That's exactly what I did. I made an album for falling asleep to that you can find on various streaming music services. Just search "Autonomous Drone Lullabies" by Stefan Powell. It's an album that was made autonomously using an algorithm in Pure Data. It's also here: https://stefanpowell.bandcamp.com/album/autonomous-drone-lullabies https://stefanpowell.bandcamp.com/album/autonomous-drone-lul...
        evanjrowley 2y ago
ikesau 2y ago
Love p5 - I learned a bunch of new concepts through it: polar coordinate space; thinking in radians; dot products; event-driven programming. It's one of the fastest ways I know of to make something fun and expressive in code.
sjdonado 2y ago
Really good library and documentation, helped me to jump into animations in no time.Got this https://cs-games.sjdonado.com/ https://cs-games.sjdonado.com/ done in a few days
- e40 2y ago
  On mobile the right third of the board is cut off.
john-tells-all 2y ago
I adore P5js -- the community OpenProcessing[1] has thousands of wonderful artworks that are easily viewed, cloned, and modified. I'm mostly a Python guy but making small changes to P5js programs has helped me learn Javascript. [1] -- https://openprocessing.org/discover/#/trending https://openprocessing.org/discover/#/trending
thaithrowawayy 2y ago
[flagged]
jerpint 2y ago
Ive used p5js to build my own Tetris game with vim bindings :) https://www.jerpint.io/blog/tetris/ https://www.jerpint.io/blog/tetris/
- alabhyajindal 2y ago
  Amazing! I made a Sudoku game with vim bindings: https://vimsudoku.com https://vimsudoku.com
petarb 2y ago
I started learning how to program using Processing about 16 years ago, so P5 and other similar libraries always have a soft spot in my heart. It’s so gratifying for a beginner to write some code and see some shapes move around the screen.
jimmar 2y ago
Is there a JavaScript library that does animation using timelines, key frames, etc? It seems like p5js and several other animation libraries focus on things like partial simulations or other animations driven by mathematical formulas rather than animations done by placing objects on timelines and transforming them.
- wsintra2022 2y ago
  It has a frame rate property you can reference
- rikroots 2y ago
  GSAP[1] is pretty much the industry standard, I think. You have to pay for some of its more advanced features. There's also Anime.js[2] and Scene.js[3] - but I've never played with them so can't vouch for their usefulness. Both have had code updates in the past year. (Self-promotion time) I had a lot of fun adding an animation/tween system to my canvas library[4] a while back. Building out the code to run such animations is one thing; making it performant is a very different challenge![5] [1] https://gsap.com/ https://gsap.com/ [2] https://github.com/juliangarnier/anime/ https://github.com/juliangarnier/anime/ [3] https://github.com/daybrush/scenejs https://github.com/daybrush/scenejs [4] https://github.com/KaliedaRik/Scrawl-canvas https://github.com/KaliedaRik/Scrawl-canvas [5] SC tween stress test - https://scrawl-v8.rikweb.org.uk/demo/canvas-006.html https://scrawl-v8.rikweb.org.uk/demo/canvas-006.html
- _rerr 2y ago
  I've done some things with Svelte motion, such as tweened / spring [0]. This gradient descent visualizer is made with it for example [1] to interpolate the points when the prediction line moves. [0] https://svelte.dev/docs/svelte-motion https://svelte.dev/docs/svelte-motion [1] https://gradfront.pages.dev/ https://gradfront.pages.dev/
FounderBurr 2y ago
I’m not convinced about the inclusiveness claims made here, can you offer more proof?
soegaard 2y ago
Processing (the original Java one) has inspired many libraries. These days it is possible to find (more-or-less) compatible libraries for most popular language. As a summer project I wrote a version for Racket: https://docs.racket-lang.org/manual-sketching/ https://docs.racket-lang.org/manual-sketching/ The main inspiration was Daniel Shiffman's YouTube channel "The Coding Train". He has a knack for picking visual interesting problems/algorithms and his enthusiasm is unmatched. https://thecodingtrain.com/ https://thecodingtrain.com/
throw156754228 2y ago
It is indeed slow. It's a library written by non-developers for non-developers and it shows in the APIs.
- tentacleuno 2y ago
  Could you explain why you've drawn this conclusion? The API seems OK on the surface.
trentearl 2y ago
Nice new website! Great project, I've been using it since the pro55esing java applet days. I got my 10 year old niece interested in programming by showing her some quick openprocessing code.
lunagcezar 2y ago
The p5.js is a really awesome library because of their increased functionality and ease of use for artistic applications. Last year, I made a p5.js and Ruby on Rails powered application [1] [2] for my Bachelor's degree that allowed the user to create generative art directly from the user interface, and the experience with that tool was straightforward. [1] - https://www.facili.art/ https://www.facili.art/ [2] - https://github.com/murciof/faciliart https://github.com/murciof/faciliart
pmohun 2y ago
Strange but true: p5 was a major component in the recent popularization of generative art — a branch of computer art that relies on computer generated visuals based on random seeds. p5 was a core dependency for Art Blocks, a popular Ethereum art platform that gained popularity due to its asset class of entirely generative artworks.
NotAnOtter 2y ago
I used p5.js to make my "first ever website". Which got me my first internship https://cody811.github.io/BlockPlacer/Lost.html https://cody811.github.io/BlockPlacer/Lost.html
Ezhik 2y ago
I had an absolute blast playing with p5.js in college - I made my own little cellular automata with it back in the day: https://ezhik.me/beyond184/ https://ezhik.me/beyond184/ As a wonderful coincidence, the piece of digital art that got me interested in digital art in the first place - which is a delightful tribute to computing - also used p5.js: https://baku89.com/work/ffff?lang=en https://baku89.com/work/ffff?lang=en https://animethemes.moe/anime/subete_ga_f_ni_naru_the_perfect_insider/ED1-NCBD1080 https://animethemes.moe/anime/subete_ga_f_ni_naru_the_perfec... I think one of the hardest things for me as a programmer is getting through all the boilerplate to put the first pixel on the screen and p5.js solves that pretty well, letting me focus on more on the "creative" aspect of "creative coding". I probably wouldn't use p5.js for Big Boy Software Development, but whenever I want to sketch, it's the first digital tool I reach for.

468 points by alabhyajindal 2y ago

Big in: 2022 (244 points, 57 comments) https://news.ycombinator.com/item?id=33176026 https://news.ycombinator.com/item?id=33176026 2017 (349 points, 77 comments) https://news.ycombinator.com/item?id=14749527 https://news.ycombinator.com/item?id=14749527 2014 (381 points, 93 comments) https://news.ycombinator.com/item?id=8144212 https://news.ycombinator.com/item?id=8144212

trungdq88 2y ago

Pretty cool library to quickly build a game out of. I've built a small water simulation [1] with p5.js and really like how simple it is to learn p5. [1]: https://github.com/trungdq88/summer https://github.com/trungdq88/summer

alabhyajindal 2y ago
Very cool!

jna_sh 2y ago

Oh the new website shipped! They’ve been working on this for a while, looking great.

javaunsafe2019 2y ago

I tried the examples on a recent iPhone and all of them didn’t work :(

tymscar 2y ago
I tried first 5. All work on 15 pro max
- contrast 2y ago
  I tried the first 5 on my 15 pro max. First one didn’t work at all. They all stopped working if I pressed “play” on the example, giving the impression they’re broken.
dopidopHN 2y ago
I’m on a 2016 IPhone 5S and it works ?

rikroots 2y ago

I think the key reason why this link has been posted to HN now is because p5js has a new website? Back in 2023 the Sovereign Tech Fund gave the p5js folks a €450k grant[1] "to enhance p5.js Documentation organization & accessibility" and this seems to be some of the results of that investment. In my view, it seems to be paying off - the site feels a lot easier to navigate and search, with more useful information. For example, compare the old[2] and new[3][4] versions of how to use p5js editor/canvases with a screen reader. [1] - STF announcement/progress - https://p5js.org/events/stf-2024/ https://p5js.org/events/stf-2024/ [2] - Using p5 with a screen reader (old version) - https://archive.p5js.org/learn/p5-screen-reader.html https://archive.p5js.org/learn/p5-screen-reader.html [3] - How to Use the p5.js Web Editor with a Screen Reader (new) - https://p5js.org/tutorials/p5js-with-screen-reader/ https://p5js.org/tutorials/p5js-with-screen-reader/ [4] - Writing Accessible Canvas Descriptions (new) - https://p5js.org/tutorials/writing-accessible-canvas-descriptions/ https://p5js.org/tutorials/writing-accessible-canvas-descrip...

kapep 2y ago
It's nice that they keep the old site available as https://archive.p5js.org/ https://archive.p5js.org/ I'm not a fan of the layout on large screens though. The linked tutorial [1] is fixed width left-aligned paragraphs, which makes right half of my display empty. On the other hand, other elements like on the reference overview [2] are stretched in four columns across the whole display which looks ok when the browser window is half my displays width but is hard to read when the window is maximized. [1]: https://p5js.org/tutorials/p5js-with-screen-reader/ https://p5js.org/tutorials/p5js-with-screen-reader/ [2]: https://p5js.org/reference/ https://p5js.org/reference/
petercooper 2y ago
We also featured it quite prominently in yesterday's JavaScript Weekly. With ~175k subscribers, things we include often make it to HN front page hours later. It's next to impossible to actually prove the connection.. but it's just part of the fun of how links spread around the ecosystem for me :-)
- slorber 2y ago

Centigonal 2y ago

This is a really pretty website! I'm surprised that they decided to take out the part in the About section mentioning that this is a continuation of the ideas from Processing - I guess maybe now P5.js is more popular than processing is/was?

noduerme 2y ago
I really loved proce55ing as a mini language. I think it made a ton of sense in a world where it was fairly difficult to manipulate pixels inside something like a canvas inside a webpage if you wanted to make an interesting visual experiment. And it was also very readable and accessible to artists with little programming experience.
- layer8 2y ago
  Why the past tense?
bmitc 2y ago
> I'm surprised that they decided to take out the part in the About section mentioning that this is a continuation of the ideas from Processing There was a schism between Ben Fry and the Processing Foundation, so I would reckon it's political. One of his chief complaints was how the p5.js project had taken over the Processing Foundation and minimized Processing development.
- phforms 2y ago
  Some more context: Ben Fry posted a thread on X in 10/2023[1] where he announced and explained his decision to resign from the Processing Foundation. Seems like Processing got left out from expenses despite their large budget, running against their original reason to start the foundation: “I was soon shocked to learn that the Foundation spent nearly $800,000 last year. $0 of that went to Processing 4. This year, the proposed Foundation budget is around $1.2 million. But for Processing, there is budget for just two people: one developer, one community lead. You know what that sounds like? The reason we started a Foundation in the first place. Two people is not enough for any of the Processing software projects (i.e. anything that lives at a http://processing.org http://processing.org domain.)” I wonder if most of the money went into p5 or the new website or whatever, but it made me a bit sad to see that the original Processing got left behind. It is what got me into programming and there are still lots of good reasons to choose it over p5. I can, however, understand if they prioritised p5 due to the rise of web apps and mobile devices, sharability, JS being everywhere and so on. Maybe it’s nostalgia, but it just doesn’t bring me as much joy as the original. [1]: https://x.com/ben_fry/status/1709400641456501020 https://x.com/ben_fry/status/1709400641456501020

martijnvds 2y ago

Kind of sad that this isn't an implementation of Perl 5 in JS

atomicstack 2y ago
https://fglock.github.io/Perlito/perlito/perlito5.html https://fglock.github.io/Perlito/perlito/perlito5.html

nonoesp 2y ago

You can write and run code in the browser with p5.js's playground, and even create an account to store your code sketches. https://editor.p5js.org/nonoesp/sketches/ruSYeEUEH https://editor.p5js.org/nonoesp/sketches/ruSYeEUEH

alator21 2y ago

Daniel Shiffman was the one that introduced me to this library years ago. Their videos were essential to my development as a programmer

Flex247A 2y ago

https://editor.p5js.org/lalit.c/full/oN-oq5yM6 https://editor.p5js.org/lalit.c/full/oN-oq5yM6

whywhywhywhy 2y ago

I've used P5.js in a ton of my professional work although would suggest anyone interested in using it today know what happened with one of the founders of the foundation and creator of the original Processing language P5 derived from. https://news.ycombinator.com/item?id=37760363 https://news.ycombinator.com/item?id=37760363 Knowing what I know now I regret supporting the work of Processing Foundation.

password4321 2y ago
Looks like the Processing Foundation got Mozilla Foundation'd.
smrtinsert 2y ago
This explains a lot. In an era with so many performant graphics apis I didn't understand why processing/p5 felt so stuck, with no major changes in years. What a sad place to end up.

_spduchamp 2y ago

ChatGPT knows P5.js pretty well so you can ask "Write a P5 program that plots a sine wave and let's me control phase with a slider." and it does it. I used P5.js with ChatGPT to make a design tool that balances 5 masses on a circumference for creating a rotary magnetic bow with reduced harmonic locking. Drag vertices of the pentagon... https://editor.p5js.org/spDuchamp/full/zgtkE2xik https://editor.p5js.org/spDuchamp/full/zgtkE2xik Here 3D printed result https://www.instagram.com/p/Cr4ZXGztY27/ https://www.instagram.com/p/Cr4ZXGztY27/

zyklonix 2y ago
I am fascinated with this. What is it used for?
- _spduchamp 2y ago
  I use it to play music. Short demo: https://youtu.be/G1ftvw-Y6pk https://youtu.be/G1ftvw-Y6pk Open mic set: https://youtu.be/nKFK_OhQv3k https://youtu.be/nKFK_OhQv3k
  - zyklonix 2y ago
    Did you transform a coat stand into an awesome futuristic instrument??? So glad I asked. Brilliant work. This should be in the HN front page!
    - _spduchamp 2y ago
      Yup. That's exactly what I did. I made an album for falling asleep to that you can find on various streaming music services. Just search "Autonomous Drone Lullabies" by Stefan Powell. It's an album that was made autonomously using an algorithm in Pure Data. It's also here: https://stefanpowell.bandcamp.com/album/autonomous-drone-lullabies https://stefanpowell.bandcamp.com/album/autonomous-drone-lul...
      - evanjrowley 2y ago

ikesau 2y ago

Love p5 - I learned a bunch of new concepts through it: polar coordinate space; thinking in radians; dot products; event-driven programming. It's one of the fastest ways I know of to make something fun and expressive in code.

sjdonado 2y ago

Really good library and documentation, helped me to jump into animations in no time.Got this https://cs-games.sjdonado.com/ https://cs-games.sjdonado.com/ done in a few days

e40 2y ago
On mobile the right third of the board is cut off.

john-tells-all 2y ago

I adore P5js -- the community OpenProcessing[1] has thousands of wonderful artworks that are easily viewed, cloned, and modified. I'm mostly a Python guy but making small changes to P5js programs has helped me learn Javascript. [1] -- https://openprocessing.org/discover/#/trending https://openprocessing.org/discover/#/trending

thaithrowawayy 2y ago

[flagged]

jerpint 2y ago

Ive used p5js to build my own Tetris game with vim bindings :) https://www.jerpint.io/blog/tetris/ https://www.jerpint.io/blog/tetris/

alabhyajindal 2y ago
Amazing! I made a Sudoku game with vim bindings: https://vimsudoku.com https://vimsudoku.com

petarb 2y ago

I started learning how to program using Processing about 16 years ago, so P5 and other similar libraries always have a soft spot in my heart. It’s so gratifying for a beginner to write some code and see some shapes move around the screen.

jimmar 2y ago

Is there a JavaScript library that does animation using timelines, key frames, etc? It seems like p5js and several other animation libraries focus on things like partial simulations or other animations driven by mathematical formulas rather than animations done by placing objects on timelines and transforming them.

wsintra2022 2y ago
It has a frame rate property you can reference
rikroots 2y ago
GSAP[1] is pretty much the industry standard, I think. You have to pay for some of its more advanced features. There's also Anime.js[2] and Scene.js[3] - but I've never played with them so can't vouch for their usefulness. Both have had code updates in the past year. (Self-promotion time) I had a lot of fun adding an animation/tween system to my canvas library[4] a while back. Building out the code to run such animations is one thing; making it performant is a very different challenge![5] [1] https://gsap.com/ https://gsap.com/ [2] https://github.com/juliangarnier/anime/ https://github.com/juliangarnier/anime/ [3] https://github.com/daybrush/scenejs https://github.com/daybrush/scenejs [4] https://github.com/KaliedaRik/Scrawl-canvas https://github.com/KaliedaRik/Scrawl-canvas [5] SC tween stress test - https://scrawl-v8.rikweb.org.uk/demo/canvas-006.html https://scrawl-v8.rikweb.org.uk/demo/canvas-006.html
_rerr 2y ago
I've done some things with Svelte motion, such as tweened / spring [0]. This gradient descent visualizer is made with it for example [1] to interpolate the points when the prediction line moves. [0] https://svelte.dev/docs/svelte-motion https://svelte.dev/docs/svelte-motion [1] https://gradfront.pages.dev/ https://gradfront.pages.dev/

FounderBurr 2y ago

I’m not convinced about the inclusiveness claims made here, can you offer more proof?

soegaard 2y ago

Processing (the original Java one) has inspired many libraries. These days it is possible to find (more-or-less) compatible libraries for most popular language. As a summer project I wrote a version for Racket: https://docs.racket-lang.org/manual-sketching/ https://docs.racket-lang.org/manual-sketching/ The main inspiration was Daniel Shiffman's YouTube channel "The Coding Train". He has a knack for picking visual interesting problems/algorithms and his enthusiasm is unmatched. https://thecodingtrain.com/ https://thecodingtrain.com/

throw156754228 2y ago

It is indeed slow. It's a library written by non-developers for non-developers and it shows in the APIs.

tentacleuno 2y ago
Could you explain why you've drawn this conclusion? The API seems OK on the surface.

trentearl 2y ago

Nice new website! Great project, I've been using it since the pro55esing java applet days. I got my 10 year old niece interested in programming by showing her some quick openprocessing code.

lunagcezar 2y ago

The p5.js is a really awesome library because of their increased functionality and ease of use for artistic applications. Last year, I made a p5.js and Ruby on Rails powered application [1] [2] for my Bachelor's degree that allowed the user to create generative art directly from the user interface, and the experience with that tool was straightforward. [1] - https://www.facili.art/ https://www.facili.art/ [2] - https://github.com/murciof/faciliart https://github.com/murciof/faciliart

pmohun 2y ago

Strange but true: p5 was a major component in the recent popularization of generative art — a branch of computer art that relies on computer generated visuals based on random seeds. p5 was a core dependency for Art Blocks, a popular Ethereum art platform that gained popularity due to its asset class of entirely generative artworks.

NotAnOtter 2y ago

I used p5.js to make my "first ever website". Which got me my first internship https://cody811.github.io/BlockPlacer/Lost.html https://cody811.github.io/BlockPlacer/Lost.html

Ezhik 2y ago

I had an absolute blast playing with p5.js in college - I made my own little cellular automata with it back in the day: https://ezhik.me/beyond184/ https://ezhik.me/beyond184/ As a wonderful coincidence, the piece of digital art that got me interested in digital art in the first place - which is a delightful tribute to computing - also used p5.js: https://baku89.com/work/ffff?lang=en https://baku89.com/work/ffff?lang=en https://animethemes.moe/anime/subete_ga_f_ni_naru_the_perfect_insider/ED1-NCBD1080 https://animethemes.moe/anime/subete_ga_f_ni_naru_the_perfec... I think one of the hardest things for me as a programmer is getting through all the boilerplate to put the first pixel on the screen and p5.js solves that pretty well, letting me focus on more on the "creative" aspect of "creative coding". I probably wouldn't use p5.js for Big Boy Software Development, but whenever I want to sketch, it's the first digital tool I reach for.