{"id":11697,"date":"2023-02-15T13:54:11","date_gmt":"2023-02-15T13:54:11","guid":{"rendered":"https:\/\/kood.tech\/uncategorized\/guessing-music-video-release-years\/"},"modified":"2024-04-11T07:07:50","modified_gmt":"2024-04-11T07:07:50","slug":"guessing-music-video-release-years","status":"publish","type":"post","link":"https:\/\/kood.tech\/en\/student-projects-en\/guessing-music-video-release-years\/","title":{"rendered":"Turning Childhood Memories into a Music Game"},"content":{"rendered":"\n<p class=\"wp-el\">Do you remember watching MTV music videos and trying to guess the year of release? Well, one of our first batch students, <strong><a href=\"mailto:roosarula@gmail.com\">Alex-Andre Viik<\/a><\/strong>, has turned this childhood memory into a real-life game for everyone to enjoy! <\/p>\n\n\n\n<p class=\"wp-el\">Using his 1.5 years of coding experience, he created a game that&#8217;s perfect for music and music video enthusiasts of all ages. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"https:\/\/guess.viik.me\" style=\"color:#dcf900;background-color:#232830\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Guess The Year game!<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-el\"><\/p>\n\n\n\n<p class=\"wp-el\">In this blog post, we talked with Alex to learn more about his inspiration and development process for the game.<\/p>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-1)\" class=\"wp-block-heading wp-el\" id=\"h-inspiration-and-background\">Inspiration and Background<\/h4>\n\n\n\n<p class=\"wp-el\">Alex&#8217;s inspiration for the game came from a similar game he saw on VH1, a television station that played music videos and then displayed the release year at the end. However, he wanted to create a game that was <strong>more interactive<\/strong> and <strong>engaging<\/strong> for the user.<\/p>\n\n\n\n<p class=\"wp-el\">&#8220;My friend and I used to play this game when we were younger, and I thought it would be great to bring it to life with my coding skills,&#8221; Alex said.<\/p>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-2)\" class=\"wp-block-heading wp-el\" id=\"h-development-process\">Development Process<\/h4>\n\n\n\n<p class=\"wp-el\">Alex&#8217;s objective was to create a game that users could play quickly on different devices and with poor internet connections. To achieve this, he kept the code as minimal as possible and used only the holy trinity of <strong>Javascript<\/strong>, <strong>CSS<\/strong>, and <strong>HTML<\/strong>.<\/p>\n\n\n\n<p class=\"wp-el\">He also drew inspiration from well-known web games such as Geoguessr and HigherOrLower for the game&#8217;s visuals and user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"306\" src=\"https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.23.01-600x306-1.png\" alt=\"\" class=\"wp-image-13304\" style=\"width:488px;height:249px\" srcset=\"https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.23.01-600x306-1.png 600w, https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.23.01-600x306-1-255x130.png 255w, https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.23.01-600x306-1-78x40.png 78w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Snapshot from <a href=\"http:\/\/www.higherlowergame.com\/\" target=\"_blank\" rel=\"noopener\"><strong>&#8220;The Higher or Lower Game&#8221;<\/strong><\/a><\/figcaption><\/figure>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-3)\" class=\"wp-block-heading wp-el\" id=\"h-still-a-work-in-progress\">Still a work in progress<\/h4>\n\n\n\n<p class=\"wp-el\">One of the challenges Alex faced during development was getting the sound to autoplay on iOS devices. &#8220;Normally, this is a good thing, but in this case, it was a pain,&#8221; Alex explained.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"308\" src=\"https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.18.27-600x308-1.png\" alt=\"\" class=\"wp-image-13308\" style=\"width:486px;height:249px\" srcset=\"https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.18.27-600x308-1.png 600w, https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.18.27-600x308-1-253x130.png 253w, https:\/\/kood.tech\/wp-content\/uploads\/2024\/04\/Screenshot-2023-02-15-at-15.18.27-600x308-1-78x40.png 78w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Snapshot from <a href=\"https:\/\/guess.viik.me\" target=\"_blank\" rel=\"noopener\"><strong>Alex&#8217;s game<\/strong><\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-el\">He tried various options, but none of them worked. As a result, users on devices other than PCs must unmute each video, which can be a hassle.<\/p>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-4)\" class=\"wp-block-heading wp-el\" id=\"h-future-plans\">Future Plans<\/h4>\n\n\n\n<p class=\"wp-el\">Since the success of the game within a smaller circle, Alex has been working on a chatbot with a memory that people can talk to and it will remember them when they return inspired by <a href=\"https:\/\/chat.openai.com\/chat\" target=\"_blank\" rel=\"noopener\"><strong>ChatGPT<\/strong><\/a>. He sees this as an excellent concept that he would like to explore further in the future.<\/p>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-1)\" class=\"wp-block-heading wp-el\" id=\"h-play-the-game\">Play the game!<\/h4>\n\n\n\n<p class=\"wp-el\">If you&#8217;re a music or music video enthusiast and would like to test your knowledge, you can play Alex&#8217;s game by visiting<a href=\"https:\/\/guess.viik.me\/\" target=\"_blank\" rel=\"noopener\"> <\/a><strong><a href=\"https:\/\/guess.viik.me\/\" target=\"_blank\" rel=\"noopener\">https:\/\/guess.viik.me<\/a>.<\/strong> You enter the year by typing in the numbers and pressing enter!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter is-style-fill\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"https:\/\/guess.viik.me\" style=\"color:#dcf900;background-color:#232830\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Guess The Year<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-el\"><\/p>\n\n\n\n<h4 style=\"--ama-heading-stencil-color: var(--ama-accent-color-2)\" class=\"wp-block-heading wp-el\">Conclusion<\/h4>\n\n\n\n<p class=\"wp-el\">It&#8217;s always great to see people turn their childhood memories into something that everyone can enjoy. Alex&#8217;s game is a perfect example of this, and we hope to see more innovative creations from him in the future. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1125\" height=\"1126\" src=\"https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited.png\" alt=\"\" class=\"wp-image-10257\" style=\"width:310px\" srcset=\"https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited.png 1125w, https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited-520x520.png 520w, https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited-130x130.png 130w, https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited-40x40.png 40w, https:\/\/kood.tech\/wp-content\/uploads\/2023\/02\/Alex-Viik-edited-50x50.png 50w\" sizes=\"auto, (max-width: 1125px) 100vw, 1125px\" \/><figcaption class=\"wp-element-caption\"> Alex&#8217;s free time hobby is skateboarding! <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-el\">If you have any ideas or viewpoints, you can email Alex at <a href=\"mailto:roosarula@gmail.com\"><strong>roosarula@gmail.com<\/strong><\/a>.<\/p>\n<div class=\"ama-block block-seperator full-width\" style=\"--seperator-bgcolor: var(--ama-accent-color-3);\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Do you remember watching MTV music videos and trying to guess the year of release? Well, one of our first batch students, Alex-Andre Viik, has&#8230;<\/p>\n","protected":false},"author":1,"featured_media":12190,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"footnotes":""},"categories":[248],"tags":[266],"class_list":["post-11697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-student-projects-en","tag-alex-andre-viik-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/posts\/11697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/comments?post=11697"}],"version-history":[{"count":0,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/posts\/11697\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/media\/12190"}],"wp:attachment":[{"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/media?parent=11697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/categories?post=11697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kood.tech\/en\/wp-json\/wp\/v2\/tags?post=11697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}