Add a matching example for the Processing | Color | Brightness example

[jvycee]

Increasing Access

My goal is to achieve the objectives of increasing access to "People who lack opportunities and/or resources to engage with creative coding due to class or income" and "People with little or no prior experience in open source and creative coding".

I've been a member of both groups. And I want to help move folks from beginner to advanced beginner. Providing simple examples written clearly is one way to facilitate this process. To put it another way, I aim to be a resource the "I" needed two years ago (aka in the past).

Most appropriate sub-area of p5.js?

Examples

Feature request details

My goal - add a simple and clear example that matches the Processing example.

Processing > Color > Brightness — Brightness example
p5.js > Color > Brightness — Brightness example

What I'm trying to solve:

• The goal stated here, "porting the examples from the processing examples page to the p5.js examples page."
• Providing an example that matches the Processing example created by Rusty Robison. The p5.js example is very cool, but doesn't match the Processing example, and it's a bit more of a complex application. I believe my example is a good supplement to the one already provided by Daniel Schiffman ❤️
• To help folx grow from beginner to intermediate users 🌱

Steps taken:

• followed the guide — Adding examples
• Forked the repo
• Cloned it locally
• My proposed example — Brightness | Brightness (w/ comments)
• Created this post 😊

[limzykenneth]

The current color brightness example is actually a duplicate of the image brightness example and so doesn't really fit in well. The Processing one for color brightness looks great and is also much simpler. Do go ahead and replace the existing color brightness example with what you have here! Thanks.

[jvycee]

Thank you! I'll get started ✅

[arianxq]

Hello @jvycee and @limzykenneth,

I've read through this issue and would like to contribute by implementing the proposed changes to the Brightness example. I've reviewed the proposed example and the discussion here, and I believe I can create a PR to resolve this.

I plan to:

• Add a new, simpler Brightness example that matches the Processing example.
• Ensure the example is clear and beginner-friendly.
• Test the example to ensure it works as expected.

If there's anything specific I should know or any guidelines I should follow (other than the Adding examples guide), please let me know. I'm looking forward to contributing!

[limzykenneth]

@arianxq There is no other specific guidelines at the moment other than the Adding Examples Guide you linked to. For the example I'd prefer the version created by @jvycee instead of a brand new one.