I Spy Colour - Mobile Version (Week 1 Theme: Play & Observation)

By Helen Kwok

This is an updated mobile version to my response for Week 1's APD - I Spy Color: http://magistudio.net/work/i-spy-colour-week-1-theme-play-observation
^ Please visit the above link for my Week 1 APD writeup (Theme, Context, Method, Response, Reflection). 

PLAY on your mobile device (this version is not designed for desktop): https://editor.p5js.org/heyitshelen/full/k83RTDFua

Instructions:

1. Press the 'Generate Colour' button to generate a random colour.
2. Find an object nearby that matches the random colour.
3. Press the 'Snapshot it!' button when you find a match!

----------

Obviously I'm having too much fun with this, as I continued to develop this when I got back home. >_<

Through this second iteration, I also learnt how to use the saveCanvas() function, setting variables and creating buttons.

Some additions:

• Got the live video feed to come from the rear camera of the phone
• Added a button to generate random colour
• Added a button to save a screenshot when a match is made - this is still manually done at the moment by the user. Haven't implemented OpenCV function yet to auto-detect colour match.
• When the snapshot button is activated, a PNG file is saved to the user's phone

The whole user experience was much more user-friendly. Now that I'm using the rear camera, I can actually scan around the room with my phone to look for objects that matched the random colour on screen.