Project #8: Consentful Interface

Description

In this project, we went back to project 6: Experimental Camera, and revised it by adding a consentful interface to it following the F.R.I.E.S principle. The F.R.I.E.S principles means freely given, reversible, informed, enthusiastic and specific. We also learned how to add DOM elements to our program through JavaScript, while reviewing the knowledge of switch statements we learned a few weeks ago.

Technical components that I explored in this project:

- Switch Statements

- Conditional Statements

- P5.JS DOM elements

Design Process

This project did not go well at the beginning, as my experimental camera project used a lot of WEBGL elements, and I spent a lot of time trying to get my original camera to work. Unfortunately, after many trials and errors, my limited coding knowledge could not make this interface run under the WEBGL environment, so I had to delete some of my favorite features from the camera. It became so much easier after deleting those features, but I’m still curious about implementing DOM elements to WEBGL, maybe I’ll need to spend some time researching it as I’m quite interested in the 3D effects.

Reflection

For me, it was both a challenging project and a helpful project. I learned so much about how each DOM element works, as well as how different pages(scene) interact with DOM elements. I wasted a lot of time trying to figure out how to make WEBGL work, but if I had more time, I would definitely want to explore more about the aesthetics and interactivity of the interface I am designing. Personally, I am not happy with my project, not only because I couldn’t include the whole camera program into this interface, but also because I feel there’re so much more I could add to it but I ran out of time. The more I learn about coding, the more I feel I need to learn. I truly hope one day I can equip enough knowledge and code what I have in mind freely without struggling.