[{"data":1,"prerenderedAt":447},["ShallowReactive",2],{"project-detail-en-neon-noir":3},{"locale":4,"slug":5,"detailPath":6,"renderMode":7,"category":8,"categories":9,"title":10,"summary":11,"roles":12,"period":16,"status":17,"stack":18,"tags":22,"cover":24,"coverImageLayout":25,"coverAspectRatio":26,"coverObjectPosition":27,"links":28,"highlights":41,"featured":45,"order":46,"ogImage":24,"media":47,"page":69,"blocks":313},"en","neon-noir","\u002Fprojects\u002Fneon-noir","blocks","game",[8],"Neon Noir","A Murder Mystery, Narrative-focused, social, and hybrid experience for mobile and PC.\n",[13,14,15],"programmer","gameplay-design-role","producer","Jan 2023 - May 2023","completed",[19,20,21],"unity","webgl","photon-pun",[23],"murder-mystery","\u002Fproject-media\u002Fneon-noir\u002Fcover.png","fixed","16 \u002F 12","50% 0%",[29,33,37],{"label":30,"url":31,"kind":32},"Project Website","https:\u002F\u002Fprojects.etc.cmu.edu\u002Falpha-detective-agency\u002F","live",{"label":34,"url":35,"kind":36},"Play on Itch","https:\u002F\u002Fjamesamigo.itch.io\u002Ftestada","store",{"label":38,"url":39,"kind":40},"YouTube Demo","https:\u002F\u002Fyoutu.be\u002F10MzfiJXNoc","video",[42,43,44],"Murder mystery with multi-device social gameplay","Multiplayer investigation and bag system built on Photon Pun","Detective board enabling real-time clue sharing between players",false,"20",[48,52,57,61,65],{"id":49,"kind":50,"src":24,"alt":51,"aspectRatio":26,"imageLayout":25,"objectPosition":27},"cover","image","Neon Noir — project cover",{"id":53,"kind":50,"src":54,"alt":55,"aspectRatio":56},"intro-video","\u002Fproject-media\u002Fneon-noir\u002Fintro-video.png","Neon Noir — introduction video screenshot","16 \u002F 10",{"id":58,"kind":50,"src":59,"alt":60,"aspectRatio":56},"game-structure","\u002Fproject-media\u002Fneon-noir\u002Fgame-structure.png","Neon Noir — game flow structure diagram",{"id":62,"kind":50,"src":63,"alt":64,"aspectRatio":56},"detective-board-1","\u002Fproject-media\u002Fneon-noir\u002Fdetective-board-1.png","Neon Noir — detective board screenshot (1)",{"id":66,"kind":50,"src":67,"alt":68,"aspectRatio":56},"detective-board-0","\u002Fproject-media\u002Fneon-noir\u002Fdetective-board-0.png","Neon Noir — detective board screenshot (0)",{"locale":4,"title":10,"summary":11,"roles":70,"period":16,"highlights":71,"links":72,"seo":76,"blocks":78},[13,14,15],[42,43,44],[73,74,75],{"label":30,"url":31,"kind":32},{"label":34,"url":35,"kind":36},{"label":38,"url":39,"kind":40},{"title":10,"description":77,"image":49},"A multiplayer murder mystery game with narrative-focused social gameplay, built with Unity, WebGL, and Photon Pun.\n",[79,94,163,166,234,284,293,301,309],{"id":80,"type":81,"region":82,"title":83,"items":84},"project-facts","metrics","hero","Project Info",[85,88,91],{"label":86,"value":87},"Team Size","6",{"label":89,"value":90},"Platform","PC + Phones",{"label":92,"value":93},"Tools","Unity, WebGL, Photon Pun",{"id":95,"type":96,"region":97,"title":98,"document":99},"project-description","rich-text","main","Project Description",{"id":100,"title":101,"body":102,"description":151,"extension":156,"meta":157,"navigation":158,"path":159,"seo":160,"stem":161,"__hash__":162},"projectBlocks\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Foverview.md","Overview",{"type":103,"value":104,"toc":150},"minimark",[105,112,117,123,126,131,134,139,142,147],[106,107,108],"blockquote",{},[109,110,111],"p",{},"Neon Noir is a Murder Mystery, Narrative-focused, social, and hybrid experience for mobile and PC.",[113,114,116],"h3",{"id":115},"game-flow","Game Flow",[109,118,119],{},[120,121,122],"strong",{},"Introduction Phase",[109,124,125],{},"Players are introduced to the world setting, choose their characters, read their character's backstory, and introduce themselves to the group.",[109,127,128],{},[120,129,130],{},"Investigation Phase",[109,132,133],{},"Players tap on their phones to move between areas and investigate, searching for clues and solving puzzles.",[109,135,136],{},[120,137,138],{},"Discussion Phase",[109,140,141],{},"Players discuss the clues they've collected and collaborate on puzzles to unlock new clues and areas.",[109,143,144],{},[120,145,146],{},"Accusation Phase",[109,148,149],{},"After several rounds of investigation and discussion, players accuse one person of being the murderer. The outcome depends on whether the answer is correct.",{"title":151,"searchDepth":152,"depth":152,"links":153},"",2,[154],{"id":115,"depth":155,"text":116},3,"md",{},true,"\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Foverview",{"description":151},"projects\u002Fneon-noir\u002Fen\u002Fblocks\u002Foverview","tsk47xvs4NvW6_JhKkHJQaQfGxYv7XYD6AECzERBk4U",{"id":164,"type":50,"region":97,"item":165},"intro-visual",{"id":58,"kind":50,"src":59,"alt":60,"aspectRatio":56},{"id":167,"type":96,"region":97,"variant":168,"title":169,"document":170},"my-responsibilities","wide","My Responsibilities",{"id":171,"title":172,"body":173,"description":228,"extension":156,"meta":229,"navigation":158,"path":230,"seo":231,"stem":232,"__hash__":233},"projectBlocks\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fresponsibilities.md","Responsibilities",{"type":103,"value":174,"toc":223},[175,182,186,196,200,211,215],[109,176,177,178,181],{},"Responsible for ",[120,179,180],{},"designing and developing"," core game logic, including the multiplayer investigation and bag systems.",[113,183,185],{"id":184},"investigation-mechanics","Investigation Mechanics",[187,188,189,193],"ul",{},[190,191,192],"li",{},"Collect clues and solve puzzles within each memory",[190,194,195],{},"Teleport between different memories",[113,197,199],{"id":198},"bag-system","Bag System",[187,201,202,205,208],{},[190,203,204],{},"A bag system that saves clues and puzzles",[190,206,207],{},"Allows players to view clues and interact with puzzles",[190,209,210],{},"A puzzle transfer feature that lets players send puzzles to each other",[113,212,214],{"id":213},"detective-board","Detective Board",[187,216,217,220],{},[190,218,219],{},"Share selected clues to the detective board",[190,221,222],{},"Hover to open detailed clue information",{"title":151,"searchDepth":152,"depth":152,"links":224},[225,226,227],{"id":184,"depth":155,"text":185},{"id":198,"depth":155,"text":199},{"id":213,"depth":155,"text":214},"Responsible for designing and developing core game logic, including the multiplayer investigation and bag systems.",{},"\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fresponsibilities",{"description":228},"projects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fresponsibilities","X0_qNoS6_u7IYpfPwROrcEKabASi_nzd30Nh6s4AMfY",{"id":235,"type":96,"region":97,"variant":168,"title":236,"document":237},"tech-implementation","Technical Implementation",{"id":238,"title":239,"body":240,"description":151,"extension":156,"meta":279,"navigation":158,"path":280,"seo":281,"stem":282,"__hash__":283},"projectBlocks\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fimplementation.md","Implementation",{"type":103,"value":241,"toc":274},[242,245,252,256,263,267],[113,243,89],{"id":244},"platform",[109,246,247,248,251],{},"Built with ",[120,249,250],{},"Unity"," as the primary game engine.",[113,253,255],{"id":254},"multiplayer","Multiplayer",[109,257,258,259,262],{},"Used ",[120,260,261],{},"Photon Pun"," plugin to implement multiplayer gameplay, enabling real-time interaction between PC and mobile players.",[113,264,266],{"id":265},"web-delivery","Web Delivery",[109,268,269,270,273],{},"Leveraged ",[120,271,272],{},"WebGL"," to support browser-based play experience.",{"title":151,"searchDepth":152,"depth":152,"links":275},[276,277,278],{"id":244,"depth":155,"text":89},{"id":254,"depth":155,"text":255},{"id":265,"depth":155,"text":266},{},"\u002Fprojects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fimplementation",{"description":151},"projects\u002Fneon-noir\u002Fen\u002Fblocks\u002Fimplementation","2GiofbAuxU6yfm4iqCa51tYjezSUwnHTsxmaOuygPI4",{"id":285,"type":286,"region":97,"variant":287,"title":214,"items":288,"stageScale":291,"stageSideGap":292},"detective-board-gallery","gallery","carousel",[289,290],{"id":66,"kind":50,"src":67,"alt":68,"aspectRatio":56},{"id":62,"kind":50,"src":63,"alt":64,"aspectRatio":56},0.9,40,{"id":294,"type":286,"region":97,"variant":287,"title":295,"items":296,"stageScale":291,"stageSideGap":292},"project-gallery","Project Gallery",[297,298,299,300],{"id":53,"kind":50,"src":54,"alt":55,"aspectRatio":56},{"id":58,"kind":50,"src":59,"alt":60,"aspectRatio":56},{"id":66,"kind":50,"src":67,"alt":68,"aspectRatio":56},{"id":62,"kind":50,"src":63,"alt":64,"aspectRatio":56},{"id":302,"type":303,"region":304,"items":305},"outbound-links","links","aside",[306,307,308],{"label":30,"url":31,"kind":32},{"label":34,"url":35,"kind":36},{"label":38,"url":39,"kind":40},{"id":310,"type":311,"region":304,"items":312},"key-highlights","highlights",[42,43,44],[314,319,358,360,401,430,434,440,445],{"id":80,"type":81,"region":82,"title":83,"items":315},[316,317,318],{"label":86,"value":87},{"label":89,"value":90},{"label":92,"value":93},{"id":95,"type":96,"region":97,"title":98,"document":320},{"id":100,"title":101,"body":321,"description":151,"extension":156,"meta":356,"navigation":158,"path":159,"seo":357,"stem":161,"__hash__":162},{"type":103,"value":322,"toc":353},[323,327,329,333,335,339,341,345,347,351],[106,324,325],{},[109,326,111],{},[113,328,116],{"id":115},[109,330,331],{},[120,332,122],{},[109,334,125],{},[109,336,337],{},[120,338,130],{},[109,340,133],{},[109,342,343],{},[120,344,138],{},[109,346,141],{},[109,348,349],{},[120,350,146],{},[109,352,149],{},{"title":151,"searchDepth":152,"depth":152,"links":354},[355],{"id":115,"depth":155,"text":116},{},{"description":151},{"id":164,"type":50,"region":97,"item":359},{"id":58,"kind":50,"src":59,"alt":60,"aspectRatio":56},{"id":167,"type":96,"region":97,"variant":168,"title":169,"document":361},{"id":171,"title":172,"body":362,"description":228,"extension":156,"meta":399,"navigation":158,"path":230,"seo":400,"stem":232,"__hash__":233},{"type":103,"value":363,"toc":394},[364,368,370,376,378,386,388],[109,365,177,366,181],{},[120,367,180],{},[113,369,185],{"id":184},[187,371,372,374],{},[190,373,192],{},[190,375,195],{},[113,377,199],{"id":198},[187,379,380,382,384],{},[190,381,204],{},[190,383,207],{},[190,385,210],{},[113,387,214],{"id":213},[187,389,390,392],{},[190,391,219],{},[190,393,222],{},{"title":151,"searchDepth":152,"depth":152,"links":395},[396,397,398],{"id":184,"depth":155,"text":185},{"id":198,"depth":155,"text":199},{"id":213,"depth":155,"text":214},{},{"description":228},{"id":235,"type":96,"region":97,"variant":168,"title":236,"document":402},{"id":238,"title":239,"body":403,"description":151,"extension":156,"meta":428,"navigation":158,"path":280,"seo":429,"stem":282,"__hash__":283},{"type":103,"value":404,"toc":423},[405,407,411,413,417,419],[113,406,89],{"id":244},[109,408,247,409,251],{},[120,410,250],{},[113,412,255],{"id":254},[109,414,258,415,262],{},[120,416,261],{},[113,418,266],{"id":265},[109,420,269,421,273],{},[120,422,272],{},{"title":151,"searchDepth":152,"depth":152,"links":424},[425,426,427],{"id":244,"depth":155,"text":89},{"id":254,"depth":155,"text":255},{"id":265,"depth":155,"text":266},{},{"description":151},{"id":285,"type":286,"region":97,"variant":287,"title":214,"items":431,"stageScale":291,"stageSideGap":292},[432,433],{"id":66,"kind":50,"src":67,"alt":68,"aspectRatio":56},{"id":62,"kind":50,"src":63,"alt":64,"aspectRatio":56},{"id":294,"type":286,"region":97,"variant":287,"title":295,"items":435,"stageScale":291,"stageSideGap":292},[436,437,438,439],{"id":53,"kind":50,"src":54,"alt":55,"aspectRatio":56},{"id":58,"kind":50,"src":59,"alt":60,"aspectRatio":56},{"id":66,"kind":50,"src":67,"alt":68,"aspectRatio":56},{"id":62,"kind":50,"src":63,"alt":64,"aspectRatio":56},{"id":302,"type":303,"region":304,"items":441},[442,443,444],{"label":30,"url":31,"kind":32},{"label":34,"url":35,"kind":36},{"label":38,"url":39,"kind":40},{"id":310,"type":311,"region":304,"items":446},[42,43,44],1786880261799]