{"id":11122,"date":"2021-10-08T14:57:01","date_gmt":"2021-10-08T18:57:01","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/?p=11122"},"modified":"2021-10-08T14:57:01","modified_gmt":"2021-10-08T18:57:01","slug":"davine-gates-documentation","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/davine-gates-documentation\/","title":{"rendered":"Davine Gates Documentation"},"content":{"rendered":"

CRT Nostalgia<\/p>\n

\"\"

Left mac mini with monitor display indicates the Millumin file pushing content to the projectors; right laptop uploads Arduino<\/p><\/div>\n

\"\" \"\"<\/p>\n

\"\"

Full color image<\/p><\/div>\n

\"\"

Cyan image<\/p><\/div>\n

\"\"

Yellow image<\/p><\/div>\n

\"\"

Magenta image<\/p><\/div>\n

user interaction<\/a><\/p>\n

For this project, I wanted to explore the magic analog logic of additive light mixing in a playful, nostalgic interactive experience. The eventual coordination of my three projectors simulates the effect of a single old CRT projector, and the content was similarly inspired by early childhood memories of being transfixed by cartoons playing on my grandmother’s clunky CRT TV. The experience is made more intimate and immersive because the viewport is designed for one user to interact at a time.<\/p>\n

This simple box has a viewport on one side and a projection screen on the opposite face, and is fitted with an oblong board embedded with 4 IR proximity sensors. 3 projectors divide a video of early 2000s cartoons into their red, green, and blue channels (processed through Millumin), which combine to create a full-color image when overlaid perfectly on the screen; old CRT projectors originally had 3 lenses for each primary color, as opposed to modern digital projectors which emit the combined light through a single lens. Each projector has a light valve secured in front of the lens that becomes opaque when triggered by certain combinations of readings from the proximity sensors. When a translucent light valve receives a high electrical signal, it becomes opaque; the corresponding projector’s channel of light is removed from the combined image, resulting in the secondary colors of light: cyan, magenta, and yellow.<\/p>\n

I had two forms of logic in this piece: the first being the science itself of mixing the primary colors of light, the second being the combinations of sensors designed to trigger the light valves.<\/p>\n

red AND green AND blue–> white (full color)<\/p>\n

red AND green –> yellow<\/p>\n

red AND blue –> magenta<\/p>\n

blue AND green –> cyan<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Progress Images:<\/p>\n

\"\"

front of viewing box; 4 blue rectangles indicate sensor placement<\/p><\/div>\n

\"\"

rear of viewing box; red, green, and blue channel projectors will map onto a single surface<\/p><\/div>\n

\"\"

Wiring with the sensors in-board<\/p><\/div>\n

\"\"

4 sensors successfully spoke to 3 projectors through logic coded in Arduino<\/p><\/div>\n

lightvalves<\/a><\/p>\n

 <\/p>\n

Process reflection:<\/p>\n

Given that I had no prior experience with electrical hardware, I definitely struggled with initial ideation; I wasn’t sure what functional and conceptual possibilities there were given my limited knowledge, which is why I latched onto an example of simple pre-existing logic in the form of additive light mixing. If I had a stronger conceptual backing, I think I would’ve had more fun with the user experience of the piece. I ended up playing with a lot of unusual tools, namely the light valves, IR proximity sensors, and mini projectors, and I also interacted with Arduino and laser cutting for the first time on this project. Towards the end of the process, I drained a lot of time soldering and re-soldering the sensor wires in different configurations; we tried to solder the two grounds and a resistor together coming directly off of the sensor, which ended up preventing signal from reaching the breadboard. Ultimately, running into these issues actually gave me a better understanding of the electronics I was working with, and despite the setbacks, the scope of my project was surprisingly feasible.<\/p>\n

If I had more time, I definitely would have added height to the box so the user could interact with it while seated in a chair. I also would have added more cartoon content, and if I had more time to dedicate to Arduino\/software skills, it would’ve been fun if the user could “change the channel” while looking through the viewport. I also could have fine-tuned the projector positions; in the full color image you can see that there are some hotspots where a projector is off-center from the image and the distribution of color is a little uneven.<\/p>\n

 <\/p>\n

Final Arduino code, guided by Prof. Zacharias:<\/p>\n

const int TOPSENSOR = A0; \/\/ shortcut to refer to the top sensor pin later\r\nconst int LEFTSENSOR = A1; \/\/ shortcut to refer to the left sensor pin later\r\nconst int RIGHTSENSOR = A2; \/\/ shortcut to refer to the right sensor pin later\r\nconst int BOTTOMSENSOR = A3; \/\/ shortcut to refer to the bottom sensor pin later\r\n\r\nconst int REDVALVE = 9;\r\nconst int GREENVALVE = 10;\r\nconst int BLUEVALVE = 11;\r\n\r\nconst int PROXTHRESHOLD = 40; \/\/ values above 40 are \"high\"\r\nbool TopClose, LeftClose, RightClose, BottomClose; \r\n\r\nvoid setup() {\r\n  pinMode(TOPSENSOR, INPUT); \/\/ we will be reading the top sensor pin as an input\r\n  pinMode(LEFTSENSOR, INPUT); \/\/ we will be reading the left sensor pin as an input\r\n  pinMode(RIGHTSENSOR, INPUT); \/\/ we will be reading the right sensor pin as an input\r\n  pinMode(BOTTOMSENSOR, INPUT); \/\/ we will be reading the bottom sensor pin as an input\r\n\r\n  pinMode(REDVALVE, OUTPUT); \r\n  pinMode(GREENVALVE, OUTPUT);\r\n  pinMode(BLUEVALVE, OUTPUT);\r\n\r\n  Serial.begin(9600); \/\/ starts serial communication at 9,600 baud (the rate)\r\n}\r\n\r\nvoid loop() {\r\n  int readVal1; \/\/ initialize a new integer to store the photocell value\r\n  readVal1 = analogRead(TOPSENSOR); \/\/ do the analog read and store the value\r\n\r\n  int readVal2; \/\/ initialize a new integer to store the photocell value\r\n  readVal2 = analogRead(LEFTSENSOR); \/\/ do the analog read and store the value\r\n\r\n  int readVal3; \/\/ initialize a new integer to store the photocell value\r\n  readVal3 = analogRead(RIGHTSENSOR); \/\/ do the analog read and store the value\r\n  \r\n  int readVal4; \/\/ initialize a new integer to store the photocell value\r\n  readVal4 = analogRead(BOTTOMSENSOR); \/\/ do the analog read and store the value\r\n\r\n  if (readVal1 > PROXTHRESHOLD) TopClose = true;\r\n  else TopClose = false;\r\n  if (readVal2 > PROXTHRESHOLD) LeftClose = true;\r\n  else LeftClose = false;\r\n  if (readVal3 > PROXTHRESHOLD) RightClose = true;\r\n  else RightClose = false;\r\n  if (readVal4 > PROXTHRESHOLD) BottomClose = true;\r\n  else BottomClose = false;\r\n\r\n  if ((TopClose && LeftClose) || (BottomClose && RightClose)) {\r\n    \/\/ RedValve becomes opaque\r\n    digitalWrite(REDVALVE, HIGH);\r\n  } else digitalWrite(REDVALVE, LOW); \/\/ if REDVALVE is not high (opaque), return to transparent\r\n  \r\n  if ((TopClose && RightClose) || (BottomClose && LeftClose)) {\r\n    \/\/ GreenValve becomes opaque\r\n    digitalWrite(GREENVALVE, HIGH);\r\n  } else digitalWrite(GREENVALVE, LOW); \/\/ if GREENVALVE is not high (opaque), return to transparent\r\n  \r\n  if (LeftClose && RightClose) {\r\n    \/\/ BlueValve becomes opaque\r\n    digitalWrite(BLUEVALVE, HIGH);\r\n  } else digitalWrite(BLUEVALVE, LOW); \/\/ if BLUEVALVE is not high (opaque), return to transparent\r\n\r\n\r\n  delay(50); \/\/ slow the loop down a bit before it repeats\r\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
CRT Nostalgia user interaction For this project, I wanted to explore the magic analog logic of additive light mixing in a playful, nostalgic interactive experience. The eventual coordination…<\/p>\n","protected":false},"author":132,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[185],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/posts\/11122"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/users\/132"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/comments?post=11122"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/posts\/11122\/revisions"}],"predecessor-version":[{"id":11337,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/posts\/11122\/revisions\/11337"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/media?parent=11122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/categories?post=11122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/62-362\/f2021\/wp-json\/wp\/v2\/tags?post=11122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}