{"id":1105,"date":"2022-10-27T21:20:22","date_gmt":"2022-10-27T21:20:22","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/printcode\/?p=1105"},"modified":"2022-10-27T21:20:22","modified_gmt":"2022-10-27T21:20:22","slug":"final-project-jinzhong-sophie-ruoxi","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/printcode\/final-project-jinzhong-sophie-ruoxi\/","title":{"rendered":"Final Project &#8211; Jinzhong, Sophie, Ruoxi"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>Ideation<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For the final project, we started from brainstorming about what topic to be addressed. We first talked about how governments would try to prescribe a unified message to the public and impose values on us that define what is considered to be \u201cgood,\u201d \u201crational,\u201d and \u201csuccessful.\u201d Following those attempts are efforts to transform everyone into a moral agent of the prescribed values and inevitably, efforts of colonization and marginalization. In order to achieve the massacre of cultures, one of many steps is to terminate the use of native languages. And that got us thinking that many languages are disappearing in action. Few children are speaking dialects in the places we grow up. On top of that, the Chinese government recently started to ban students from speaking dialect in school in the \u201csuyu\u201d district.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We all feel that language is an imperative part of a culture to live on. Therefore we decided to do something that speaks up about the disappearance of languages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then we started to ideate what forms of experimental publication our project takes on. After doing some research and brainstorming, we all really like the idea of doing a flip book. To us, the flip book represents two sets of motions that mean two different things. First, the act of quickly flipping the book triggers an animation of a language disappearing. It represents an event. It is evanescent and ongoing. Second, the act of printing the languages on a series of paper and having them stamped represents a tranquil state. Going through them slowly, page by page, evokes a feeling that this might be something to hold onto. This flip book documents sentiments and actions we want to convey to the public about disappearing languages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Animation &amp; Printing<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For the text animation part of the flipbook, we searched for many p5.js and After Effects kinetic typography references and tutorials. Ultimately, we chose to use After Effects considering the animation diversity and ease of production. Since we had two people in charge of the animation, we did a thorough layout and framerate planning before production to ensure the uniform format of the four animations.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"424\" src=\"https:\/\/lh4.googleusercontent.com\/amdsmAxnEt3nVkkLsOdT1N4MGvFz-dtZj532wEiIbdjJdTaW7munzh5YFLzwCXXBfQAKtWGpHiCAmZ1AI1aOBYXupGRRQ5NtSKcpWTGjiFMMeN0VavKjUDpYoR98BfAjqgQB7-aWgDiHXYqIyAYGjAfR7bKfRdZfNc4I-zeL5AiFMpG7jg95vLGh7A\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Bo8psQqrwwRNDWULFzylp4bfCnWfl8cJ45Tp1j5-zU8g1nrM8PGARB146v3p3lAFA5wcrQeX1K-pFzTvU00TLrHDjzQKWjWlkj2zcWcn8MTekdlkkKm2NI39e0DaWR9syrpP7iT7TuD0c_VmUL1IoNx9xdgANHykwbtHYo4YykXdEfCsI-GCHPAHDQ\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The final four animations we chose were broken, exploded, turned into dust, and turned into garbled code. They allude to the process of language extinction through different forms of presentation. For example, most people who spoke Gottscheerish moved to the United States and switched to English, and then we used garbled code to represent how it almost died out.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/manchu.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/kristan.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Cappadocian-Greek.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/Gottscheerish.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">After finishing the animation, we exported the png sequences and made contact sheets for printing. First, we tried to use double-sided printing, but because of the distortion of the Riso itself, we couldn&#8217;t get it to align, so we ended up with single-sided printing and decided to make two flipbooks, each offering two ways to flip the pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-768x1024.jpg\" alt=\"\" class=\"wp-image-1114\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-768x1024.jpg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-225x300.jpg 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-1152x1536.jpg 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-1536x2048.jpg 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-1568x2091.jpg 1568w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8634-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Crafting &amp; Binding<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Cutting &amp; Cropping<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We printed 8 frames on each piece of paper, so we had to cut them out and make each frame exactly the same size. We tried two different ways to cut out the book: with precision knives and the paper cutters. From our experiments, in order to cut out frames with more uniformity and efficiency, the paper cutter is a better choice. However, due to the pliability of the paper, we cannot use the paper cutter to refine the edges. So, if we mistakenly left a few millimeters uncut, we had to use a precision knife to remove the excess portion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-768x1024.jpg\" alt=\"\" class=\"wp-image-1110\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-768x1024.jpg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-225x300.jpg 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-1152x1536.jpg 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-1536x2048.jpg 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-1568x2091.jpg 1568w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8633-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ZO2tmzxed1mZpTA1kPC_9MyKXYb6wk1LgZrzGSwoLcNPUXlgPGuHspc95zmQ1aImOShIKG0la78fFXGZUW7MojfYq8NUQyhmtfugdE1rKcJi7LCZG6E58L5pv_eMJjFBAnay4_-Mtg0jJc0aWno8RqBTVmHAJTpy8VxLkrHNgTzSYmuSOZO65UCsKA\"><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Edge-Cutting<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As our goal is to combine two animations into one flipbook, we want our readers to watch different animations when they flip different corners of the pages. So we designed a mechanism to cut some top-corner edges from the frames of the first animation and bottom-corner edges from the frames of the second one, and intersperse the frames of the two animations one by one:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/fhdzNv0fgZ8MGmuMd0PKGwxXClDaov0Gt4MSUR-kZiGBqObDUnu8IfNAtzlm5d0SiGajAIzgZYsh9OPXpVp4yIhBLjRNMo4sUKMKmwL9TymCTsntTVGaWifyarQIvdTq5pAEh75QoPtqclkXD45eRocdNNKZftXJp5FWpT4ZMEeeaHgp8CeiTOBGhA\" alt=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With this mechanism, when our readers flip the top corner of the book, due to the missing corners of the first animation pages, they can only flip \/ control the pages of the second animation. And therefore, all frames from the first animation are hidden behind their prior second animation frames. It is vice versa if our readers flip the bottom corner of the book.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To cut the edges of the book evenly, we used a pencil to draw a cutting line on the top edge of the book and used a precision knife to trim the pages one by one.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-768x1024.jpg\" alt=\"\" class=\"wp-image-1117\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-768x1024.jpg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-225x300.jpg 225w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-1152x1536.jpg 1152w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-1536x2048.jpg 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-1568x2091.jpg 1568w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/IMG_8645-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Binding<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the beginning, we planned to use staples or clips to bind our flipbook. However, when we had the book organized, we noticed that the book was too thick so it was a hardship for us to find a valid staple\/clip. We also considered using hot glue, but we worried about the fragility of this binding method. After tons of research on YouTube, a refreshing way of binding came to our mind &#8212; we wondered if we could drill some holes in the book and use Japanese Binding (see links below) because we did have threads and needles. We then did some tests beforehand to ensure we could use thin screwdrivers to drill holes even though our book is ~0.4 inches thick.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-1024x768.jpeg\" alt=\"\" class=\"wp-image-1116\" srcset=\"https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-1024x768.jpeg 1024w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-300x225.jpeg 300w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-768x576.jpeg 768w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-1536x1152.jpeg 1536w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482-1568x1176.jpeg 1568w, https:\/\/www.courses.tegabrain.com\/printcode\/wp-content\/uploads\/2022\/10\/WechatIMG482.jpeg 1702w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/nmWfcC1QBCI6KFJWBH7BdY9s6PmRQ9TsD-K-GeHFbQScS49B7WWCcgR8z2HzmcHKxqABut-wa30lwylEpkzzLiHDZvWAxY3iBYQNYzJoUKMMsAvF8ODUxTSsofa0Or1wjg_wL-ZrrPWwKHFB78jkq5n8Mo4RJZJCOXXa2mnSjHzB_SofZmLFQmU7oQ\"><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By following the instructions in the video(<a href=\"https:\/\/www.youtube.com\/watch?v=j-r6c_trSxY\">https:\/\/www.youtube.com\/watch?v=j-r6c_trSxY<\/a>), we successfully bound our books solidly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Final design<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Flip book full demo\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/wCQ2c0GU6OI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Full demo (book1)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Flip book demo 2\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/Dn1WeGYHxr8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Flipping demo (book2)<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Future Improvements<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Using more dramatic animations<\/li><li>Slower the animation<\/li><li>Figure out how to do two-sided printing (either to avoid the registration issues of the Riso printer or just switch to normal printers)<\/li><li>Test with other colors<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ideation For the final project, we started from brainstorming about what topic to be addressed. We first talked about how governments would try to prescribe a unified message to the public and impose values on us that define what is considered to be \u201cgood,\u201d \u201crational,\u201d and \u201csuccessful.\u201d Following those attempts are efforts to transform everyone&hellip; <a class=\"more-link\" href=\"https:\/\/www.courses.tegabrain.com\/printcode\/final-project-jinzhong-sophie-ruoxi\/\">Continue reading <span class=\"screen-reader-text\">Final Project &#8211; Jinzhong, Sophie, Ruoxi<\/span><\/a><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1105","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/1105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/comments?post=1105"}],"version-history":[{"count":3,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/1105\/revisions"}],"predecessor-version":[{"id":1118,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/posts\/1105\/revisions\/1118"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/media?parent=1105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/categories?post=1105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/printcode\/wp-json\/wp\/v2\/tags?post=1105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}