Weekly Progress and Highlights

<aside> ✏️

Quick sketches of the flow of interactions and tentative set-ups for both concepts (to also help with the coding later)

</aside>

Interaction flow for Blood typing concept

Interaction flow for Blood inheritance concept

Tentative setup for Blood typing concept

<aside> 💡

We envisioned a 'reset' system where the iPad would be encased, with the top half of the glass panel designed to open. This would allow the red liquid used to close the circuit to flow out along a sandblasted path, enabling the interaction to be effectively ‘reset.’

</aside>

Tentative setup for Blood inheritance concept

<aside> 💡

We imagined the setup to resemble a Gachapon machine, where blood bags could be slotted into the slots next to the screen. Players would then turn a knob at the bottom of the screen to generate child blood types. From there, they could use trial and error to guess the blood types of the unknown blood bags.

</aside>

<aside> ✏️

Drafting out the tentative interfaces for the two sets of interactions.

</aside>

<aside> 📎

Some tentative graphics and animations for the interactions

</aside>

Coding Starts!

I first worked on getting the layouts and button interactions right (to have the gifs playing when the Petri dish circles are pressed and to modify the size of the Petri dish circles according to the actual Petri dish that we were getting)

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

https://editor.p5js.org/xxin913/sketches/2Smxdt0yC8

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

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

https://editor.p5js.org/xxin913/full/2Smxdt0yC8

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

What worked & what didn’t work & What would you have done differently/ What can be improved

The initial brainstorming for the interaction flow and coding went pretty smoothly and efficiently. We felt quite confident in our concept, which kept us motivated to keep making progress and refining it for the better as we went along.