{"id":239,"date":"2026-10-29T19:32:55","date_gmt":"2026-10-29T19:32:55","guid":{"rendered":"https:\/\/sites.wsagames.com\/rc1g25\/?p=239"},"modified":"2026-10-29T19:41:06","modified_gmt":"2026-10-29T19:41:06","slug":"pixel-art","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/rc1g25\/2026\/10\/29\/pixel-art\/","title":{"rendered":"Pixel Art"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In the main art of the game I used a lot of pixel art on all the assets. I chose to make the main game pixel art because I think it was fitting with the environment and it also meant I could get a lot of assets done easier for the game. I got a lot of pixel art help from my <a href=\"https:\/\/sites.wsagames.com\/rc1g25\/2026\/10\/05\/artists\/\">research on Wanella<\/a>.<br><br>The original idea was to have one user on each screen and in the corners there would be camera recording like visuals, however I redid it as I didn&#8217;t think that it made too much sense.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-52-1024x644.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-52-1024x644.png 1024w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-52-300x189.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-52-767x482.png 767w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-52.png 1241w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I also created a custom font for the numbers however I found that it was too hard to implement into Godot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1002\" height=\"235\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-53.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-53.png 1002w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-53-300x70.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-53-767x180.png 767w\" sizes=\"(max-width: 1002px) 100vw, 1002px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the original button texture, it went for a more 3D approach which didn&#8217;t visually make sense as everything else was 2D.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5fb07882 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-image alignright size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"705\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-54-1024x705.png\" alt=\"\" class=\"wp-image-242\" style=\"aspect-ratio:1.4525301840733655;width:301px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-54-1024x705.png 1024w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-54-300x207.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-54-767x528.png 767w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-54.png 1043w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/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-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"501\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-56.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-56.png 842w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-56-300x179.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-56-766x456.png 766w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I also tried to experiment with changing the background and making it a fuzzy background, but there was too much visual noise combined with the Blender CRT filter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"532\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-57.png\" alt=\"\" class=\"wp-image-245\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-57.png 834w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-57-300x191.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-57-767x489.png 767w\" sizes=\"(max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I then decided to change the game into a computer trying to replicate old computer tabs. I think the new design is so much clearer and a lot nicer. I think it implements the UI and looks more like the player is on the PC.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-58-1024x587.png\" alt=\"\" class=\"wp-image-246\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-58-1024x587.png 1024w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-58-300x172.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-58-768x440.png 768w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-58.png 1195w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-extra-large-font-size wp-block-paragraph\">UI<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I think idea for the UI is it should be quite simplistic but not too specifically labelled to give so much that the player understands it immediately.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The top of the game is based on old computer tabs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"46\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-60.png\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-60.png 777w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-60-300x18.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-60-760x45.png 760w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"289\" height=\"173\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-67.png\" alt=\"\" class=\"wp-image-256\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each do here lights up whenever a player a puzzle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"138\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-66.png\" alt=\"\" class=\"wp-image-255\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The timer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"123\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-62.png\" alt=\"\" class=\"wp-image-250\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-62.png 377w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-62-300x98.png 300w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-74-1024x556.png\" alt=\"\" class=\"wp-image-265\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-74-1024x556.png 1024w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-74-300x163.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-74-766x416.png 766w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-74.png 1076w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I added the User to the new version however re-iterated it so both players could have their user on the same side of the screen at once and I coloured it so it was more obvious which user was which players.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"518\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-59.png\" alt=\"\" class=\"wp-image-247\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-59.png 928w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-59-767x428.png 767w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-59-300x167.png 300w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I also drew out what it would look like later into the game maybe with more puzzles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"444\" height=\"252\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-68.png\" alt=\"\" class=\"wp-image-257\" style=\"width:720px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-68.png 444w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-68-300x170.png 300w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Below are some more small things that are pretty self explanatory and I just wanted to include.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"396\" height=\"197\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-69.png\" alt=\"\" class=\"wp-image-258\" style=\"width:720px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-69.png 396w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-69-300x149.png 300w\" sizes=\"(max-width: 396px) 100vw, 396px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"444\" height=\"255\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-70.png\" alt=\"\" class=\"wp-image-259\" style=\"width:720px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-70.png 444w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-70-300x172.png 300w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"444\" height=\"253\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-71.png\" alt=\"\" class=\"wp-image-260\" style=\"width:720px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-71.png 444w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-71-300x171.png 300w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-72-1024x582.png\" alt=\"\" class=\"wp-image-261\" srcset=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-72-1024x582.png 1024w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-72-300x170.png 300w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-72-768x436.png 768w, https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-72.png 1375w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"57\" src=\"https:\/\/sites.wsagames.com\/rc1g25\/wp-content\/uploads\/sites\/88\/2026\/10\/image-73.png\" alt=\"\" class=\"wp-image-262\" style=\"width:327px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the main art of the game I used a lot of pixel art on all the assets. I chose to make the main game pixel art because I think it was fitting with the environment and it also meant I could get a lot of assets done easier for the game. I got a [&hellip;]<\/p>\n","protected":false},"author":68,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-prototype-development"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":3,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/posts\/239\/revisions\/267"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/rc1g25\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}