Aug 3rd Progress

Trying to connect two time of flight distance sensor together, and by doing so control the x and y in the p5.js graph, so that the small object on the graph move accordingly.

IMG_5388 3.MOV

IMG_5387.MOV

Screenshot 2023-08-02 at 11.04.41 PM.png

Aug 6th Progress

https://editor.p5js.org/Litpumpkin/sketches/KNsREdDHS

I've created this city pattern sketch for a creative coding class, and I believe it's a very appealing design. I'm interested in expanding it into an interactive game, where you can control the movement of a line using a time-of-flight sensor. Additionally, I'd like to incorporate my final planned idea into this sketch by setting a target for the line to reach.

Screenshot 2023-08-09 at 7.53.14 PM.png

I really like Piet Mondrian's 'Broadway Boogie-Woogie' in MOMA, which led me to adopt its color palette: blue, red, orange, and white. In my project, I've taken a small square and given it the ability to randomly select a color from this palette. The square then displays the chosen color on the canvas, resulting in a drawing that reflects Piet Mondrian's distinctive style.

To enhance the interactive element, I've introduced a white square. At the start, this square has dimensions of 50x50. As the user progresses through levels, I've implemented a unique challenge. The white square's size reduces by 10 with each level up, gradually shrinking until it reaches a diminutive 10x10 size. This progressive reduction in size adds a layer of difficulty, especially when using the super-sensitive Time-of-Flight (ToF) sensor.

https://editor.p5js.org/Litpumpkin/sketches/KVtx-HNH2

Screenshot 2023-08-05 at 8.13.41 PM.png

Aug 8th Progress

Screenshot 2023-08-09 at 8.13.11 PM.png

I've started to explore the fabrication of my sensors as I encountered some connection issue during Tuesday's class. The current wire connections are quite loose, often requiring reboots for all users. Additionally, the restricted wire length is limiting the usability. These are the two physical aspects I've identified that need attention.

In terms of user experience, I observed that many users required some time to grasp the functionality of the Time-of-Flight (ToF) sensor and its use on the canvas. Initially, there was confusion, with some perceiving it as a touch-based or rotation-generated graph. To address this, I've decided to include minimal instructions on the cases to enhance clarity.

IMG_5590.MOV

IMG_5584 2.MOV

IMG_5586.MOV

IMG_5593 4.MOV