Project 8 Consentful Interface (Camera Version 2)
Check my code HERE
Design Process
1: Continuing my project No.6, which is the experimental camera, I create a UI flow that allows audiences to choose if they are willing to open the webcam and use my designed camera.
2: And then I design a launching camera page, which increases the sense of mystery. I make a real looking start button in AI, I think audiences can feel more engaged to see an authentic button.
3: On the camera scene, based on the experimental camera I did before; I add a slider that audiences can drag to adjust the filter color. There is also a “take photo” button that allows audiences to make a screenshot and download the camera information.
Reflection
1: By doing this assignment, I explored more on how to switch the scene effectively. I also thought that the DOM module was super useful to create some basic UI contents.
2: I may spend more time on make adjustment of the style.css since I am taking the Javascript class and the instructor teaches us the connection between html, js and css. I also find that there are many similarities of the code language between js and p5js, it’s really interesting to explore the relationship.