Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

Color Blind Messages

Try at : http://srih4ri.github.io/custom_color_blindness_test

Draw a pattern similar to ishihara's color blindness text. User can enter the text using a tiny text box at the top too.

How?

  • onColors and offColors look same to color blinds, but not for others.
  • Draw the text on canvas.
  • Capture this text as bitmap.
  • Iterate over this bitmap mapped as x,y co-ordinates on canvas and draw them using off colors.
  • Fill the rest of the area with on colors.
  • Use a dumb collision detection so we don't overlap circles.

About

A tiny web app that lets you create custom Ishihara-style color blindness tests—type your own text and see how subtle color choices can hide (or reveal) it to different eyes. Built with plain HTML, CSS, and JavaScript using the HTML5 Canvas API.

Topics

Resources

Stars

4 stars

Watchers

0 watching

Forks

Contributors

Languages