Project #2 Experimental Camera

Description

Project Description

The exact paragraph that I copied from assignment describtion.

Conventional cameras imitate the resolution, depth of field, and color range of the human eyes. The machine’s close resemblance to human biology and its claim to deliver objective reality camouflages the embedded biases in camera technology such as the unfortunate racial bias in the history of photography.

For Project 2, you will design and create an experimental camera with a specific purpose or usage in mind. Some questions to get you started:
-What does it mean to design a camera that is meant to capture a specific person, place, or object?
-How can camera filters change the way we perceive ourselves and the others?

You could integrate a Teachable Machine model to create a camera filter for a specific context. For example, your idea might be to build a zoom filter that translates certain gestures into easy-to-read text. Or you might build a camera filter that superimposes and celebrates face jewelry that is from your culture. Whatever your idea is, be intentional and thoughtful about how you will integrate Teachable Machine into your sketch.

Really think carefully about typography, sequence, and the user experience. Test your camera out with friends or strangers to help you understand potential pitfalls in your interface. Where do people get stuck or confused? How can you make things as clear and accessible as possible? And finally, you will be thinking a little more strategically about your code organization. Try to compartmentalize your logic using user-defined functions and/or classes. If your draw() function is getting very long, chances are you can move some of the logic out into it's own function or class.

In your camera design you are expected to interact with the DOM and use some of the new topics introduced like createGraphics() and / or loadPixels().

In Class

In class glitch effect testing:

Testing

Button testing:

Item collision testing:

Trying to move the whole background:

Grayboxing

Wall generating (with adding on targets):

Wall generating (after collect, the target went crazy):

FINAL Graybox (video + buttons):

FINAL VERSIONS:

ExCam ver1(before feedbacks) :

Feedbacks after presentation

ExCam ver2 (after feedbacks):