Weekly Progress and Highlights

Coding progress

This week, I focused on tweaking some minor logic issues in the code for the iPad portion of the combined concept. I ensured that there would be no repeated blood types for the two parent blood samples, as we won’t be providing duplicate blood vials for the same blood types. This decision was made to streamline the setup and reduce its overall complexity and size.

https://editor.p5js.org/xxin913/sketches/Gn6Yqezn4

https://editor.p5js.org/xxin913/sketches/MXOWg4jAz

https://editor.p5js.org/xxin913/full/Gn6Yqezn4

https://editor.p5js.org/xxin913/full/MXOWg4jAz

Code for section on Blood Inheritance (Genotype machine):

The animations that I used for the genotype machine

When a shake is detected

When the respective genotypes were shown

https://editor.p5js.org/xxin913/sketches/Dp9vrjt9p

https://editor.p5js.org/xxin913/sketches/XhXgDCdrn

https://editor.p5js.org/xxin913/full/Dp9vrjt9p

https://editor.p5js.org/xxin913/full/XhXgDCdrn

<aside> 🚨

While troubleshooting the code for the genotype machine (which we were running on an iPhone), I realised how challenging it was to enable full screen mode. Even using the Chrome browser on the iPhone had its limitations when it came to displaying the interaction interface in full screen, which added another layer of complexity to the coding.

IMG_0827.mov

and while Safari allows the toolbar to be hidden, the interaction still wasn’t truly full screen. What’s worse was it even caused the buttons to become unresponsive, making it an even bigger issue to address.

IMG_0829.mov

It was then that I decided to switch to an Android mobile phone and borrowed a spare Huawei device from my parents. After testing various browsers, I finally managed to get the interaction to display in full screen using the Kiwi browser on the Huawei.

IMG_0832.mov

With that portion of interaction finally working, I moved on to refine and finish up the codes for this.

</aside>

https://editor.p5js.org/xxin913/sketches/ZMEJ4AAp-

https://editor.p5js.org/xxin913/sketches/fnivmYGCV

https://editor.p5js.org/xxin913/sketches/55hhl_nvV

https://editor.p5js.org/xxin913/full/ZMEJ4AAp-

https://editor.p5js.org/xxin913/full/fnivmYGCV

https://editor.p5js.org/xxin913/full/55hhl_nvV

Weekly Progress

<aside> 💡

During the discussion with Qian at the Science Centre playtest, I was really inspired by the idea of using patterned traces. It made me think that integrating the Petri dish labels with the trace could be a great way to make the trace look intentional and cohesive, rather than introducing a pattern that doesn’t align with the overall aesthetics of the set-up.

With that in mind, I designed a set of trace patterns that align with the Petri dish labels of A, B, and +. These patterns not only follow the labeling but also include an increased surface area at the contact points to better accommodate the red liquid and ensure a more reliable interaction.

Then, Bobby took charge of cutting the trace while I continued working on the coding. However, we encountered several issues with the Cricut machine during the cutting process. Eventually, we decided to consult Qian for advice on better cutting blades and the most suitable cutting pressure, given the intricacy of our pattern and the material we were using.

Issues like the cutting blade dragging across the conductive tape, ruining the trace or making the trace difficult to peel off.

or the inaccurate cutting pressure, which caused the trace to be completely cut through the conductive tape.

Occasional successful tries but it was still difficult to transfer the trace onto the Petri dish without damaging them.

Qian to the rescue!!

managed to get cleaner cuts after simplification of the patterns.

From there, I simplified the pattern a little before Bobby met up with Qian the following day to further work on perfecting the cut for the trace. (I had another tutorial during that morning so I couldn’t join Bobby and Qian for this><)

After Bobby and Qian made further modifications to the trace, we finally got the circuit to work! 🎉

IMG_4579.mov

IMG_4580.mov

</aside>

Following the suggestions from the Science Centre play test, we also worked on creating a CAD model of a rounded version of the genotype machine.

Sharing of the tentative structure of our platform presentation during class.

We did a quick brainstorm on the tentative structure of our final presentation:

• Start with a question on: do you know what’s your blood types and how did you found out about it?
• Video walk through of our interactions (no explanation, focus on the interactions itself)
• Explanation of our concept (in a fun and interactive way)

Side notes!!

• Engage people with how clever you are and not how hard you work.