Q&A #5: The History of p5.js and Processing

TL;DR

Explore the evolution and principles behind p5.js and Processing in a journey from design to diversity.

Transcript

• Hello, welcome to a Q and A video. In this particular video, I am going to talk about, I'm going to answer this question. Now (laughs) you might notice on this GitHub repository that it was this person whose name is Shiffman who asked this question. So, somebody asked me this question, I get this question a lot and so I just added it to the GitHu... Read More

Key Insights

• 👨‍💻 Processing and p5.js share a history rooted in making coding accessible and creative, with p5.js focusing on web interactivity.
• 🤗 The lowercase "p" in p5.js signifies a shift towards inclusivity and diversity in open-source development.
• ❓ p5.js integrates with HTML and CSS, offering enhanced creative possibilities through DOM manipulation.
• 💯 Processing Foundation's commitment to diversity influences core design decisions and community engagement.
• 🎚️ Both platforms offer visual and interactive capabilities, catering to different skill levels and backgrounds.
• 📽️ The p5.js project encourages inclusivity from project inception, aiming to create a welcoming and diverse community.
• 💯 The history and development of Processing and p5.js trace back to their core principles of accessibility and creativity.

Questions & Answers

Q: What inspired the creation of p5.js and its emphasis on diversity?

The lowercase "p" in p5.js signifies a break from traditional open-source norms towards inclusivity, diversity, and accessibility. The project aims to include diverse contributors and cater to various skill levels and backgrounds.

Q: How does p5.js integrate with HTML and CSS for enhanced creative possibilities?

p5.js not only leverages JavaScipt but also offers DOM manipulation, allowing users to create interactive web elements beyond canvas graphics. This integration enhances the visual output and interactive capabilities of projects.

Q: How does Processing Foundation's commitment to diversity influence core design decisions?

Diversity and inclusivity are foundational principles guiding the development of p5.js, shaping every aspect of the project from its design choices to community engagement. It aims to create an open-source toolkit that welcomes individuals from diverse backgrounds.

Q: Why is the lowercase "p" significant in p5.js, and what does it represent?

The lowercase "p" in p5.js symbolizes a new tradition of inclusivity, challenging conventional norms in open-source development. It reflects a commitment to diversity and accessibility in the project's design and community involvement.

Summary & Key Takeaways

• Processing and p5.js have roots in Design by Numbers, evolving into accessible and creative coding platforms.

• The lowercase "p" in p5.js symbolizes inclusivity and diversity in open-source projects.

• Both platforms offer visual and interactive capabilities, with p5.js emphasizing DOM manipulation in a web environment.