Create a Basic Feedback Effect for the Examples Page

[aceslowman]

Increasing Access

Texture feedback is a simple and easy to use effect that can sometimes be difficult for newcomers to figure out in a straightforward way. I am proposing a simple example for the website that shows how to create texture feedback without shaders, which will be easy to learn from and extend.

I will be taking on this task myself as part of my work on WebGL examples and documentation for GSOC. Let me know if there is any issue with this!

Most appropriate sub-area of p5.js?

• [ ] Accessibility (Web Accessibility)
• [ ] Build tools and processes
• [ ] Color
• [ ] Core/Environment/Rendering
• [ ] Data
• [ ] DOM
• [ ] Events
• [ ] Friendly error system
• [ ] Image
• [ ] IO (Input/Output)
• [ ] Localization
• [ ] Math
• [ ] Unit Testing
• [ ] Typography
• [ ] Utilities
• [X] WebGL
• [X] Other (specify if possible)

Feature enhancement details

The example will involve creating two buffers, one with simple geometry and another that will hold the previous frame. The result will be a minimal example of feedback applied to the image.

[Qianqianye]

Sounds great @aceslowman! Just wondering if this issue will be a better fit in the p5.js-website repo? You might also want to check out the p5.js Website / Translation Stewards Open Call 🎉 processing/p5.js#1220, in which we have a focus area about the example page.

[aceslowman]

Great, thank you @Qianqianye, I'll move this to the p5js website repo! Should I close this issue?

[Qianqianye]

Yes, let's close this one for now. Thanks @aceslowman!

[aferriss]

FWIW I have some feedback examples on this repo, feel free to adapt or use them if they're helpful in any way!

https://github.com/aferriss/p5jsShaderExamples/tree/gh-pages/4_image-effects/4-16_video-feedback