Project #2 Experimental Camera
Description
Project Description
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):