Table of contents
p5.js
JS library for creating graphic and interactive experiences.
As p5.js is an open source project, you can find more
open source alternatives and stats
on LibHunt.
Ease of Use
p5.js simplifies the process of learning and creating interactive graphics with its intuitive syntax, making it accessible for beginners.
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.
Creative Coding Community
p5.js is supported by a vibrant community that shares a plethora of examples, tutorials, and resources, facilitating learning and troubleshooting.
Extensibility
Its modular architecture allows for easy integration with other libraries like p5.sound, p5.dom, and even external JavaScript libraries, enhancing its functionality.
Accessibility
p5.js emphasizes inclusivity, offering features that make it easier to create accessible web content, such as screen reader support.
p5.js is a highly regarded tool for creative coding, offering a versatile platform for interactive graphics and art. Its simplicity and powerful functionality make it a popular choice in the creative coding community.
We have collected here some useful links to help you find out if p5.js is good.
Check the traffic stats of p5.js on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of p5.js on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of p5.js's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of p5.js on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about p5.js on Reddit. This can help you find out how popualr the product is and what people think about it.
p5.js is a JavaScript library that I've enjoyed messing with. It's related to Processing. https://p5js.org/. - Source: Hacker News / 4 months ago
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 / 4 months ago
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 / 4 months ago
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 / 7 months ago
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 / 8 months ago
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 / 9 months ago
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 / 9 months ago
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 / 9 months ago
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 / 12 months ago
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 / 12 months ago
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 / about 1 year ago
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 / about 1 year ago
I'm using the JavaScript graphics library p5 inside a react component, like so:. - Source: dev.to / about 1 year ago
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
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
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 / almost 2 years ago
> 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
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: about 2 years ago
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 / about 2 years ago
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
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
p5.js has cultivated a robust and enthusiastic community, celebrated for its ability to break the barriers of entry into the world of coding, particularly for artists, designers, and educators. As an open-source JavaScript library that draws inspiration from the Processing foundation, p5.js emphasizes accessibility and creativity, fostering an environment where complex interactive graphics can be created with relatively little code. Public perceptions of p5.js reveal a mix of admiration for its artistic capabilities, ease of use, and educational value.
One of the standout themes in discussions about p5.js is its user-friendly nature. It is frequently praised for having a gentle learning curve fortified by abundant resources, including tutorials and community support. This accessibility makes it an excellent tool for beginners and those interested in creative coding. The library is particularly popular in educational settings, where it serves as a versatile introduction to programming concepts through visual and interactive projects. Notably, p5.js is often highlighted alongside educational resources such as The Coding Train videos, which leverage the library to teach programming basics and more advanced concepts in an engaging format.
In the realm of generative art, p5.js stands out as a prominent choice for both novices and experienced artists. Its capacity to produce intricate systems and interactive experiences underscores its flexibility and power. Users appreciate the depth of possibilities it offers, as it supports not only visual art creation but also integrates functionalities such as web audio, collision detection, and graphical user interface development from sketches.
Integration with blockchain technology is also a topic of interest, particularly in platforms like Art Blocks, where p5.js scripts help define generative art parameters. This intersection with blockchain highlights the library's versatility and its role in pioneering modern digital art landscapes.
Despite its advantages, p5.js is not without critiques. Comparisons with its predecessor, Processing, reveal some dissatisfaction, particularly concerning documentation accessibility. While online resources for p5.js are extensive, some users miss the offline, static documentation Processing provided, viewing this as a limitation for environments with restricted internet access.
The public consensus indicates that p5.js remains a seminal tool within JavaScript UI Libraries, especially for those focused on creative and educational applications. Its active community, ease of use, compatibility across platforms, and alignment with open-source principles make it a cherished resource for artists, educators, and developers. As it continues to evolve, p5.js is poised to maintain its status as a foundational library in the creative coding domain, promoting both innovation and inclusivity in digital art and education.
Do you know an article comparing p5.js to other products?
Suggest a link to a post with product alternatives.
Is p5.js good? This is an informative page that will help you find out. Moreover, you can review and discuss p5.js 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.
