Code for the combined concept on iPad:
With consideration on some of the other feedback gathered from Week 9’s Science Centre play test, I made a few final refinements to the iPad code (which include modifying the storyline a little)


I also looped the gifs for the petri dish circles so that they will look a bit more natural when played over a long period of time.


I then added some graphical legends to visually indicate how a Petri dish would appear with blood clots versus without blood clots. This helps clarify the interaction and makes it easier for users to understand the outcomes.
<aside> ⭐
Final iPad code for the combine concept
https://editor.p5js.org/xxin913/sketches/AbTDkzzWm
https://editor.p5js.org/xxin913/full/AbTDkzzWm
</aside>
Code for section on Blood Inheritance (Genotype machine):
I first added the ninth buttons (L and R) on each side of the screen.
https://editor.p5js.org/xxin913/sketches/LsuovjAmF
https://editor.p5js.org/xxin913/full/LsuovjAmF
I then simplified the animations to a more intuitive and simpler one.
https://editor.p5js.org/xxin913/sketches/mcos2tQGJ
https://editor.p5js.org/xxin913/full/mcos2tQGJ
Next, I added an option to allow for long press of the L and R buttons as the contact point for the additional homogeneous genotype combinations will be situated at the bottom of the blood vials so it will trigger a constant contact for those buttons which I had to accommodate for.
https://editor.p5js.org/xxin913/sketches/pw9PK2moT
https://editor.p5js.org/xxin913/full/pw9PK2moT
Finally, to complete the code for the genotype machine, I made sure that the animated circles representing the possible genotype combinations were confined within the phone screen and wouldn’t overlap with one another. I also adjusted the final visuals of the interface and tweaked the text size slightly to make everything clearer and easier to understand.
<aside> ⭐
Final code for Genotype Machine
https://editor.p5js.org/xxin913/sketches/d4VNIpkhZ
https://editor.p5js.org/xxin913/full/d4VNIpkhZ
</aside>
With the new CAD design from Bobby last week, we got our updated print ready and began testing the connections using the thinner conductive traces Bobby created. We also tested the positioning of the contact points on the blood vials to ensure everything worked seamlessly together.



After getting the positions of the 9 contact points on the blood vials right, as well as the circuits working,

