Software Alternatives, Accelerators & Startups

p5.js

JS library for creating graphic and interactive experiences.

p5.js Reviews and details

Screenshots and images

  • p5.js Landing page
    Landing page //
    2023-07-22

Features & Specs

  1. Ease of Use

    p5.js simplifies the process of learning and creating interactive graphics with its intuitive syntax, making it accessible for beginners.

  2. Web-Based

    As a JavaScript library, p5.js runs directly in the web browser, enabling easy sharing and embedding of interactive sketches online without the need for additional plugins.

  3. Creative Coding Community

    p5.js is supported by a vibrant community that shares a plethora of examples, tutorials, and resources, facilitating learning and troubleshooting.

  4. Extensibility

    Its modular architecture allows for easy integration with other libraries like p5.sound, p5.dom, and even external JavaScript libraries, enhancing its functionality.

  5. Accessibility

    p5.js emphasizes inclusivity, offering features that make it easier to create accessible web content, such as screen reader support.

Badges

Promote p5.js. You can add any of these badges on your website.

SaaSHub badge
Show embed code

Videos

Processing or p5.js? My opinions

Q&A #1: Side-Scroller in p5.js

17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about p5.js and what they use it for.
  • Ask HN: Who Are Your Favorite Photography and Generative Coding Artists?
    p5.js is a JavaScript library that I've enjoyed messing with. It's related to Processing. https://p5js.org/. - Source: Hacker News / 2 months ago
  • Art Blocks and the Future of Open Source with Blockchain
    Art Blocks, founded by Erick Calderon in 2020, is a platform that enables artists to create generative art using blockchain technology. It operates on the Ethereum blockchain, leveraging smart contracts to mint unique art pieces as NFTs. The process begins with artists submitting scripts that define the artwork's parameters. Once approved, these scripts generate unique pieces upon purchase, offering collectors a... - Source: dev.to / 2 months ago
  • Rant: state of generative AI in code generation.
    In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well. - Source: dev.to / 3 months ago
  • Procedural Generation and Noise
    For this most recent assignment we were tasked with contributing a larger feature to an open source project. During my time with the previous assignment I worked on a game engine called Litecanvas, inspired engine by libraries like raylib and p5.js/Processing. - Source: dev.to / 5 months ago
  • Antirez/load81: SDL based Lua programming environment for kids similar to Codea
    Let’s not forget P5js which has a long and esteemed history of helping to teach kids and more to program. It’s browser based so it’s compatible with every OS and requires no install. FOSS with an active community of users and contributors. I personally taught some middle schoolers with zero programming experience how to make interactive monsters in 1 hour. It was awesome! https://p5js.org/. - Source: Hacker News / 6 months ago
  • Ask HN: Platform for 11 year old to create video games?
    Https://p5js.org/ Basic 60 frames a second canvas and the rest is JavaScript. Pair that with the excellent Coding Train series https://youtube.com/@thecodingtrain To get around the "serve a webpage locally" problem, you could either have Python or Node serve a webpage, or I once rigged up a samba share and a small web server on a home server and turned a kid loose on it ... It didn't take, I should have spent more... - Source: Hacker News / 7 months ago
  • Exploring Generative Art with JavaScript
    Generative art is a technique where the artist creates systems, usually in the form of algorithms, that autonomously generate artworks. These systems can produce infinite results from an initial set of rules, making the process fascinating and full of possibilities. In this article, we will delve into the world of generative art using JavaScript and, more specifically, the popular library p5.js. - Source: dev.to / 8 months ago
  • Exploring Raylib and Open Source
    I selected this library as I normally use much higher-level tools to develop games such as p5.js, or GDevelop. Both these tools are amazing in their own right; however, I want to learn how these processes operate on a much lower level. These tools take care of a lot of issues for you ranging from asset to memory management. Raylib is still cross-platform but does not handle these tasks for the programmer which I... - Source: dev.to / 8 months ago
  • If Feynman Was Teaching Today a Simplified Python Simulation of Diffusion
    This somehow reminds me of the Coding Challenges from The Coding Train: https://youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Though he uses https://p5js.org/ for most if not all of his challenges (at least the last time I watched his videos). - Source: Hacker News / 10 months ago
  • HyperCard Simulator
    If you're looking for digital interactives that are easy, you might like p5.js. https://p5js.org/ Flash went away faster than a replacement emerged. When Flash went away, it was very clear to me that if HTML5 at that time was the future and it's immediate replacement, we were screwed. If you're looking for something that could build next, Flutter seems to be carrying on the promise of one codebase to run on... - Source: Hacker News / 10 months ago
  • Battlesnake Challenge #2 - JavaScript
    JavaScript is everywhere. Not only is JavaScript on every layer of the tech stack (frontend/middleware/backend), but you can also find JavaScript in every software domain. No matter if you want to do command-line tools, creative coding, or machine learning, you can do it in JavaScript. Because JavaScript is so ubiquitous, as a developer it’s the best career choice you can make. - Source: dev.to / 12 months ago
  • Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call
    The Processing Foundation is thrilled to announce the open call for pr05 (pronounced “pros”), a new grant and mentorship initiative designed to support the professional growth of early to mid-career software developers through hands-on involvement in open-source projects. This is a unique opportunity to grow as a developer while making a tangible impact on software projects used by millions of creatives, artists,... - Source: dev.to / 12 months ago
  • How to build an associative graph using React + p5
    I'm using the JavaScript graphics library p5 inside a react component, like so:. - Source: dev.to / 12 months ago
  • Turbo Pascal Turns 40
    Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / over 1 year ago
  • My Google Play Developer account has been terminated
    I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps. - Source: Hacker News / over 1 year ago
  • Repetition can make you loopy!: Intro to JavaScript Loops
    In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples. - Source: dev.to / over 1 year ago
  • Ask HN: How to teach a kid of 15 Linux and programming
    > how do I get him learning programming in a fun way? Processing / P5.js can be pretty fun to learn. You use a real programming language to create art and animations. With little code you can get a circle on the screen, then making it move, then following your mouse, then adding other shapes, then changing colour depending on some event… It’s conductive to experimentation and a way to gradually introduce concepts.... - Source: Hacker News / almost 2 years ago
  • [OC] I created a simple, free waveform and genre visualizer for your top ten Spotify songs, a few samples below and link to the tool in the comments!
    Then I used p5js to create the 'art' itself, really user friendly coding framework with lots of resources online! If you want to get into coding, that is a really great entry point with Daniel Schiffman's coding train videos on YT! Source: almost 2 years ago
  • Tower of Hanoi in P5.js + WASM
    I found P5.js, it is sort of the JS version of Processing and it has everything I was looking for, a complete API for rendering, painting images and text, calling DOM elements and much more. - Source: dev.to / almost 2 years ago
  • Do any of you code to de-stress?
    Same, no test, no code quality, just drawing animated stuff for the joy. I love doing funny code with https://p5js.org/. Source: about 2 years ago
  • I thought programming would save my life, but I gave up, and that's ok
    Https://p5js.org play around with this? My friend makes visuals for his live music same time as he djs… fascinating guy he is! Source: about 2 years ago

External sources with reviews and comparisons of p5.js

20+ JavaScript libraries to draw your own diagrams (2022 edition)
A JS client-side library for creating graphics and interactive experiences, based on the core principles of Processing to make coding accessible to artists, designers and educators. Beyond drawing, this project provides offers web audio functionality, collision detection and even generation of graphical user interfaces from p5.js sketches.
8 Best Free and Open-Source Drawing Libraries in JavaScript
The p5.js library is a great option for people who are looking for a library that doesn't have a steep learning curve, but which can create very complicated systems if necessary. The get started with P5.js page on the official website has a functional example that draws circles wherever you move your mouse in only a few lines of code.

Do you know an article comparing p5.js to other products?
Suggest a link to a post with product alternatives.

Suggest an article

p5.js discussion

Log in or Post with

This is an informative page about p5.js. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.