Skip to content

EduardaSRBastos/vision-simulator

Repository files navigation

Vision Simulator

GitHub License GitHub branch check runs GitHub repo size

A vision simulator that recreates how humans and animals perceive the world through various visual conditions and color deficiencies.

image


Table of Contents


Features

  • Animal Vision Simulation: Experience how cats and dogs perceive colors and light intensity.
  • Color Vision Deficiencies: Explore color blindness types including Deuteranopia, Protanopia, Tritanopia, and Achromatopsia.
  • Eye Condition Simulation: Visualize effects of Myopia, Hyperopia, and Astigmatism.
  • Live Image Comparison: Use a slider to compare normal vision with simulated vision in real-time.
  • Local Image Upload: Upload your own image (JPG/PNG) to test the filters — all processing happens locally.
  • Privacy First: No data or images are stored or transmitted.

How to Use

  1. Upload an Image: Click on “Upload an Image” and select a JPG or PNG file from your device.
  2. Choose a Vision Type: Select from available vision modes such as Cat, Dog, Protanopia, Myopia, etc.
  3. Compare Views: Drag the slider left or right to visually compare normal vision with the simulated one.
  4. Switch Filters Instantly: Click any other mode button to immediately view its effect.
  5. Observe Differences: Notice color shifts, blur levels, and brightness variations unique to each vision condition.

Mockups

Desktop Mobile

PageSpeed Insights Performance Score

Contributing

  • Support this project by giving it a star ⭐. Thanks!
  • Feel free to suggest improvements or report any issues in the repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A vision simulator that recreates how humans and animals perceive the world.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Contributors