About


This is a Javascript code snippet I originally had made for work with ICRAR and their website

AstroQuest

. It took some time to figure out how to make this work for the very specific scenario, this website posed.

headphones
Web App screen capture

On ICRAR's website, the case was that a random image would be pulled from a database, so this needed to work with any linked image. Each button at the bottom is one colour channel that has been grayscaled.

The buttons, when pressed, will display their colour channel on the big canvas.

Design Process


The whole script runs off one image, no additional images are created or saved, and it all runs on the client's side.

The three grey buttons and the big image are all canvases that are filled using the altered image data when called.

Check Out the

code on github!

large variety of headphones

Contact me

wicenecmw@gmailcom