Implement image comparison for visual tests

Implement a visual snapshot testing system, inspired by the one used in p5.js.

[!NOTE]
This has been added to our pr05 2025 project list.

Goals

• Develop a visual snapshot testing framework for Processing.
• Automate image comparisons using pixel matching (e.g., image-comparison).
• Integrate the testing system into GitHub workflows.
• Port existing p5.js snapshot tests and develop new ones for Processing’s Java environment.

Motivation

This will benefit both the Processing community and its future contributors by providing a reliable way to catch visual regressions, making it easier for contributors to propose changes with confidence.

References

Read more about the p5.js approach in the documentation and this contributor blog post.

Comienza leyendo la documentación de pruebas visuales de p5.js referenciada y revisando el proyecto de comparación de imágenes; después, inspecciona los workflows existentes de GitHub de Processing y cualquier prueba de snapshot actual. Se considerará terminado cuando exista un framework de snapshots visuales para Processing, las comparaciones de píxeles y la integración con los workflows estén automatizadas, y se hayan portado las pruebas relevantes de p5.js o se hayan añadido nuevas pruebas en Java.