---
tags: mstu5003, doodle 3, JS, Fa2023
---

# Doodle 3
## Interactive Appliance

Mel De Sole [@mdd2167](/5fxbDvw4Roii0GifA-ux4Q)

[Doodle Instructions](https://docs.google.com/document/d/1NSyTCdONTdyj0plRhdmnaTmFCbc8h7ae01mjLbHjmyA/edit)

---

### Planning
[Mirro](https://miro.com/app/board/uXjVNTMlnyA=/?share_link_id=803451266223)

### Drafts
1. [Initial Design](https://codepen.io/mdd2167/pen/VwgKdrg)
2. [HTML & CSS base style](https://codepen.io/mdd2167/pen/JjxRBmd)
3. [Timer tinker](https://codepen.io/mdd2167/pen/BaMLXqM)
4. [Add timer](https://codepen.io/mdd2167/pen/YzBGmVr)
5. [Change images at 0:00](https://codepen.io/mdd2167/details/oNmYLmb) (final)

---
### Citations

Original Images:
* [Micro-Wave](https://society6.com/product/microwave-cute-appliance-pun_print) (note: edited with Pixelmator)
* [Popcorn - bag](https://s7.orientaltrading.com/is/image/OrientalTrading/FXBanner_808/act-ii-butter-lovers-microwave-popcorn-bags-2-75-oz-36-count~13966307-a01.jpg)
* [Popcorn - unpopped](https://i2.wp.com/www.downshiftology.com/wp-content/uploads/2021/06/Microwave-Popcorn-16-1.jpg)
* [Popcorn - popped](https://i2.wp.com/www.downshiftology.com/wp-content/uploads/2021/06/Microwave-Popcorn-16-1.jpg)
* [Popcorn - burnt](https://3.bp.blogspot.com/-ry1mvZoVhQ0/T0ZmCaHCxsI/AAAAAAAACsY/Xe59B5qen6I/s1600/21-Burned+Microwave+Popcorn.JPG)