Language
Javascript
Tool Type
Algorithm
License
GNU Lesser General Public License version 2.1
Version
1.7.0
The Processing Foundation
p5.js is a JavaScript programming language library that makes creative coding on the web easier for artists and designers. It offers a complete set of drawing functions, allowing you to view the browser page as an interactive canvas. This tool was designed to democratize visual programming, facilitating learning and creative expression. Its extensive use in educational and artistic projects reinforces commitment to the creative community, fostering collaboration and visual innovation.
p5.js allows users without programming experience to explore visual creation on the web, expanding access to interactive design tools and programming education.
Simple Canvas Drawing: Provides easy-to-use functions for drawing shapes, images, and text on HTML5 canvas. Event Handling: Allows users to respond to mouse and keyboard events for interactive graphics. Animation: Supports frame-based animation for creating dynamic visuals. Libraries and Extensions: Offers a range of libraries and extensions to expand functionality. Educational Resources: Provides extensive documentation, tutorials, and examples for learners. Community and Collaboration: Encourages a global community of users and contributors. Cross-Platform: Works across various web browsers and platforms. Creative Expression: Empowers individuals to explore creative coding and express ideas through visuals. Code Export: Enables users to export and share their interactive projects easily.
Developed as a JavaScript library, it extends Processing principles to enable interactive creation in HTML5. Supports text, input, video, webcam, and sound. Open source, with comprehensive documentation and active community support that encourages collaboration and learning.
Connect with the Development Code team and discover how our carefully curated open source tools can support your institution in Latin America and the Caribbean. Contact us to explore solutions, resolve implementation issues, share reuse successes or present a new tool. Write to [email protected]
Home page of "p5.js", an open-source JavaScript library for creative coding. Buttons on the left include options like Editor, Download, Donate, and Learn. Button to create with the p5 editor.
The image shows instructions to start with p5.js. It includes a code example: `setup()` and `draw()` functions create a 400x400 pixel canvas with a light grey (220) background.
This image displays a list of example categories from the p5.js website, which include coding topics like Structure, Simulate, and 3D for educational purposes.
Main website with complete information about the library.
Step-by-step lessons to learn how to use p5.js from scratch or improve existing skills.
Interview about the promotion of p5.js and its accessibility in Latin America.
Collection of examples showing the capabilities of p5.js in various projects.