Adding missing examples to the documentation.

[deveshidwivedi]

Resolves #6750

Changes: Added some of the missing examples.

Before:

After:

PR Checklist

• npm run lint passes
• Inline documentation is included / updated
• Unit tests are included / updated

[davepagurek]

It looks like currently tests are failing from a linting error:

Running "eslint:source" (eslint) task
/home/runner/work/p5.js/p5.js/src/dom/dom.js:4664:72: Trailing spaces not allowed. [Error/no-trailing-spaces]
/home/runner/work/p5.js/p5.js/src/webgl/p5.Geometry.js:310:16: Trailing spaces not allowed. [Error/no-trailing-spaces]
/home/runner/work/p5.js/p5.js/src/webgl/p5.Geometry.js:311:16: Trailing spaces not allowed. [Error/no-trailing-spaces]
/home/runner/work/p5.js/p5.js/src/webgl/p5.Geometry.js:329:53: Trailing spaces not allowed. [Error/no-trailing-spaces]
/home/runner/work/p5.js/p5.js/src/webgl/p5.Geometry.js:944:59: Trailing spaces not allowed. [Error/no-trailing-spaces]
/home/runner/work/p5.js/p5.js/src/webgl/p5.Geometry.js:947:3: Trailing spaces not allowed. [Error/no-trailing-spaces]

(I haven't taken a closer look just yet at the changes, I'll do that soon. Thanks for taking on this task and adding so many examples!)

[deveshidwivedi]

I'll fix these..

[perminder-17]

Thank you @deveshidwivedi for raising this point. It's essential for new learners who may struggle with understanding concepts without clear examples. Your examples are excellent. I'd like to add a few cleanup for this one. :)

[deveshidwivedi]

Thank you!@perminder-17
Please share any suggestions for refinement you may have.

[perminder-17]

Oops Idk why my review is not showing up, maybe due to the access. Sharing the screenshots though :')

[limzykenneth]

@perminder-17 You seem to have started the review but not submitted it, on the top right of the code review page you need to press "Review changes" > "Submit review" for it to show up.

[perminder-17]

I'm uncertain about whether we should include examples in all files containing the same method, such as pixelDensity, which is present in three files. If it's advisable, we could consider adding relevant examples in each corresponding file. What are your thoughts on this matter? for the example (pixelDensity), I believe we're referring to the method created on p5.framebuffer. Could we include an example related to using framebuffer instead of createGraphics? This might provide more relevant examples. What you think?

[deveshidwivedi]

Yes, for p5.Framebuffer.pixelDensity it would indeed be more relevant to add an example using framebuffer instead of createGraphics.

[perminder-17]

@perminder-17 You seem to have started the review but not submitted it, on the top right of the code review page you need to press "Review changes" > "Submit review" for it to show up.

Thanks... My bad😂