{"id":73,"date":"2019-01-31T23:54:02","date_gmt":"2019-01-31T23:54:02","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/?p=73"},"modified":"2019-02-15T22:33:39","modified_gmt":"2019-02-15T22:33:39","slug":"week-1-greetings","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/2019\/01\/31\/week-1-greetings\/","title":{"rendered":"1\/14 – 1\/18 Week 1: Kick-off"},"content":{"rendered":"\n

Hello everyone!<\/p>\n\n\n\n

This is team brute4s,<\/strong> we\u2019d like to show our best welcomes to you and share an insight on what we are doing in the next 15 weeks.<\/p>\n\n\n\n

The team consists of \u2013<\/p>\n\n\n\n

Magian Li (Producer)<\/p>\n\n\n\n

Tina Tian (Artist, Writer)<\/p>\n\n\n\n

Brian Teng (Programmer, Sound)<\/p>\n\n\n\n

Max Hsieh (Programmer)<\/p>\n\n\n\n

Team and Project<\/strong><\/p>\n\n\n\n

We are a 4-membered interdisciplinary project team (that\u2019s why we\u2019re called brute 4s!) at the Entertainment Technology Center, Carnegie Mellon University. This project is a part of our curriculum and spans across a full semester. Our project\u2019s client is CMU\u2019s Cylab and specifically the \u2018picoCTF\u2019 team inside Cylab lead by Megan Kearns (Project Lead on picoCTF\u201919) and Maverick Woo (Tech Lead on picoCTF\u201919).<\/p>\n\n\n\n

PicoCTF is a cyber security competition conducted by CMU\u2019s CyLab for middle and high school students.<https:\/\/picoctf.com\/<\/a>> The competition aims to:<\/p>\n\n\n\n

>> Expose middle\/high school students to the field of cyber security\/computer science in general;
>> Lead them to learn and explore computer security area;
>> Encourage them to pursue further education in this field;
>> Identify best talents among the participants who are already good at it.<\/p>\n\n\n\n

The game<\/strong><\/p>\n\n\n\n

Our mission is to make the competition not only an exam-like experience, but also a game with story and other challenges. Along with us developing the game, another team of CMU students from SCS (known as the Problem Development Team) will build the problem set, and we will try our best to make a great combination. <\/p>\n\n\n\n

Research<\/strong><\/p>\n\n\n\n

After the team assembled in week 1, we conducted some meetings to talk about team roles and plans for the early stage of the semester. We knew that ETC has a great relationship working with picoCTF team, and developed games for the 2013, 2014 and 2018 competition, so all of them would be great reference for us to look at. So even before we met with our client, we went through the 2018\u2019s game online(which is the only one available now) and all the ETC team presentations in 2013, 2014 and 2018. With information from them, we had a better understanding of the relationship between our game and the competition. And also one very important aspect: scope.<\/p>\n\n\n\n

We are very aware that we are a team with 4 members, so the game will not be as big as those 6\/7-member teams had developed. We want to have a clear mind of what we are able to achieve, and use our best effort to make it.<\/p>\n\n\n\n

Tech<\/strong><\/p>\n\n\n\n

We spent some time on researching which engine to use, since our game will run on website, we have the choice to go with JS based engines. We were worried that since the Unity Engine is a heavy one, it would not perform as smooth in web browsers as a standalone version. Additionally, the 2018 game adopted 3D graphics instead of flat sprites, which could also impede performance.<\/p>\n\n\n\n

We tried a few JS engines out in the market, such as Phaser.io and PixiJS, yet we determined that given the limited workforce and time for our project, we simply couldn\u2019t afford spending two weeks on just figuring out the how-tos. On the other hand, Unity is an engine we all have some degree of proficiency. Eventually we decided to go back to Unity, but we also need to ask about performance when we meet with our clients.<\/p>\n\n\n\n

We also looked into game of last year and found that it had some minor issues that could affect the user\u2019s experience:In the game, the players will solve problems related to computer security. In a lot of cases, they need to use shell to run\/submit their answers. Therefore, they need to frequently copy and paste. However, due to safety issues, Chrome browser doesn\u2019t allow the Unity web client to access the clipboard directly. While it\u2019s still possible to copy and paste, it can only be done using a dialogue, which is much less efficient.<\/p>\n\n\n\n

\"\"\/
The copy paste dialog in the 2018 game <\/figcaption><\/figure>\n\n\n\n

Our programmers worked on this issue and solved it by adding an HTML overlay. While it\u2019s still technically outside of the game, we can customize the overlay with CSS so that it appears to be part of the game. This will help us a lot to keep players immersed.<\/p>\n\n\n\n

\"\"\/
The HTML overlay solution, complete with background, custom fonts, and button styles <\/figcaption><\/figure>\n\n\n\n

Other things we did in the week:<\/p>\n\n\n\n

>> Decided core hours
>> Set up work environment
>> Attended the ETC playtest workshop. Got some helpful suggestions! <\/p>\n\n\n\n

For the next week, we\u2019re planning to:<\/p>\n\n\n\n

>> Meet with our client to get clear idea about project goals and the other part of picoCTF 2019 team
>> Figure out our game genre, story, art style and tone
>> Work on development method, project schedule, branding and other logistics
>> Decide which engine we are going to use, since that\u2019s pretty brutal. <\/p>\n","protected":false},"excerpt":{"rendered":"

Hello everyone! This is team brute4s, we\u2019d like to show our best welcomes to you and share an insight on what we are doing in the next 15 weeks. The team consists of \u2013 Magian Li (Producer) Tina Tian (Artist, Writer) Brian Teng (Programmer, Sound) Max Hsieh (Programmer) Team and Project We are a 4-membered interdisciplinary project […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","hentry","category-development-blogs"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/posts\/73"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":7,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/posts\/73\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/media?parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/categories?post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/brute4s\/index.php\/wp-json\/wp\/v2\/tags?post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}