{"id":13276,"date":"2025-04-23T21:44:24","date_gmt":"2025-04-24T01:44:24","guid":{"rendered":"https:\/\/rmu.andrewyames.com\/?p=13276"},"modified":"2025-04-23T22:04:15","modified_gmt":"2025-04-24T02:04:15","slug":"hear-me3rd-game","status":"publish","type":"post","link":"https:\/\/rmu.andrewyames.com\/?p=13276","title":{"rendered":"\u00a0Hear Me(3rd Game )"},"content":{"rendered":"\n<p><strong>Premise<\/strong><\/p>\n\n\n\n<p>Hear Me is a gentle, therapeutic browser experience. Players select how they feel (Happy, Sad, Lost, etc.) and are provided with a mood-matching song and a journaling space to reflect. It\u2019s designed as a calming audio-visual tool.<\/p>\n\n\n\n<p><strong>Story<\/strong><\/p>\n\n\n\n<p>There\u2019s no \u201cwin\u201d condition. The game exists to support and calm. It\u2019s about making space for feelings \u2014 especially for players who might not always feel heard. Whether sad or anxious, the design invites users to sit, listen, and write.<\/p>\n\n\n\n<p><strong>Process<\/strong><\/p>\n\n\n\n<p>I used HTML\/CSS\/JS and embedded music from SoundCloud. Originally, I tried YouTube, but due to embed restrictions I switched to SoundCloud playlists. The UI is bright and welcoming, and the layout includes a welcome page and journaling feature.<\/p>\n\n\n\n<p>Final Product<\/p>\n\n\n\n<p>A playable site that includes:<br>\u2022 Mood-based background color and music<br>\u2022 1 SoundCloud track per mood<br>\u2022 Journaling space with a \u201cSave My Thoughts\u201d option<br>\u2022 A smooth intro screen that eases the player into the experience<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-scaled.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" data-id=\"13278\" src=\"https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-1024x665.png\" alt=\"\" class=\"wp-image-13278\" srcset=\"https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-1024x665.png 1024w, https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-300x195.png 300w, https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-768x499.png 768w, https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-1536x998.png 1536w, https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/04\/Screenshot-2025-04-23-at-9.37.43\u202fPM-2048x1330.png 2048w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Premise Hear Me is a gentle, therapeutic browser experience. Players select how they feel (Happy, Sad, Lost, etc.) and are provided with a mood-matching song and a journaling space to reflect. It\u2019s designed as a calming audio-visual tool. Story There\u2019s no \u201cwin\u201d condition. The game exists to support and calm. It\u2019s about making space for &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/rmu.andrewyames.com\/?p=13276\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8221;\u00a0Hear Me(3rd Game )&#8221;<\/span><\/a><\/p>\n","protected":false},"author":267,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89,90],"tags":[139],"class_list":["post-13276","post","type-post","status-publish","format-standard","hentry","category-game-design-studio-2","category-serious-game-ideas","tag-marked"],"_links":{"self":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/13276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/users\/267"}],"replies":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13276"}],"version-history":[{"count":1,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/13276\/revisions"}],"predecessor-version":[{"id":13281,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/13276\/revisions\/13281"}],"wp:attachment":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}