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.

まず、参照されている p5.js のビジュアルテストに関するドキュメントを読み、画像比較プロジェクトを確認してください。次に、Processing に既存の GitHub ワークフローと現在のスナップショットテストを調査してください。Processing 用のビジュアルスナップショットフレームワークが存在し、ピクセル比較とワークフロー統合が自動化され、関連する p5.js テストが移植されるか、新しい Java テストが追加されれば完了です。