{"id":47,"date":"2023-09-27T13:42:34","date_gmt":"2023-09-27T13:42:34","guid":{"rendered":"https:\/\/commons.mtholyoke.edu\/mizuki\/?p=47"},"modified":"2024-02-06T05:42:38","modified_gmt":"2024-02-06T05:42:38","slug":"music-box","status":"publish","type":"post","link":"https:\/\/commons.mtholyoke.edu\/mizuki\/2023\/09\/27\/music-box\/","title":{"rendered":"Music Box"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The music box project is the first project that combines programmed LED and music appliances. In the first part of the design, I had already built a general idea of &#8220;magic box&#8221;: including the music of the famous magic girl transformation in the anime:<\/p>\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=\"Cardcaptor Sakura OST - Fuuin-kaijo (Release)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/GdWeaPHkGZs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">and the beautiful pink patterns:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"1024\" src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30-648x1024.png\" alt=\"\" class=\"wp-image-48\" srcset=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30-648x1024.png 648w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30-190x300.png 190w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30-768x1214.png 768w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30-971x1536.png 971w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.26.30.png 1022w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><figcaption class=\"wp-element-caption\">Plans of various light patterns.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hence during the coding, I self-regulated to focus on 2 parts step by step: first music, then light formation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unfortunately, using the <em>Circuit Playground Bluefruit<\/em> is very challenging. When I tried to paste my code to work and test on my computer, the Bluefruit code collided with one original code in the first download package. Hence I checked it both on the forum and finally revised it a lot and it worked with the help from Audrey!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.26.16-1024x429.png\" alt=\"\" class=\"wp-image-49\" srcset=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.26.16-1024x429.png 1024w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.26.16-300x126.png 300w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.26.16-768x322.png 768w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.26.16.png 1226w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The adjusted process is recorded in my google doc.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then I tried to find the script of the music and interpreted it as coding. In this process, a step-by-step strategic plan and great patience really helped a lot. I simplified the script to single notes separately, tested various tempos, beats, blanks, and delaying time, and even added new notes such as AS5 and GS5. The debugging process is stressful, but it contributes to the final process!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"1024\" src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-551x1024.png\" alt=\"\" class=\"wp-image-50\" srcset=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-551x1024.png 551w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-161x300.png 161w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-768x1428.png 768w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-826x1536.png 826w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159-1102x2048.png 1102w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/IMG_6159.png 1119w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><figcaption class=\"wp-element-caption\">The music score (script) found from Tan8.com<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then I switched to the LED part. In this whole process, I apply the plan-do-evaluate method from class. Surprisingly, it was solved quickly by setting LED colors based on the arrangementIndex:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"301\" src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.35.43-1024x301.png\" alt=\"\" class=\"wp-image-51\" srcset=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.35.43-1024x301.png 1024w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.35.43-300x88.png 300w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.35.43-768x226.png 768w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53489.35.43.png 1300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Colors were picked with the help of the RGB color website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-1024x640.png\" alt=\"\" class=\"wp-image-52\" srcset=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-1024x640.png 1024w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-300x188.png 300w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-768x480.png 768w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-1536x960.png 1536w, https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u622a\u5c4f2023-09-27-\u4e0a\u53488.23.45-2048x1280.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And here is the final work I got!<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"320\" style=\"aspect-ratio: 568 \/ 320;\" width=\"568\" controls src=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/\u6c34\u5b9d\u5b9d\u00b4-\u03c9-2023-09-09-09.11.10.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Honestly, I felt like this project was relatively easier than Project 1. It is not only due to the fact that I set the goals early but also because I separated them into each step I should do and it was more convenient to understand by my brain. I really enjoyed it!<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/CS-109-F23-CPB-Lab-for-Isabel.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of CS-109-F23-CPB-Lab-for-Isabel.\"><\/object><a id=\"wp-block-file--media-463822f7-f015-44c0-8bae-d0112d5e4741\" href=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/CS-109-F23-CPB-Lab-for-Isabel.pdf\">CS-109-F23-CPB-Lab-for-Isabel<\/a><a href=\"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-content\/uploads\/sites\/896\/2023\/09\/CS-109-F23-CPB-Lab-for-Isabel.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-463822f7-f015-44c0-8bae-d0112d5e4741\">Download<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Reflection<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the creative journey of designing the pink light for the magic girl music theme, I envisioned a pink metal box, intricately adorned with engraved musical notes and red butterflies. The LEDs will have various color combinations during blinking and it will cleverly be silent when there is no light. As I embarked on the coding phase of the music box, I delved into the world of digital enchantment. The code I crafted for this musical wonder was akin to weaving spells. The soft chimes of the music intermingled with the pink metal box, creating an enchanting synergy that could react to the user&#8217;s touch or the rhythm of the music. It was as if the music box had come to life, responding to the beholder&#8217;s desires with each enchanting melody.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In retrospect, these artistic endeavors echo my hesitation in the past to join costume workshops and theater crew courses. I envisioned myself as a reluctant wizard, avoiding the magical world behind the curtains, where I doubted my talents and feared the unknown intricacies of costume design. But this music box project, like a mystical incantation, helped me see the importance of embracing discomfort and believing in my own abilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Looking back, I would offer my former self sage advice, encouraging me to step into the enchanting world of costume design and theater without hesitation. I&#8217;d emphasize that self-efficacy is the wand that can transform doubt into confidence, and with strategic planning and unwavering determination, I could create masterpieces beyond my wildest dreams. The music box project, with its pink metal box and musical spells, reminds me that breaking down complex tasks, seeking guidance, and nurturing a growth mindset can lead to the most enchanting and rewarding learning experiences.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The music box project is the first project that combines programmed LED and music appliances. In the first part of the design, I had already built a general idea of &#8220;magic box&#8221;: including the music of the famous magic girl transformation in the anime: and the beautiful pink patterns: Hence during the coding, I self-regulated [&hellip;]<\/p>\n","protected":false},"author":2352,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/users\/2352"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":7,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/posts\/47\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mizuki\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}