{"id":977,"date":"2022-09-29T11:50:14","date_gmt":"2022-09-29T15:50:14","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/?p=977"},"modified":"2022-09-29T15:09:57","modified_gmt":"2022-09-29T19:09:57","slug":"advert-inc-typology-machine","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/somanybugs\/09\/29\/advert-inc-typology-machine\/","title":{"rendered":"Advert Inc Typology Machine"},"content":{"rendered":"<p><span style=\"font-weight: 400\">My typology machine is a little online game which asks players working at the poorly managed Advert Inc to name knock-off products for resale. The only catch\u2026 the objects don\u2019t make sense and the boss hates all their ideas!<\/span><\/p>\n<p><span style=\"font-weight: 400\">You can try the game for yourself <\/span><a href=\"https:\/\/the.beesneevs.com\/advertinc_game\/tutorial.html\"><span style=\"font-weight: 400\">here<\/span><\/a><span style=\"font-weight: 400\">\u2026 or keep reading for a collection of my favorite answers.\u00a0<\/span><\/p>\n<p>Still from the start of the game.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-985\" src=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/opening-493x480.png\" alt=\"\" width=\"493\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/opening-493x480.png 493w, https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/opening-768x747.png 768w, https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/opening.png 820w\" sizes=\"(max-width: 493px) 85vw, 493px\" \/><\/p>\n<p>.gif of nonsense object 1<\/p>\n<p><span style=\"font-weight: 400\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-984\" src=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/goop-399x480.gif\" alt=\"\" width=\"399\" height=\"480\" \/><\/span><\/p>\n<p>and suggested names:<\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strangest octopus\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lube<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bubble creator\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Blip Blop\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hole Jelly<\/span><\/li>\n<\/ul>\n<p>.gif of object 2<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-983\" src=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/round-417x480.gif\" alt=\"\" width=\"417\" height=\"480\" \/><\/p>\n<p>suggested names:<\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Slow blender<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Film canister\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Screw\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sprocket\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Turny wheel\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cylinder boy\u00a0<\/span><\/li>\n<\/ul>\n<p>.gif part of the gameplay.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-986\" src=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-content\/uploads\/2022\/09\/ezgif.com-gif-maker-1.gif\" alt=\"\" width=\"298\" height=\"311\" \/><\/p>\n<p><span style=\"font-weight: 400\">I staged the images and videos for this game in my living room and captured them using an iphone and an app called imotion. I then compiled these images, video, and my script into an in browser game. I coded it in the frontend in html, css, javascript (this is what allows you to see the graphics and click), and then learned to write some basic python3 to connect it to flask and LMDB (this is what allows you to see other people&#8217;s answers who have also played the game).\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">The aesthetic is trying to draw on the feeling of older video games (think pokemon on the gameboy), personal websites, and digital zines. In short, leaning into the ugly and potentially unmarketable.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">In keeping with its inspiration I wanted this typology to have the potential for humor. Seeing these objects and speculating about what they\u2019re for is fun. But I also wanted to poke fun at hyper commodification and pointless jobs. The objects don\u2019t make sense and yet they\u2019re being sold (and you have to sell them). Jim is overly familiar and unprofessional and you still need to try and please him (but nothing you say is correct). This typology collecting machine lives online because I\u2019ve been thinking a lot about how this hyper commodification has been affecting internet spaces\u2026 Increasingly I\u2019ve watched censorship for the sake of advertisement make social media more sterile and more difficult to navigate. I guess in some ways this work is nostalgic for an idealized version of the internet I didn\u2019t experience. Or\u2026 it could just be some silly names for objects. I think either is fine.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Apps: <\/span><span style=\"font-weight: 400\">iMotion. <\/span><span style=\"font-weight: 400\">Languages:\u00a0<\/span><span style=\"font-weight: 400\">Html, <\/span><span style=\"font-weight: 400\">CSS, <\/span><span style=\"font-weight: 400\">Python3, <\/span><span style=\"font-weight: 400\">JavaScript\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Libraries:\u00a0<\/span><span style=\"font-weight: 400\">Flask, <\/span><span style=\"font-weight: 400\">Gunicorn, <\/span><span style=\"font-weight: 400\">LMDB<\/span><\/p>\n<p><span style=\"font-weight: 400\">Specific Tutorials:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/projects.raspberrypi.org\/en\/projects\/python-web-server-with-flask\"><span style=\"font-weight: 400\">https:\/\/projects.raspberrypi.org\/en\/projects\/python-web-server-with-flask<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/realpython.com\/storing-images-in-python\/#getting-started-with-lmdb\"><span style=\"font-weight: 400\">https:\/\/realpython.com\/storing-images-in-python\/#getting-started-with-lmdb<\/span><\/a><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.digitalocean.com\/community\/tutorials\/how-to-serve-flask-applications-with-gunicorn-and-nginx-on-ubuntu-18-04\"><span style=\"font-weight: 400\">https:\/\/www.digitalocean.com\/community\/tutorials\/how-to-serve-flask-applications-with-gunicorn-and-nginx-on-ubuntu-18-04<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Important\/extensively referenced\u00a0 Documentation:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/flask.palletsprojects.com\/en\/2.2.x\/\"><span style=\"font-weight: 400\">https:\/\/flask.palletsprojects.com\/en\/2.2.x\/<\/span><\/a><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/lmdb.readthedocs.io\/en\/release\/\"><span style=\"font-weight: 400\">https:\/\/lmdb.readthedocs.io\/en\/release\/<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">People to thank:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Noah, for listening to what I wanted to make, sending me some amazing tutorials, and catching so many bugs as I learned about LMDB for the first time (oh, and of accepting payment in cookies)\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Golan and Nica, for listening to a million iterations of this idea and saying things like, \u201ccouldn\u2019t it be weirder?\u201d\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">My classmates, for really helping shape this idea and encouraging me to have fun with it (and being oh so willing to help)<\/span><\/p>\n<p><span style=\"font-weight: 400\">My classmates (again) and friends (and everyone else) for playing the game and being part of the typology<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My typology machine is a little online game which asks players working at the poorly managed Advert Inc to name knock-off products for resale. The only catch\u2026 the objects don\u2019t make sense and the boss hates all their ideas! You can try the game for yourself here\u2026 or keep reading for a collection of my &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/somanybugs\/09\/29\/advert-inc-typology-machine\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Advert Inc Typology Machine&#8221;<\/span><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/posts\/977"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/comments?post=977"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/posts\/977\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-461\/f2022\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}