{"id":241,"date":"2022-02-26T03:50:49","date_gmt":"2022-02-26T03:50:49","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/sparks\/?p=241"},"modified":"2022-03-26T03:51:03","modified_gmt":"2022-03-26T03:51:03","slug":"week-6-first-department-packed","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/sparks\/week-6-first-department-packed\/","title":{"rendered":"Week 6: First Department Packed"},"content":{"rendered":"\n
<\/div>\n\n\n\n

This week (Feb.21 – 27) we finished all the art assets and functions we had in mind and are packing them up in the CRISPR department. We hope to wrap it up by the end of this weekend and get it ready for demo showcase on 1\/2 presentation next week. <\/p>\n\n\n\n

3D Environment<\/strong><\/p>\n\n\n\n

Artists finished the model of the CRISPR department. It has a round shape and we will put all the interactive objects along the circle. We’ll also put a landmark statue in the middle of the room to help users navigate the building. <\/p>\n\n\n\n

\"\"
Department Model<\/figcaption><\/figure><\/div>\n\n\n\n

We then added lighting and assigned some materials to make the environment even more visually appealing. We specifically tuned the lighting and materials to a futuristic feeling.<\/p>\n\n\n\n

\"\"
Showroom View<\/figcaption><\/figure>\n\n\n\n

Along the circle aisle, we placed some showboards with posters upon them. The content on the snowboards includes pictures, quotes, and books about CRISPR. Instead of being static and still, all the showboards will get bigger and gradually turn to the players when they are inside a certain range so that users feel their avatar is genuinely a dynamic existence in the world.<\/p>\n\n\n\n

\"\"
Video Screen<\/figcaption><\/figure>\n\n\n\n

They are also curved screens showing CRISPR-related videos. Players can stand upon the glowing circle to trigger the video, and the video stops playing when players leave the circle.<\/p>\n\n\n\n

UI Elements<\/strong><\/p>\n\n\n\n

We designed a set of UI elements including fonts, colors, and icons for different user functions and mini-games. We took Brenda’s advice and added some green in the color palette as a sign of life and nature, which get along well with the DNA topic.<\/p>\n\n\n\n

\"\"
Color Palette<\/figcaption><\/figure>\n\n\n\n
\"\"
Fonts and Icons<\/figcaption><\/figure>\n\n\n\n
\"\"
UI Panel for Mini-Games<\/figcaption><\/figure>\n\n\n\n
\"\"
Avatar Customization<\/figcaption><\/figure>\n\n\n\n

The avatar customization panel is just a placeholder for now without real function. We will implement it after Yuki fished the rigging and animation for the character models. Users will then be able to change the appearance of their avatar in game real-time.<\/p>\n\n\n\n

Plaza Design<\/strong><\/p>\n\n\n\n

As we wrapped up the first department, the design of the plaza has settled down as well. We took a lot of inspiration from online plaza art concepts and theme parks. Basically, we want the plaza to be welcoming and organic, making users feel like it is joyful to spend time wandering in it. At the same time, we wish our users get a sense of technology feeling because all the content in departments will be cutting-edge science. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Finally, we found the design of the Jewel Changi airport to be exactly what we are looking for. We designed a similar 3-level plaza structure for our experience.<\/p>\n\n\n\n

\"\"
Jewel Changi Airport<\/figcaption><\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

All the players will be prompted to the entrance floor. There is a showroom there with all the logos and information. Then, players can take the elevator to the second floor, and get an overview of the plaza through the elevator glasses. Two departments are located on the second floor. Players can use the cable line to get down to the first floor to visit the last department.<\/p>\n\n\n\n

1\/2 Presentation<\/strong><\/p>\n\n\n\n

We have a discussion about the structure of the presentation on Friday afternoon and will work separately on the slides. The deadline for slides is Sunday noon and we’ll start practicing after that. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

We also scheduled a field trip to Carnegie Science Center this Sunday afternoon. Since our experience is going to be a mix of traditional museums and theme parks, we thought we would find some inspiration on route design and indirect control in physical museums.<\/p>\n\n\n\n

Plan for the next two weeks<\/strong><\/p>\n\n\n\n

For the start of the next week, we will be focusing on the 1\/2 presentation. After that, we’ll start to build the plaza scene. Programmers will import their own character and tune the control after its rigging is finished. Experimenting on multiplayer will also start after 1\/2.<\/p>\n","protected":false},"excerpt":{"rendered":"

This week (Feb.21 – 27) we finished all the art assets and functions we had in mind and are packing them up in the CRISPR department. We hope to wrap it up by the end of this weekend and get it ready for demo showcase on 1\/2 presentation next week. 3D Environment Artists finished the model of the CRISPR department. It has a round shape and we will put all the interactive objects along the circle. We’ll also put a landmark statue in the middle of the room to help users navigate the building. We then added lighting and assigned\u2026<\/p>\n","protected":false},"author":2,"featured_media":246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_blog_post\"] .entry-header .page-title {--fontSize:40px;--heading-color:#ffffff;} [data-prefix=\"single_blog_post\"] .entry-header .entry-meta {--fontWeight:600;--textTransform:uppercase;--fontSize:12px;--lineHeight:1.3;} [data-prefix=\"single_blog_post\"] .hero-section[data-type=\"type-2\"] {background-color:var(--paletteColor6);--container-padding:50px 0;}","tablet":"","mobile":""},"google_fonts":{"Montserrat":["n4","n6"]},"version":4},"post_title_panel":"","has_hero_section":"enabled","7f06304155227867d2ce57ed4e33882b":"","hero_section":"type-2","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home","__id":"n6R7x8LG_7D961wPxL14i"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"XvmMbmUV2st1vjM6MlVuD"},{"id":"custom_meta","enabled":true,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":true,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"cEICppTCrviTVKSIr6qgU"},{"id":"breadcrumbs","enabled":false,"__id":"HMbvoGy-_97smloPoWRsb"}],"6060fe0569cd6f3f5ef4113019d18da0":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","88693d9549fb9464122f32bd12935ae7":"","hero_structure":"narrow","33f527f429952a11ef2284136d0c23ba":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"5076af2c020a922d3250a04049372264":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"40px","tablet":"40px","mobile":"40px","__changed":[]},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"#ffffff"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--paletteColor6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"2a282097c5daed83e023948d99fcde46":"","page_structure_type":"default","99fbfaff1a7ddee864825491c0f4ea33":"","content_style_source":"inherit","content_style":"wide","b4cf95fcd69bfde8917bea17b75fa585":"","vertical_spacing_source":"inherit","content_area_spacing":"both","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--paletteColor8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"deef9b2c2f4e8b1bb9254216e1e7db6e":"","disable_featured_image":"no","disable_post_tags":"no","disable_share_box":"no","disable_author_box":"no","disable_posts_navigation":"no","e72a39212901bbbea8bc09fdc77c25aa":"","disable_related_posts":"no","disable_header":"no","disable_footer":"no","c997906cd1f8519d1c5042d619c83fc0":"","cc58592f1d19facc60b6a195c6a8a632":"","05da70eb5a098bcaa6ef37cf09d97712":"","110bf695fc6713d24d77f5fdd67cbba4":"","95c8a140f1f6d5a1745d43f9606ad737":"","2cd7a39be513a1adfc6864a431611ecf":"","1bbc7ac91b4e2bff45ce009e4ab05018":"","64f8f0f304e892e5cd21ecc02b468a6a":"","fc76fa5cdc3b94c9bb338cf5887a7b6a":"","a4a126256a0df7621396253a32afb96c":""},"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/posts\/241"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/posts\/241\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/posts\/241\/revisions\/476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/media\/246"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/categories?post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/sparks\/wp-json\/wp\/v2\/tags?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}