{"id":222,"date":"2020-04-01T19:18:35","date_gmt":"2020-04-01T19:18:35","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/?p=222"},"modified":"2020-04-03T17:14:55","modified_gmt":"2020-04-03T17:14:55","slug":"neo-security-lab-week10-blog","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/2020\/04\/01\/neo-security-lab-week10-blog\/","title":{"rendered":"Neo Security Lab Week10 blog"},"content":{"rendered":"\n<p>Week 10 is the second week since we started to work remotely. This week we changed the AI image from cube image to the prism shapes image to make it look more neutral. We also revised our task part UI and game part UI away from patch panel toward more futuristic style. With our story faculty\u2019s help, we kept iterating our story script toward final version. Moreover, we added minor functions in our minigame and adjusted some content in our minigame and UI.<\/p>\n\n\n\n<p>We changed our AI image into the prism shapes image and added entrance animation for it. Also, we added speech bubble for the AI suggestion and AI confidence level to avoid similarity with the \u201cTesseract\u201d and to bring the whole task part more sense of futuristic.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"460\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image.png\" alt=\"\" class=\"wp-image-223\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image.png 629w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-300x219.png 300w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<p>We also revised our UI, button and content layout for our task part and got rid of the \u201cbrain\u201d background to make our task part looks more neutral.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-1-1024x481.png\" alt=\"\" class=\"wp-image-224\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-1-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-1-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-1-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-1.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For the summary part we replaced the old cute bot AI icon with our new prism shapes AI icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-2-1024x481.png\" alt=\"\" class=\"wp-image-225\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-2-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-2-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-2-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-2.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We also replaced the AI image in the tutorial level for the minigame, and we changed the name10G network to 9G laser intern system, to make the minigame toward more futuristic and also avoided the potential confusion that the 10G might looks like \u201cLOG\u201d by users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-3-1024x481.png\" alt=\"\" class=\"wp-image-226\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-3-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-3-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-3-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-3.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-4-1024x481.png\" alt=\"\" class=\"wp-image-227\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-4-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-4-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-4-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-4.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For our story part, we temporarily removed the animation placeholder since we have newly edited script coming up. Besides, we added \u201cnext\u201d button function to give the user freedom to skip the animation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-5-1024x481.png\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-5-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-5-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-5-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-5.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For the submenu hierarchy, we added arrow\/image instead of \u201c:\u201d character.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-6-1024x481.png\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-6-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-6-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-6-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-6.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Based on our client\u2019s feedback, we also adjusted the minigame 3&#215;4 mirror blocks. We adjusted the minigame solid block color to darker color, and we changed the mirror blocks\u2019 reflection. Also, there will be more interesting minigame levels coming up or different difficulty levels minigame for our next week\u2019s development to enrich our minigame\u2019s interest curve.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-7-1024x481.png\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-7-1024x481.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-7-300x141.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-7-768x361.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/04\/image-7.png 1376w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Week 10 is the second week since we started to work remotely. This week we changed the AI image from cube image to the prism shapes image to make it look more neutral. We also revised our task part UI and game part UI away from patch panel toward more futuristic style. With our story [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-222","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/222"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":1,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/222\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}