[{"data":1,"prerenderedAt":1555},["ShallowReactive",2],{"home":3,"home-projects-dates":316,"gallery-projects":337},{"id":4,"title":5,"body":6,"description":100,"extension":101,"footer":102,"meta":309,"navigation":310,"path":311,"profileImage":312,"seo":313,"stem":314,"__hash__":315},"home\u002Findex.md","Home",{"type":7,"value":8,"toc":96},"minimark",[9,32,35,93],[10,11,12],"home-intro",{},[13,14,15,16,21,22,26,27,31],"p",{},"Hi 👋 I'm Ben, a Tech Director and Creative Technologist 🚀 with 15+ years of experience in media installations, web, and mobile 👾 for clients like ",[17,18,20],"a",{"href":19},"\u002Fproject\u002Fnasa-data-lens","NASA",", ",[17,23,25],{"href":24},"\u002Fproject\u002Fmit-museum","MIT",", and ",[17,28,30],{"href":29},"\u002Fproject\u002Fgoogle-creative-house","Google",". I build immersive experiences 🎮 with designers, architects, fabricators, and engineers.",[33,34],"project-gallery",{},[36,37,38,50,73],"home-statement",{},[13,39,40,41,44,45,49],{},"I lead tech on both large and small projects, from complex media suites for ",[17,42,43],{"href":24},"entire museums"," to ",[17,46,48],{"href":47},"\u002Fproject\u002Fmadball","bespoke installations for one-night events",". My favorite projects engage through motion, scale, interactivity, and storytelling.",[13,51,52,53,57,58,61,62,65,66,72],{},"As a ",[54,55,56],"strong",{},"technologist",", I conduct research, design exhibit systems, and get hands-on with code, motion, experience design, and all forms of prototyping. As a ",[54,59,60],{},"tech lead",", I assemble and mentor teams and collaborate with AV partners, electrical engineers, architects, and fabricators to integrate digital experiences tightly with spatial design. As an ",[54,63,64],{},"executive lead"," at ",[17,67,71],{"href":68,"rel":69},"https:\u002F\u002Fbluecadet.com",[70],"nofollow","Bluecadet",", I led the creative tech practice for exhibits from 2015 through 2023.",[13,74,75,76,21,81,86,87,92],{},"I’ve been a guest lecturer at NYU ITP and Parsons DT and regularly present my work at industry conferences. I create ",[17,77,80],{"href":78,"rel":79},"https:\u002F\u002Fwww.instagram.com\u002Fbenjaminbojko.makes",[70],"music and visualizations",[17,82,85],{"href":83,"rel":84},"https:\u002F\u002Fgithub.com\u002Fbenjaminbojko",[70],"open-source tools",", go rock-climbing in the wild, and join ",[17,88,91],{"href":89,"rel":90},"https:\u002F\u002Fgithub.com\u002FHackTheDinos\u002FDinoJerks",[70],"hackathons"," when I can. I received my Bachelor of Science with honors in Media Computer Science from HTW Berlin.",[94,95],"home-footer",{},{"title":97,"searchDepth":98,"depth":98,"links":99},"",2,[],"Ben Bojko is a Tech Director and Creative Technologist with 15+ years of experience in media installations, web, and mobile.","md",[103,175,225],[104,133],{"heading":105,"groups":106},"EXPERTISE",[107],{"items":108},[109,111,113,115,117,119,121,123,125,127,129,131],{"text":110},"Tech Direction",{"text":112},"Creative Coding",{"text":114},"Systems Design",{"text":116},"Concept Development",{"text":118},"TouchDesigner",{"text":120},"Unreal",{"text":122},"OpenGL",{"text":124},"C++",{"text":126},"Web",{"text":128},"Unity",{"text":130},"Cinder",{"text":132},"...",{"heading":134,"groups":135},"SELECT PRESS & AWARDS",[136,148,154,166],{"subheading":137,"items":138},"CommArts",[139,142,145],{"text":140,"href":141},"MIT Museum, Exhibit Feature","https:\u002F\u002Fwww.commarts.com\u002Fexhibit\u002Fmit-museum-installations",{"text":143,"href":144},"NASA Data Lens, Award of Excellence Environmental","https:\u002F\u002Fwww.commarts.com\u002Fproject\u002F26009\u002Fnasa-data-lens",{"text":146,"href":147},"THF Connections Table, Award of Excellence, Interactive","https:\u002F\u002Fwww.commarts.com\u002Fcontent\u002Ffiles\u002Fcompetitions\u002F2021%20IA%20Shortlist-2.pdf",{"subheading":149,"items":150},"Webby Awards",[151],{"text":152,"href":153},"MIT Museum, Winner Best Experiential Design","https:\u002F\u002Fwinners.webbyawards.com\u002F2023\u002Fmetaverse-immersive-virtual\u002Fmetaverse-immersive-features\u002Fbest-experiential-design\u002F246434\u002Fmit-museum",{"subheading":155,"items":156},"FWA of the Day",[157,160,163],{"text":158,"href":159},"THF Connect App","https:\u002F\u002Fthefwa.com\u002Fcases\u002Fthf-connect",{"text":161,"href":162},"MADBall","https:\u002F\u002Fthefwa.com\u002Fcases\u002Fmadballball-p2",{"text":164,"href":165},"Eko WSD","https:\u002F\u002Fthefwa.com\u002Fcases\u002Fwizard-school-dropout",{"subheading":167,"items":168},"American Museum of Natural History",[169,172],{"text":170,"href":171},"HackTheDeep, Winner Education","https:\u002F\u002Fgithub.com\u002FHackTheDeep",{"text":173,"href":174},"HackTheDinos, Winner Fan Favorite","https:\u002F\u002Fgithub.com\u002FHackTheDinos",[176],{"heading":177,"groups":178},"SELECT CLIENTS",[179],{"items":180},[181,183,185,187,189,191,192,194,196,198,200,202,204,206,208,209,211,213,215,217,219,221,223],{"text":182},"Bloomberg",{"text":184},"California Science Center",{"text":186},"Christie's",{"text":188},"Coca-Cola",{"text":190},"Gates Foundation",{"text":30},{"text":193},"Gore",{"text":195},"Independence Seaport Museum",{"text":197},"Independence Visitor Center",{"text":199},"Ken Burns",{"text":201},"Library of Congress",{"text":203},"Metropolitan Museum of Art",{"text":205},"MIT Museum",{"text":207},"Museum of Arts & Design",{"text":20},{"text":210},"Nike",{"text":212},"Royal Ontario Museum",{"text":214},"Smithsonian National Air & Space Museum",{"text":216},"Smithsonian Institution",{"text":218},"Tenement Museum",{"text":220},"The Henry Ford Museum",{"text":222},"Volkswagen",{"text":224},"Wrigley's",[226],{"heading":227,"groups":228},"LATEST SPEAKING",[229,239,246,258,268,276,285,299,304],{"subheading":230,"items":231},"DATLAB NYC 2025",[232,235,237],{"text":233,"href":234},"Learning to Play while","https:\u002F\u002Fwww.youtube.com\u002Flive\u002Fcx2oMx4qqfw?si=IO4KL4J95IiC8LNL",{"text":236,"href":234},"Building the Instrument",{"text":238},"at ZeroSpace NYC",{"subheading":240,"items":241},"Constructed Environments 2025",[242,244],{"text":243},"Prototyping Interactive Environments",{"text":245},"Parsons School of Design NYC",{"subheading":247,"items":248},"SEGD Xlab 2022",[249,252,254,256],{"text":250,"href":251},"Beyond Science Lessons,","https:\u002F\u002Fsegd.org\u002Fbeyond-science-lessons-towards-science-experiences",{"text":253,"href":251},"Towards Science Experiences",{"text":255},"with MIT Museum, Studio Joseph",{"text":257},"at MoMI NYC",{"subheading":259,"items":260},"ASTC 2022",[261,263,264,266],{"text":250,"href":262},"https:\u002F\u002Fwww.astc.org\u002Fastc-2022\u002Fsessions",{"text":253,"href":262},{"text":265},"with MIT Museum, Studio Joseph,",{"text":267},"Pittsburgh",{"subheading":269,"items":270},"MCN 2020",[271,274],{"text":272,"href":273},"Curator Brain, Meet AI Brain","https:\u002F\u002Fmcn.edu\u002Fresources\u002Fcurator-brain-meet-ai-brain",{"text":275},"with The Henry Ford Museum",{"subheading":277,"items":278},"MCN 2017",[279,282,284],{"text":280,"href":281},"License to Krill","https:\u002F\u002Fmcn.edu\u002Fresources\u002Flicense-to-krill",{"text":283},"with Royal Ontario Museum,",{"text":267},{"subheading":286,"items":287},"DSE 2017",[288,291,293,295,297],{"text":289,"href":290},"A Platform Strategy for One","https:\u002F\u002Fwww.masstransitmag.com\u002Fsafety-security\u002Ftraining-testing-services\u002Fpress-release\u002F12303004\u002Fdigital-signage-expo-dse-smithsonian-national-air-and-space-museums-portway-to-present-at-dse-2017",{"text":292,"href":290},"of the Most Visited Locations in",{"text":294},"America",{"text":296},"with the National Air and Space Museum",{"text":298},"Las Vegas",{"items":300},[301],{"text":302,"href":303},"Guest lecturer at NYU ITP","https:\u002F\u002Ftisch.nyu.edu\u002Fitp",{"items":305},[306],{"text":307,"href":308},"Guest lecturer at Parsons DT","https:\u002F\u002Fwww.newschool.edu\u002Fparsons\u002Fmfa-design-technology",{},true,"\u002F","shared\u002Fprofile-pic-small",{"title":5,"description":100},"index","u-kZz1tnAHdXa2BWcpeEEhQBdYVnYN-cwSc49FiiT-c",[317,319,321,323,325,327,329,331,333,335],{"date":318},"2024-08-09T18:45:48+00:00",{"date":320},"2026-07-21T09:13:29+00:00",{"date":322},"2024-08-09T18:36:59+00:00",{"date":324},"2024-08-09T18:44:35+00:00",{"date":326},"2024-08-09T18:34:22+00:00",{"date":328},"2024-08-09T18:43:50+00:00",{"date":330},"2024-08-09T18:45:25+00:00",{"date":332},"2025-12-18T12:54:44+00:00",{"date":334},"2024-08-09T18:46:31+00:00",{"date":336},"2024-08-09T18:44:56+00:00",[338,498,669,734,900,1000,1177,1238,1361,1480],{"id":339,"title":340,"body":341,"credits":436,"date":332,"description":485,"extension":101,"gridFooter":310,"hero":486,"meta":488,"navigation":310,"order":489,"path":490,"seo":491,"shortTitle":492,"stem":493,"thumb":494,"year":496,"__hash__":497},"projects\u002Fproject\u002Fnecto-venice.md","Necto: Venice Biennale 2025",{"type":7,"value":342,"toc":434},[343,353,369,391,403,416,428],[344,345,347,350],"overview",{"tagline":346},"Spatial Lighting Animation Pipeline",[13,348,349],{},"SO-IL, Mariana Popescu, and TheGreenEyl created Necto, a large textile installation with integrated lighting at the 2025 Venice Architecture Biennale. I joined the team to design the experiential activation for the membrane structure, developing the technical systems needed to control 23 LED strips embedded in the 100m² surface.",[13,351,352],{},"Working from NYC for the first month before moving to Tokyo for three months, I built a pipeline that connected architectural modeling with lighting control, enabling real-time preview and rapid iteration on spatial animations while the team operated between NYC and Venice.",[354,355,357],"project-section",{"title":356},"Experience Design Challenge",[358,359,363,366],"split",{"side":360,"text":361,"media":362},"right","4","necto-venice\u002Frhino-splines-01-inverted",[13,364,365],{},"The membrane structure was computationally designed and fabricated, but we needed to figure out how to bring it to life experientially. Richard and I explored various approaches—projection, custom screens, laser projection, interactivity—before settling on integrated LED strips that could create spatial animations across the textile surface.",[13,367,368],{},"This meant solving several problems: How do you design lighting for a complex 3D surface that doesn't exist yet? How do you program animations for thousands of LED pixels in 3D space? And how do you do this while working remotely across multiple time zones?",[354,370,372,376,379,382,385,388],{"title":371},"Technical Approach",[373,374],"media",{"src":375},"necto-venice\u002Ftech-ue-to-td-and-onsite-251218",[13,377,378],{},"The system design connected the existing Rhino architectural model to lighting control through a multi-stage pipeline:",[13,380,381],{},"Rhino → Unreal Engine: An early proof of concept by Arden was the foundation to import splines from the membrane model using Python and UE's Editor API. The system automatically calculated DMX universes based on pixel pitch and generated LED points at consistent intervals along each spline with real-world XYZ coordinates.",[13,383,384],{},"Unreal Engine Calibration: UE's spline editor enabled manual adjustment of pixel counts and positions. This became the high-fidelity previsualization tool for exploring LED layouts and testing animations before any hardware existed.",[13,386,387],{},"TouchDesigner Animation: All LED coordinates and DMX mapping were exported to TouchDesigner, which handled animation playback through a Python GUI and spatial animations that leveraged 3D calibration and metadata.",[13,389,390],{},"Digital Twin: Bidirectional communication between TouchDesigner and Unreal Engine allowed TD to send DMX data to both the LED controller AND back to UE for real-time preview of actual lighting in the digital model.",[354,392,394],{"title":393},"The Moment It Clicked",[358,395,397,400],{"side":360,"text":361,"media":396},"necto-venice\u002Ftech-td-2d-to-3d-mapping",[13,398,399],{},"I demonstrated the pipeline by playing a video mapped to the LED fixtures in our digital twin, then quickly switching to a visualization showing the 3D coordinates rendered in RGB space. Seeing how easily we could go from simple video playback to complex spatial visualizations helped the team understand the creative possibilities and start thinking about animations differently.",[13,401,402],{},"This breakthrough established the foundation for our remote collaboration workflow.",[354,404,406],{"title":405},"Remote Collaboration",[358,407,410,413],{"side":408,"text":361,":images":409},"left","[\"necto-venice\u002Fnecto-collab-01\",\"necto-venice\u002Fnecto-collab-02\",\"necto-venice\u002Fnecto-collab-04\",\"necto-venice\u002Fnecto-collab-03\"]",[13,411,412],{},"The digital twin approach enabled seamless remote collaboration from Tokyo. Richard maintained a version in NYC while I worked from Tokyo, keeping them synchronized through version control. We could iterate on lighting designs and test animations across continents while Noah handled electrical planning and Arden developed animations in TouchDesigner.",[13,414,415],{},"When I arrived in Venice for installation week, only minor calibration adjustments were needed. The precision came from the exceptional accuracy of Mariana's team's original Rhino model and structural work, combined with Noah's meticulous electrical planning that let us pull his DMX configuration directly into UE.",[354,417,419],{"title":418},"Reusable Pipeline",[358,420,422,425],{"side":360,"text":361,"media":421},"necto-venice\u002Ftech-td-gui",[13,423,424],{},"The tools I built for this project extend well beyond this single installation. The Rhino → UE → TD → UE pipeline works for any project that needs precise spatial control of lighting, whether that's volumetric LED installations, architectural lighting systems, or interactive art pieces that map audio or motion to light.",[13,426,427],{},"The remote collaboration workflow and digital twin approach also proved valuable for managing complex technical projects across multiple locations and time zones.",[354,429,431],{"title":430},"Result",[13,432,433],{},"The installation opened at the Venice Architecture Biennale in May 2025, running through November 23rd. The project received coverage from major design publications including ArchDaily, Designboom, and World Architects, with photographers Iwan Baan and Marco Zorzanello documenting the completed work. The lighting system successfully enabled the spatial animations that transform the membrane structure into different atmospheric environments.",{"title":97,"searchDepth":98,"depth":98,"links":435},[],[437,442,447,452,461,478],{"label":438,"items":439},"Clients",[440],{"text":441},"SO – IL, TheGreenEyl",{"label":443,"items":444},"Role",[445],{"text":446},"Software Lead, Concept Development, System Architecture, Previsualization, Software Dev",{"label":448,"items":449},"Technology",[450],{"text":451},"TouchDesigner, Unreal Engine, Python, C++, GLSL",{"label":453,"items":454},"Studios",[455,457,459],{"text":456},"Architecture: SO – IL",{"text":458},"Membrane: Tailored Materiality Research",{"text":460},"Experience: TheGreenEyl",{"label":462,"items":463},"Experiential Team",[464,466,468,470,472,474,476],{"text":465},"Richard The (Creative Director)",{"text":467},"Ben Bojko (Software Lead)",{"text":469},"Noah Feehan (Hardware Lead)",{"text":471},"Saralee Sittigaroon (Architectural Designer)",{"text":473},"Arden Schager (Creative Technologist)",{"text":475},"Ardak Mukanova (Designer)",{"text":477},"Marian Mentrup (Sound Designer)",{"label":479,"items":480},"Photography",[481,483],{"text":482},"Maco (Video)",{"text":484},"Iwan Baan (Photo)","SO-IL, Mariana Popescu, and TheGreenEyl created Necto, a large textile installation with integrated lighting at the 2025 Venice Architecture Biennale. I joined…",{"video":487},"necto-venice\u002Fhero",{},1,"\u002Fproject\u002Fnecto-venice",{"title":340,"description":485},"Necto: Venice Biennale","project\u002Fnecto-venice",{"video":495},"necto-venice\u002Fthumb",null,"JemxLb9RiG2cglWCfPGa7DCbwPZ4HfOKkisv4hD39Y4",{"id":499,"title":205,"body":500,"credits":597,"date":326,"description":660,"extension":101,"gridFooter":310,"hero":661,"meta":663,"navigation":310,"order":98,"path":24,"seo":664,"shortTitle":205,"stem":665,"thumb":666,"year":496,"__hash__":668},"projects\u002Fproject\u002Fmit-museum.md",{"type":7,"value":501,"toc":595},[502,515,527,539,552,563,571,586],[344,503,505,508,512],{"tagline":504},"In 2022 the MIT Museum moved to a brand new location with 20+ installations across four major galleries.",[13,506,507],{},"As the Executive Tech Director for experiential media, I was deeply involved from pitch to installation in this close collaboration between Studio Joseph, Bluecadet, and Pentagram. Playing both a creative and a client-facing role, I worked across disciplines and studios to develop original concepts and prototypes, research new tech and oversee AV\u002Ffabrication integration.",[373,509],{"caption":510,"src":511},"MIT Museum gallery layout by Studio Joseph","mit-museum\u002Fmitm-floor-plan-med-03",[13,513,514],{},"During production, I oversaw a team of a dozen developers, defined technical standards, systems architecture, flow of communication and best practices across various stacks for all Bluecadet installations.",[516,517,521,524],"featured-experience",{":credits":518,"media":519,"name":520},"[{\"label\":\"My Role\",\"items\":[{\"text\":\"Creative Direction, Tech Direction, Prototyping, AV\u002FFav Coordination\"}]},{\"label\":\"Technology\",\"items\":[{\"text\":\"Hologauze, Layered Projection, Three.JS (prototyping), Kerrras, Unity\"}]},{\"label\":\"Core Bluecadet Team\",\"items\":[{\"text\":\"Weili Shi\"},{\"text\":\"Katie Savage\"},{\"text\":\"Jillian Hammer\"},{\"text\":\"Victoria Jones\"},{\"text\":\"Ksenya Dynkin\"}]}]","mit-museum\u002Fmitm-ai-black-box-04","Black Box",[13,522,523],{},"This experience demonstrates how neural networks work, how they're trained, and why they're biased. Visitors draw a facial expression, which is then analyzed in real-time on a large holographic projection.",[13,525,526],{},"The installation encourages playful iteration and interaction with the custom-trained A.I. model. This is an original concept that I sketched, presented, and prototyped—final design and implementation by the team at Bluecadet.",[354,528,530],{"title":529},"Volumetric Projection",[358,531,533,536],{":images":532,"side":408,"text":361},"[\"mit-museum\u002Fblack-box-km-prototype\",\"mit-museum\u002Fblack-box-km-prototype-05-cropped\",\"mit-museum\u002Fcamera-frustums\",\"mit-museum\u002Fblackbox-projection-study-1\",\"mit-museum\u002F2021-02-04-15-38-09-16x9\"]",[13,534,535],{},"The installation is projected onto 3 transparent layers of Hologauze using 3 projectors, creating the illusion of a single 2.5D volume in a void.",[13,537,538],{},"This required careful planning, visualization, and physical mock-ups with the spatial AV projection specialists. Baffles, curtains, and absorbent materials were used to capture the spill.",[354,540,542],{"title":541},"Custom A.I.",[358,543,546,549],{":images":544,"side":360,"text":545},"[\"mit-museum\u002Fmitm-blackbox-training\",\"mit-museum\u002Fscreen-shot-2022-08-26-at-9-35-09-pm-cropped-1\",\"mit-museum\u002Fmitm-black-box-processing-2\"]","3",[13,547,548],{},"With a technical topic like A.I., it was important to provide visitors with an emotional hook as an entry point.",[13,550,551],{},"This is why the model analyzes facial expressions. To do that, we collected 7,000+ drawings via a custom web app and trained an NN to analyze expressions in real-time.",[516,553,557,560],{":credits":554,"media":555,"name":556},"[{\"label\":\"My Role\",\"items\":[{\"text\":\"Tech Direction, Prototyping, Back-End Dev, AV\u002FFav Coordination\"}]},{\"label\":\"Technology\",\"items\":[{\"text\":\"Teensy, Art-Net, Node.JS, launchpad\"}]},{\"label\":\"Core Bluecadet Team\",\"items\":[{\"text\":\"Katie Savage\"},{\"text\":\"Victoria Jones\"},{\"text\":\"Ksenya Dynkin\"}]}]","mit-museum\u002Fmitm-audio-cones-04","Audio Cones",[13,558,559],{},"Driving science and innovation at MIT, at its core, are the people that make up its community. We worked with the museum to bring these voices to visitors via proximity-triggered audio.",[13,561,562],{},"In the A.I. and Essential MIT galleries, 9 Audio Cones react to visit presence using lighting and audio. I was involved with early UX and tech prototyping, and systems planning and worked closely with AV and fabricators to integrate all the components seamlessly.",[516,564,568],{":credits":565,"media":566,"name":567},"[{\"label\":\"My Role\",\"items\":[{\"text\":\"Tech Direction, Prototyping, AV\u002FFav Coordination, Moderation & Safety\"}]},{\"label\":\"Technology\",\"items\":[{\"text\":\"Curved OLED, Unity, JS, OpenAI API\"}]},{\"label\":\"Core Bluecadet Team\",\"items\":[{\"text\":\"Weili Shi\"},{\"text\":\"Katie Savage\"},{\"text\":\"Jillian Hammer\"},{\"text\":\"Victoria Jones\"},{\"text\":\"Ksenia Dynkin\"},{\"text\":\"Katie Han\"}]}]","mit-museum\u002Fmitm-ai-poetry-01","Collaborative Poetry",[13,569,570],{},"In this experience, visitors are invited to write a poem with an A.I., posing the question if an A.I. can be creative before models like ChatGPT were available. I helped coordinate the spatial and AV integration and consulted on user experience design.",[354,572,574],{"title":573},"Physical Design",[358,575,577,580,583],{":images":576,"side":408,"text":361},"[\"mit-museum\u002Fmitm-poetry-14\",\"mit-museum\u002Fmitm-poetry-18\",\"mit-museum\u002Fmit-prototyping-008242-e\"]",[13,578,579],{},"Experientially it was important to create a space where users could focus on writing while others could still engage and watch from afar.",[13,581,582],{},"We used a curved OLED to create a swooping canvas for all published poems above visitors. This was informed by various mockups, scale testing and careful planning to ensure the control boxes and mounting were elegantly integrated.",[13,584,585],{},"On the software side, we used Unity's cloth sim to emulate the floating paper across the large canvas.",[354,587,589],{"title":588},"Moderation & Safety",[358,590,592],{":images":591,"side":360,"text":361},"[\"mit-museum\u002Fext-mitm-20210812-ai-poetrymoderation-discussion-bc\",\"mit-museum\u002Fext-mitm-20210812-ai-poetrymoderation-discussion-bc-2\",\"mit-museum\u002Fext-mitm-20210812-ai-poetrymoderation-discussion-bc-3\",\"mit-museum\u002Fext-mitm-20210812-ai-poetrymoderation-discussion-bc-4\"]",[13,593,594],{},"Through MIT, I worked with OpenAI to get early access to their GPT-3 API. Based on our UX principles and OpenAI's requirements, I developed a moderation and safety strategy for this experience. These standards eventually formed the foundation for all user-generated content at the museum.",{"title":97,"searchDepth":98,"depth":98,"links":596},[],[598,602,606,610,625,652,656],{"label":599,"items":600},"Client",[601],{"text":205},{"label":443,"items":603},[604],{"text":605},"Tech Direction, Creative Direction, Prototyping, AV\u002FFab Coordination, Install",{"label":448,"items":607},[608],{"text":609},"Hologauze Projection, LG Curved OLED, Planar LED, GPT-3, Teensy, Contentful, JS, Unity, Cinder, Art-Net",{"label":611,"items":612},"Team",[613,615,617,619,621,623],{"text":614},"Katie Savage (CD)",{"text":616},"Victoria Jones (PM)",{"text":618},"Jillian Hammer (Design)",{"text":620},"Weili Shi (Dev)",{"text":622},"Ksenya Dynkin (Content)",{"text":624},"+ many more",{"label":626,"items":627},"Press, Awards & Speaking",[628,630,632,634,636,638,640,642,644,646,648,650],{"text":629},"Webby Awards Winner, Best Experiential Design",{"text":631},"FWA of the Day: Black Box at the MIT Museum",{"text":633},"FWA of the Day: Collaborative Poetry at the MIT Museum",{"text":635},"ASTC 2022 Beyond Science Lessons, Towards Science Experiences",{"text":637},"SEGD Xlab Beyond Science Lessons, Towards Science Experiences",{"text":639},"SEGD Xlab Stepping into the Next Frontier of Digital",{"text":641},"CommArts Exhibit Feature",{"text":643},"FastCompany Exhibit Feature",{"text":645},"Bluecadet Case Study: Artificial intelligence (AI) and the Modern Museum",{"text":647},"Bluecadet Case Study: The Art of Writing Poetry with an AI",{"text":649},"Bluecadet Case Study: The Window",{"text":651},"Bluecadet Case Study: Breaking Into the Black Box: An Exploration of AI and Emotion",{"label":453,"items":653},[654],{"text":655},"Bluecadet (Experience), Studio Joseph (Spatial), Pentagram (Graphics), Kubik Maltbie (AV)",{"label":479,"items":657},[658],{"text":659},"Dan King for Bluecadet, Alex Fradkin for Studio Joseph","As the Executive Tech Director for experiential media, I was deeply involved from pitch to installation in this close collaboration between Studio Joseph,…",{"video":662},"mit-museum\u002Fhero",{},{"title":205,"description":660},"project\u002Fmit-museum",{"video":667},"mit-museum\u002Fthumb","DDExAMdlfXHtoqL4mxFWgR5vWPBm0iBneyAK2maleWc",{"id":670,"title":671,"body":672,"credits":688,"date":324,"description":725,"extension":101,"gridFooter":310,"hero":726,"meta":728,"navigation":310,"order":729,"path":47,"seo":730,"shortTitle":207,"stem":731,"thumb":732,"year":496,"__hash__":733},"projects\u002Fproject\u002Fmadball.md","MAD Ball",{"type":7,"value":673,"toc":686},[674],[344,675,677,680,683],{"tagline":676},"Four-player pong with real fruit.",[13,678,679],{},"The Museum of Arts and Design in NYC approached Bluecadet to build an interactive experience for their MAD Gala 2017. We built an interactive pong game where real fruit is the input to control the paddles. Additional fruit on the sides can be used by bystanders to disrupt the game with projectiles.",[373,681],{"src":682},"madball\u002Fmadball-prototyping",[13,684,685],{},"The app was built in Cinder and Arduino within two weeks, with iterative prototyping, body storming, and sketching being key to the process.",{"title":97,"searchDepth":98,"depth":98,"links":687},[],[689,693,697,701,705,711,715],{"label":599,"items":690},[691],{"text":692},"Museum of Arts and Design (NYC)",{"label":443,"items":694},[695],{"text":696},"Tech Direction, Software Dev, Prototyping, Install",{"label":448,"items":698},[699],{"text":700},"🍎, 🍊, 🍌, Cinder, C++, GLSL, Box2D, Arduino",{"label":702,"items":703},"Studio",[704],{"text":71},{"label":611,"items":706},[707,709],{"text":708},"Brett Renfer (CD, Arduino)",{"text":710},"Janet Lu (Design)",{"label":479,"items":712},[713],{"text":714},"Dan King for Bluecadet",{"label":716,"items":717},"Press & Awards",[718,720,721,723],{"text":719},"FWA",{"text":155},{"text":722},"FWA Insights Article",{"text":724},"SEGD Design Awards Finalist","The Museum of Arts and Design in NYC approached Bluecadet to build an interactive experience for their MAD Gala 2017. We built an interactive pong game where…",{"video":727},"madball\u002Fhero",{},3,{"title":671,"description":725},"project\u002Fmadball",{"video":727},"rq62QkTDKPQM-7P0VMYnCP50NYbt7ihyw6-zcbkRid4",{"id":735,"title":736,"body":737,"credits":831,"date":322,"description":888,"extension":101,"gridFooter":310,"hero":889,"meta":891,"navigation":310,"order":892,"path":893,"seo":894,"shortTitle":736,"stem":895,"thumb":896,"year":496,"__hash__":899},"projects\u002Fproject\u002Finfiniti-reveal.md","Infiniti P61Q Reveal",{"type":7,"value":738,"toc":829},[739,751,803,823],[344,740,742,745,748],{"tagline":741},"Just Right: Three Immersive Installations that Engage the Senses",[13,743,744],{},"Infiniti wanted to create a memorable reveal event for their new P61Q vehicle, highlighting its unique features and customization options. As part of the MssngPces production team, I worked closely with Aramique, Volvox, and a massively talented crew of collaborators to develop three immersive installations that would engage attendees' senses—Feel, Hear and See—and showcase the car's cutting-edge technology.",[13,746,747],{},"As the Tech Director, I was responsible for technical concept development and research for the proposal, software development and implementation for one of three installation (Feel), as well as oversight and on-site installation of the Feel and Hear installations.",[13,749,750],{},"We had 2 weeks to develop our concepts, and 5 weeks to build them.",[354,752,754,783,786,789,792,795,798],{"kicker":753},"The Feel Installation",[358,755,758,761],{"header":756,"side":360,"text":361,"media":757},"Feel: Personal Climate Zones","infiniti-reveal\u002Finfiniti-dev-diagram-feel",[13,759,760],{},"To showcase the P61Q's customizable climate zones and IR temperature detection, this experience incorporated:",[762,763,764,768,771,774,777,780],"ul",{},[765,766,767],"li",{},"Thermal camera to measure attendees' temperatures",[765,769,770],{},"DMX-controlled fans to provide a cooling effect",[765,772,773],{},"Kinect Azure for point clouds and presence detection",[765,775,776],{},"Projected visuals onto layers of transparent scrims",[765,778,779],{},"Particle animations that respond to wind and temperature",[765,781,782],{},"Audio feedback",[13,784,785],{},"Developing most of the installation remotely, I used previsualization techniques like an custom LED pixel-pitch simulator to ensure that our aesthetic would translate seamlessly to the final hardware.",[373,787],{"src":788},"infiniti-reveal\u002Finfiniti-reveal-led-preview",[13,790,791],{},"Additionally, I created a central interface to manage sensor calibration, animation timings, wind speeds, and monitor each parameter's status during development and the live event.",[373,793],{"src":794},"infiniti-reveal\u002Finfiniti-install-control",[13,796,797],{},"During development, Volvox built a simple projector mockup to test the scrims and Ryan Hawthorne's motion graphics flanking the generative LED panel content on each side. I worked on-site to tweak camera calibration, LED visuals and projector alignment.",[799,800],"image-grid",{":images":801,"fill":802},"[\"infiniti-reveal\u002Finfiniti-hardware-testing-projection\",\"infiniti-reveal\u002Finfiniti-hardware-cameras\"]","true",[354,804,806,813,816],{"kicker":805},"Tech Direction & Concepting",[358,807,810],{"header":808,"side":360,"text":545,":images":809},"Concept & Research","[\"infiniti-reveal\u002Finfiniti-concept-research-03-hear\",\"infiniti-reveal\u002Finfiniti-concept-research-02-feel\",\"infiniti-reveal\u002Finfiniti-concept-research-01-see\",\"infiniti-reveal\u002Finfiniti-sketch-02\"]",[13,811,812],{},"For the proposal, I assembled a list of tech that could be used to as inputs and outputs for each, participated in concepting brainstorms and put together technical narratives for the final presentation.",[814,815],"spacer",{},[358,817,820],{"header":818,"side":408,"text":545,":images":819},"Planning & Proposal","[\"infiniti-reveal\u002Finfiniti-hardware-list\",\"infiniti-reveal\u002Finfiniti-dev-architecture-feel\"]",[13,821,822],{},"To make sure each concept could be executed on time and with the intended functionality, I put together estimates, hardware matrices, and system diagrams demonstrating how everythign works.",[354,824,825],{"divider":802},[373,826],{"src":827,"variant":828},"infiniti-reveal\u002Finf-thermal-preview","half",{"title":97,"searchDepth":98,"depth":98,"links":830},[],[832,836,840,844,876,884],{"label":599,"items":833},[834],{"text":835},"Infiniti",{"label":443,"items":837},[838],{"text":839},"Tech Direction, Concept Development, Software Dev, Install",{"label":448,"items":841},[842],{"text":843},"TouchDesigner, Holosonic Directional Speakers., Kinect Azure, Terabee Thermal Camera, DMX Dimmer, Pixelator",{"label":611,"items":845},[846,848,850,852,854,856,858,860,862,864,866,868,870,872,874],{"text":847},"Aramique Krauthammer (Director)",{"text":849},"Jennifer Baker (Lead Producer)",{"text":851},"Ryan Hawthorne (Design Director)",{"text":853},"Volvox Labs (Javier Cruz, Kamil Nawratil)",{"text":855},"Dave Tennent (Creative Tech for HEAR)",{"text":857},"Gary Gunn (Composer & Sound Design)",{"text":859},"Matt Felsen (Pitch Tech Consultation)",{"text":861},"Volvox Labs, fabrication",{"text":863},"Kamil Nawratil, Design Lead",{"text":865},"Javier Cruz, Executive Producer",{"text":867},"Gilad Dor, Producer & LED Tech",{"text":869},"Zyia Zhang, Physical Designer",{"text":871},"Kiril Bejoulev, Architectural Designer",{"text":873},"Matthew Ross, Creative Tech",{"text":875},"Raphael Chang, Creative Tech",{"label":453,"items":877},[878,880,882],{"text":879},"Agency: Publicis | PxP",{"text":881},"Production: Mssng Peces",{"text":883},"Fabrication & AV: Volvox Labs (also shop drawings, 3D design, and concept + production of SEE program)",{"label":479,"items":885},[886],{"text":887},"INFINITI USAOne Dapper Street","Infiniti wanted to create a memorable reveal event for their new P61Q vehicle, highlighting its unique features and customization options. As part of the…",{"video":890},"infiniti-reveal\u002Fhero",{},4,"\u002Fproject\u002Finfiniti-reveal",{"title":736,"description":888},"project\u002Finfiniti-reveal",{"video":897,"poster":898},"infiniti-reveal\u002Fthumb","infiniti-reveal\u002Fthumb-poster","P05FxPLIc8QrLwo8cJesyG4S3_opaXVpjPSeBxCyu30",{"id":901,"title":902,"body":903,"credits":937,"date":328,"description":991,"extension":101,"gridFooter":310,"hero":992,"meta":994,"navigation":310,"order":995,"path":19,"seo":996,"shortTitle":20,"stem":997,"thumb":998,"year":496,"__hash__":999},"projects\u002Fproject\u002Fnasa-data-lens.md","NASA Data Lens",{"type":7,"value":904,"toc":935},[905,914],[344,906,908,911],{"tagline":907},"Interactive climate visualization for NASA's Goddard Visitor Center.",[13,909,910],{},"The scientists at NASA gather a trove of valuable climate data from space, the air and the ground. We worked with Goddard's Visualization Studio to build an interactive experience that explores the connections between climate phenomena across the globe.",[13,912,913],{},"The render pipeline, metaball and physics engines had to work hand-in-hand and required a good amount of optimization for speed and usability. Subtle animations indicate interactive states and the ability to merge or split lenses.",[354,915,917,920,923,926,929,932],{"title":916},"Metaballs + Motion Vocabulary + 2,985,984,000 px\u002Fs",[13,918,919],{},"Built in Cinder, this app renders up to 6x 4K videos in real time at 60fps and allows visitors to explore visualization through lenses, visualized as metaballs. Each lens highlights one set of data, and two lenses can be merged by dragging them together. Merging was done via a simple SDF shader, but the animation itself required a lot of nuance to properly convey all the hit states and UI states.",[373,921],{"src":922},"nasa-data-lens\u002Fgoddard-lens-states-01",[13,924,925],{},"The render pipeline involved different phases, from metaballs, to masking and video composition.",[373,927],{"src":928},"nasa-data-lens\u002Fshader-wip-01-3-540p",[373,930],{"src":931},"nasa-data-lens\u002Fshader-wip-02-3-540p",[373,933],{"src":934},"nasa-data-lens\u002Fshader-wip-03-2-540p",{"title":97,"searchDepth":98,"depth":98,"links":936},[],[938,942,946,950,953,969,988],{"label":599,"items":939},[940],{"text":941},"NASA Goddard Space Flight Center",{"label":443,"items":943},[944],{"text":945},"Tech Direction, Software Dev, Render Pipeline Dev",{"label":448,"items":947},[948],{"text":949},"Cinder, C++, GLSL, Windows Media Foundation, Planar Touch",{"label":702,"items":951},[952],{"text":71},{"label":611,"items":954},[955,957,959,961,963,965,967],{"text":956},"Brett Renfer (CD)",{"text":958},"Pete Hall (PM)",{"text":960},"Devon Burgoyne (Motion, Design)",{"text":962},"Nate Renninger (Design)",{"text":964},"Liz Russell (Content)",{"text":966},"Peter Chapman (Dev)",{"text":968},"Henry Steinberg (Dev)",{"label":716,"items":970},[971,972,974,976,978,980,982,984,986],{"text":641},{"text":973},"CommArts Award of Excellence, Environmental",{"text":975},"Fast Company Finalist, World Changing Award Ideas",{"text":977},"MW Glami Awards Finalist",{"text":979},"SEGD Project Feature",{"text":981},"SEGD Design Awards Merit Winner",{"text":983},"SEGD Global Design Awards Finalist",{"text":985},"SXSW Finalist – Interactive Awards",{"text":987},"Technical.ly Project Feature",{"label":479,"items":989},[990],{"text":714},"The scientists at NASA gather a trove of valuable climate data from space, the air and the ground. We worked with Goddard's Visualization Studio to build an…",{"video":993},"nasa-data-lens\u002Fhero",{},5,{"title":902,"description":991},"project\u002Fnasa-data-lens",{"video":993},"bGLwb8pJ-WfSLLwqrVOhvM0RsS687r3cIcQl_PnQMJ0",{"id":1001,"title":1002,"body":1003,"credits":1137,"date":320,"description":1166,"extension":101,"gridFooter":310,"hero":1167,"meta":1169,"navigation":310,"order":1170,"path":29,"seo":1171,"shortTitle":1002,"stem":1172,"thumb":1173,"year":496,"__hash__":1176},"projects\u002Fproject\u002Fgoogle-creative-house.md","Google Creative House",{"type":7,"value":1004,"toc":1135},[1005,1014,1020,1032,1047,1053,1073,1088,1103,1115,1124,1129],[344,1006,1008,1011],{"tagline":1007},"Seven live-AI experiences, one shared foundation, a two-day install, nine weeks from kickoff to opening.",[13,1009,1010],{},"Google Creative Lab built its first Creative House at Cannes Lions 2026: a villa away from the beach where creatives got hands-on with Google's newest AI models. Its position was clear, AI to amplify human creativity, not replace it, and every experience left room for guests to bring their own. Sketch a creature and watch it come to life. Write on a blank record and hear it play. Step into a gallery and become the art.",[13,1012,1013],{},"I joined as integrated Creative Technology Director, working alongside experiential Creative Director Richard The. My job was to turn seven fast-moving concepts into one foundation that could run reliably for a week: spec the hardware and network, build the shared infrastructure, shape early prototypes into exhibit-ready apps, and write a good share of the code myself.",[354,1015,1016],{},[1017,1018],"gallery",{":images":1019},"[\"google-creative-house\u002Fgch-slideshow-00001\",\"google-creative-house\u002Fgch-slideshow-00002\",\"google-creative-house\u002Fgch-slideshow-00004\",\"google-creative-house\u002Fgch-slideshow-00005\",\"google-creative-house\u002Fgch-slideshow-00006\"]",[354,1021,1023],{"title":1022},"From Sketches to Architecture",[358,1024,1026,1029],{"media":1025,"side":360,"text":545},"google-creative-house\u002Fgch-system-diagrams-combined",[13,1027,1028],{},"I wanted the team to keep exploring and iterating for as long as possible, so instead of forcing early concept decisions to fit the schedule, I locked the foundation underneath them: hardware, network, and each app's setup.",[13,1030,1031],{},"That gave them solid ground to work from, and let the physical build move ahead without waiting on final concepts. Translating loose concepts into specs and coordinating them with our UK production and AV teams was most of the early work; the other half was proving it on a full mockup with real hardware before anything shipped.",[354,1033,1035],{"title":1034},"AI as the Material",[358,1036,1038,1041,1044],{"media":1037,"side":408,"text":545},"google-creative-house\u002Fgch-drawing-room-001",[13,1039,1040],{},"Every experience generated its content live, using Gemini, Veo, Nano Banana, and Lyria. We used the same tools to build the experiences themselves, which meant we could test an idea in hours instead of days.",[13,1042,1043],{},"Building faster let us explore more directions early, but it didn't shorten the real production work.",[13,1045,1046],{},"Getting from a working prototype to something stable enough to run unattended for a week still took weeks of coding and creative iteration. The hard problems were the ones live generation created, and each needed its own approach:",[354,1048,1050],{"title":1049},"AI Pipeline",[373,1051],{"src":1052},"google-creative-house\u002Fgch-drawing-room-batch-tool",[354,1054,1055],{},[1056,1057,1058,1066],"cards",{},[1059,1060,1063],"card",{"image":1061,"title":1062},"google-creative-house\u002Fgch-drawing-room-ai-quality-pipeline-002","Building our own Pipeline Tools",[13,1064,1065],{},"Live generation ran through several AI models in a row, where a change in one step could ripple through the rest unpredictably. To tune that, I needed to see the whole pipeline at once, not just the final output.",[1059,1067,1070],{"image":1068,"title":1069},"google-creative-house\u002Fgch-drawing-room-ai-pipeline","Quality Control",[13,1071,1072],{},"AI output is inherently random. Rather than assume we could get a generation right in one shot, the team's approach was to generate many variations and use AI to pick or refine the best, an idea that kept resurfacing across the project.",[354,1074,1076],{"title":1075},"One Foundation, Many Apps",[358,1077,1079,1082,1085],{"media":1078,"side":360,"text":361},"google-creative-house\u002Fgch-drawing-room-combined-foundation",[13,1080,1081],{},"No two rooms were alike. Each app was standalone, built by a large team of mostly web developers in parallel, but every one ran on the same foundation.",[13,1083,1084],{},"Electron shell: Web apps let a distributed team build and review quickly, but brought their own problems: 4K streams crashing GPU decoders, mismatched refresh rates, apps spanning multiple displays. The shell absorbed all of it, so when displays got rearranged on-site, the apps just followed.",[13,1086,1087],{},"Ziptie: The work moved around constantly. Programs passed through multiple developers, people rotated on and off, and the drawing experience I owned had already been through two devs before me. That only works if every machine behaves identically no matter who's touching it, and if a failed PC can be rebuilt on-site to come back exactly the same. Ziptie, my deployment tool refined across years of installation work, does exactly that.",[354,1089,1091,1100],{"title":1090},"London Mockup",[358,1092,1094,1097],{"media":1093,"side":408,"text":361},"google-creative-house\u002Fgch-mockup-001-1",[13,1095,1096],{},"A staging week at Creative Technology's warehouse in London put every experience on real production hardware before anything shipped. I prepped every PC, tested most of the apps end to end, and worked through AV and software issues as they came up, handing hardware faults straight to the AV integrator to fix.",[13,1098,1099],{},"We caught network quirks, two PC failures, and a dead display there, and replaced all of it while it was still cheap and calm to do so.",[799,1101],{":images":1102},"[\"google-creative-house\u002Fgch-mockup-002\",\"google-creative-house\u002Fgch-mockup-003\"]",[354,1104,1106],{"title":1105},"Two Days in Cannes",[358,1107,1109,1112],{"media":1108,"side":360,"text":545},"google-creative-house\u002Fgch-install-flythrough-1",[13,1110,1111],{},"Five interactive demos, ten PCs, two days to get it all running in the villa. The prep in London paid off: every PC came up in minutes from a frozen baseline, and every developer was productive the moment they walked in.",[13,1113,1114],{},"My days looked much like London, prepping machines, testing apps, and chasing down AV and software issues with the integrator, but now against a fixed opening date. We spent the two days tuning experiences to the space, not fixing infrastructure.",[354,1116,1117],{},[13,1118,1119,1123],{},[1120,1121,1122],"em",{},"\"The exhibits are proof that we can retain personal creative agency and use AI to bring our imaginations to life in new and very compelling ways. I doodled a character I have been doodling since I was a child and saw it come to life with an amazing backstory more beautiful than I could have dreamed of.\""," — Guest feedback",[354,1125,1126],{},[1017,1127],{":images":1128},"[\"google-creative-house\u002Fgch-general-001\",\"google-creative-house\u002Fgch-general-002\",\"google-creative-house\u002Fgch-general-003\"]",[354,1130,1132],{"title":1131},"Embracing AI as a Creative Tool",[13,1133,1134],{},"I'm still adjusting how I think about generative AI: unlearning habits from traditional pipelines and learning where it works best. Case in point: generated animals occasionally faced the wrong direction, and I spent a long time optimizing prompts when a small AI vision check plus a video flip would have solved it in minutes. The lesson isn't \"add more AI,\" it's knowing when a small, well-isolated AI step beats hours of prompt engineering.",{"title":97,"searchDepth":98,"depth":98,"links":1136},[],[1138,1142,1146,1150,1156],{"label":438,"items":1139},[1140],{"text":1141},"Google Creative Lab",{"label":443,"items":1143},[1144],{"text":1145},"Tech Director, Prototyping, Software Dev, Install",{"label":448,"items":1147},[1148],{"text":1149},"Web, Google Gemini, Nanobanana, Veo, Lyria",{"label":1141,"items":1151},[1152,1154],{"text":1153},"Leads: Robert Wong, Cassie Hamilton, Mathew Ray",{"text":1155},"Team: Alan Yam, Ali Oakhill, Andrew Rhee, Anoop Chaganty, Arden Schager, Brandon Hightower, Brenda Fogg, Brien Hopkins, Claire Nelson, Cliff Lungaretti, Dane Larsen, Emily Moore, Habin Koh, Habibatou Magassa, Ho Man Cheung, Kachi Nwanonyiri, Kaloyan Kolev, Khyati Trehan, Mathew Ray, Matthew Carey, Matthew Smith, Mindy Liu, MJ Gomez Saavedra, Rikard Lindstrom, Richard The, Sammy Delgadillo, Shanti Proctor, Shashwath Santosh, Hana Tanimura, Tina Tarighian, Vera van de Seyp, Yanchen Zhao",{"label":453,"items":1157},[1158,1160,1162,1164],{"text":1159},"Experience: Google Creative Lab",{"text":1161},"Experience Consultation: TheGreenEyl \u002F Richard The",{"text":1163},"Production: Amplify",{"text":1165},"AV Integration: Creative Technology","Google Creative Lab built its first Creative House at Cannes Lions 2026: a villa away from the beach where creatives got hands-on with Google's newest AI…",{"video":1168},"google-creative-house\u002Fhero",{},6,{"title":1002,"description":1166},"project\u002Fgoogle-creative-house",{"video":1174,"poster":1175},"google-creative-house\u002Fthumb","google-creative-house\u002Fthumb-poster","Ny5RWWPR6swqbvo5NNpfqx2mvs4DA9SoYooxsDmlHz4",{"id":1178,"title":1179,"body":1180,"credits":1193,"date":318,"description":1228,"extension":101,"gridFooter":310,"hero":1229,"meta":1231,"navigation":310,"order":1232,"path":1233,"seo":1234,"shortTitle":190,"stem":1235,"thumb":1236,"year":496,"__hash__":1237},"projects\u002Fproject\u002Fgates-global-challenges.md","Gates Foundation:Global Challenges",{"type":7,"value":1181,"toc":1191},[1182],[344,1183,1185,1188],{"tagline":1184},"Multi-user, puck-based experience exploring the mission of the Gates Foundation.",[13,1186,1187],{},"Bluecadet worked with Pacific Studios on a large overhaul of the Bill and Melinda Gates Foundation Visitor Center in 2017. This experience answers one of the questions the foundation receives the most: \"What is it you actually do?\". Through the lens of its six biggest areas of focus, visitors explore topics like poverty, sanitation and malaria and how they relate to each other.",[13,1189,1190],{},"As a technical lead on this program, I designed the app architecture for all of its complex states, developed the socket communication across PCs, created a Cinder block to integrate with Ideum's puck SDK and support multi-touch gestures with the scene graph I developed for Bluecadet.",{"title":97,"searchDepth":98,"depth":98,"links":1192},[],[1194,1198,1202,1206,1209,1217,1225],{"label":599,"items":1195},[1196],{"text":1197},"Bill and Melinda Gates Foundation",{"label":443,"items":1199},[1200],{"text":1201},"Tech Direction, Software Dev, AV Coordination, Install",{"label":448,"items":1203},[1204],{"text":1205},"Cinder, C++, Ideum GestureWorks",{"label":702,"items":1207},[1208],{"text":71},{"label":611,"items":1210},[1211,1212,1214,1216],{"text":956},{"text":1213},"Katie Savage (Design)",{"text":1215},"Stacey Martens (Dev)",{"text":968},{"label":716,"items":1218},[1219,1220,1221,1223],{"text":981},{"text":983},{"text":1222},"Geek Wire Project Feature",{"text":1224},"Seattle's Child Project Feature",{"label":479,"items":1226},[1227],{"text":714},"Bluecadet worked with Pacific Studios on a large overhaul of the Bill and Melinda Gates Foundation Visitor Center in 2017. This experience answers one of the…",{"video":1230},"gates-global-challenges\u002Fhero",{},7,"\u002Fproject\u002Fgates-global-challenges",{"title":1179,"description":1228},"project\u002Fgates-global-challenges",{"video":1230},"BrhLHjeSyAvXPBRvSSaOPmgQk3xMDuh-4T5xKUYCpvk",{"id":1239,"title":1240,"body":1241,"credits":1303,"date":330,"description":1349,"extension":101,"gridFooter":1350,"hero":1351,"meta":1353,"navigation":310,"order":1354,"path":1355,"seo":1356,"shortTitle":1357,"stem":1358,"thumb":1359,"year":496,"__hash__":1360},"projects\u002Fproject\u002Fnational-air-and-space.md","National Air & Space Museum",{"type":7,"value":1242,"toc":1301},[1243,1249,1268,1286],[344,1244,1246],{"tagline":1245},"Interactive wall with 21 screens & thousands of artifacts from the museum's collection, driven by one PC.",[13,1247,1248],{},"As a huge space and aviation nerd, this was a true passion project for me and my first project at Bluecadet. I created a scene-graph and various utilities from scratch to jump start the team with a flexible MVC-based view systems, co-developed the application, led the work to surface the right content from thousands of artifacts and managed the display output configuration with NASM's IT team to get a single Cinder app rendered across 21 displays in 2015.",[354,1250,1252,1261,1265],{"title":1251},"Scene Graph",[358,1253,1255,1258],{"media":1254,"side":408,"text":361},"national-air-and-space\u002Fbc-views-view-types-sample",[13,1256,1257],{},"When I came on board, Bluecadet basically had no common libraries for their Cinder and exhibition work. I used this project to build a robust scene graph, BluecadetViews, that eventually became the foundation for all future Bluecadet Cinder projects.",[13,1259,1260],{},"It includes a plethora of view types, CSS-style text-formatting, complex transforms for gestures, tools for metrics and stress testing (a.k.a. \"a thousand tiny hands\") and made developing a 21-screen matrix app on a 15\" laptop attainable.",[373,1262],{"src":1263,"variant":1264},"national-air-and-space\u002Fnasm-media-wall-touch-stress-testing-x4","contained",[373,1266],{"src":1267,"variant":1264},"national-air-and-space\u002Fbc-views-debug-touch-stress-test",[354,1269,1271,1283],{"title":1270},"AV Configuration",[358,1272,1274,1277,1280],{"media":1273,"side":360,"text":361},"national-air-and-space\u002Fbluecadet-video-wall-hardware-jam",[13,1275,1276],{},"Back in 2015, creating a single canvas on 7x3 HD displays driven by a single PC was not an easily solved problem. The PC itself ran on a dual Xeon (would not recommend again) and two Nvidia M6000 Quadros with a Quadro Sync card (these worked great!).",[13,1278,1279],{},"Each Quadro card was able to output 4x 4K streams, which were then split by 8 Planar Quad Controllers into 21 individual HD signals. Under the hood, Nvidia Mosaic had to be carefully configured with overlapping and offsets, and screens had to be oriented and aligned correctly to minimize screen tearing.",[13,1281,1282],{},"I developed custom tools to visualize screen tearing (and induce a slight dose of naseau on such a large canvas) and worked directly with Smithonian's AV and Nvidia's driver technicians to get the wall running smoothly.",[799,1284],{":images":1285},"[\"national-air-and-space\u002Fnasm-screentear-test\",\"national-air-and-space\u002Fnasm-dev-mood-tall\"]",[354,1287,1289,1298],{"title":1288},"Data Pipeline",[358,1290,1292,1295],{"media":1291,"side":408,"text":361},"national-air-and-space\u002Fnasm-orb-distribution",[13,1293,1294],{},"At the beginning of the project, the museum basically had a flat collection with tags. We worked with the museum to add hierarchy via another layer of nested taxonomy (e.g. Space ➡️ Space Flight ➡️ Space Capsules).",[13,1296,1297],{},"Dialing in what content got surfaced when required careful tweaking and multiple layers of queries. In order to test the desired distribution of high priority artifacts like the Apollo Command Module and more esoteric objects like a toothbrush, I wrote multiple visualizers and parametric demos to quickly iterate over the details of all of these algorithms.",[373,1299],{"src":1300,"variant":1264},"national-air-and-space\u002Fnasm-orb-radius-2017-04-18-20-58-21-x4",{"title":97,"searchDepth":98,"depth":98,"links":1302},[],[1304,1308,1312,1316,1319,1326,1346],{"label":599,"items":1305},[1306],{"text":1307},"Smithsonian National Air and Space Museum",{"label":443,"items":1309},[1310],{"text":1311},"Tech Direction, Software Dev, AV Coordination and Troubleshooting, Install",{"label":448,"items":1313},[1314],{"text":1315},"Cinder, C++, Nvidia Quadro Mosaic + Sync, Planar LCD Matrix, IR Touchframe",{"label":702,"items":1317},[1318],{"text":71},{"label":611,"items":1320},[1321,1323,1324],{"text":1322},"Aaron Richardson (CD)",{"text":1215},{"text":1325},"Paul Rudolph (Dev)",{"label":626,"items":1327},[1328,1330,1332,1334,1336,1338,1340,1342,1344],{"text":1329},"DSE Apex Awards: Silver, Arts, Entertainment, Recreation",{"text":1331},"DSE Conference 2017, A Platform Strategy for One of the Most Visited Locations in America",{"text":1333},"HOW International Design Awards Merit Winner",{"text":1335},"W3 Awards Gold, Mobile Apps Cultural",{"text":1337},"W3 Awards Gold, General Web, Cultural",{"text":1339},"W3 Awards Gold, Web Features, UX",{"text":1341},"Air and Space Magazine Project Feature",{"text":1343},"Digital Gov Project Feature",{"text":1345},"Washingtonian Project Feature",{"label":479,"items":1347},[1348],{"text":714},"As a huge space and aviation nerd, this was a true passion project for me and my first project at Bluecadet. I created a scene-graph and various utilities from…",false,{"video":1352},"national-air-and-space\u002Fhero",{},8,"\u002Fproject\u002Fnational-air-and-space",{"title":1240,"description":1349},"National Air & Space","project\u002Fnational-air-and-space",{"video":1352},"PZ2hjAYexfUxmqc6PMFEzz60-fYKrHhPP88vzpapWW0",{"id":1362,"title":1363,"body":1364,"credits":1421,"date":336,"description":1469,"extension":101,"gridFooter":1350,"hero":1470,"meta":1472,"navigation":310,"order":1473,"path":1474,"seo":1475,"shortTitle":1476,"stem":1477,"thumb":1478,"year":496,"__hash__":1479},"projects\u002Fproject\u002Fthe-henry-ford-museum.md","The HenryFord Museum",{"type":7,"value":1365,"toc":1419},[1366,1372,1377,1389,1404],[344,1367,1369],{"tagline":1368},"The Henry Ford Museum worked with Bluecadet to build Activating Innovation, a suite of installations and mobile app that focuses on the people and processes behind the museum's eclectic collection.",[13,1370,1371],{},"The exhibit eventually launched installations across 25+ computers, local beacon wayfinding, a cross-platform Android\u002FMobile app and a complex collections management system. My role as the Tech Director meant that I closely collaborated with the client, Bluecadet's design team and various tech partners to tie all these pieces together.",[354,1373,1374],{},[373,1375],{"src":1376},"the-henry-ford-museum\u002Fthe-henry-ford-table-ai-capabilities-30sec",[354,1378,1380],{"title":1379},"Connections Table",[358,1381,1383,1386],{"side":360,"text":361,":credits":1382},"[{\"label\":\"My Role\",\"items\":[{\"text\":\"Tech Direction, Prototyping, Software Development, Software Architecture, Creative Consultation, AV Coordination.\"}]},{\"label\":\"Technology\",\"items\":[{\"text\":\"Cinder, OpenGL, EntityX, NodeJS, Keras, PlaidML\"}]},{\"label\":\"Core Bluecadet Team\",\"items\":[{\"text\":\"Adiel Fernandez (Rendering Pipeline and Software Dev)\"},{\"text\":\"Weili Shi (A.I. and Software Dev)\"},{\"text\":\"Kim Gim (AD)\"},{\"text\":\"Brett Renfer (CD)\"}]}]",[13,1384,1385],{},"The Henry Ford Museum collects a wide range of eclectic items under the theme of Innovation. This installation lets visitors explore the collection through the lens of its curators and answer, \"why does The Henry Ford Museum collect?\".",[13,1387,1388],{},"On a technical level we had to solve a few interesting challenges: Digesting and enhancing THF's already complex collection, rendering hundreds of interactive, physics-based nodes with streaming textures and weaving in a mix of A.I.-driven and human-curated threads.",[354,1390,1392],{"title":1391},"ECS Collection",[358,1393,1395,1398,1401],{"side":408,"text":361,":images":1394},"[\"the-henry-ford-museum\u002Fthf-rendering-systems\",\"the-henry-ford-museum\u002Fthf-weilimode-connectionstableapp-2020-01-09-16-10-43\"]",[13,1396,1397],{},"Up to this point, most of Bluecadet's apps were built with the BluecadetViews Cinder Block I wrote. Its MVC-based structure allows for rapid UI development, but this experience needed to scale to hundreds of simultaneous nodes with fast instantiation.",[13,1399,1400],{},"After testing EntityX, we built a the app around ECS to take advantage of the optimized memory management and instancing the pattern offers. For detail views we still leveraged our MVC block for nuanced animations and transitions.",[13,1402,1403],{},"I developed the project architecture and a system to monitor, benchmark and tweak the hundreds of parameters to dial in the app's performance, visuals and UX.",[354,1405,1407],{"title":1406},"Launchpad",[358,1408,1410,1413,1416],{"side":360,"text":361,":images":1409},"[\"the-henry-ford-museum\u002Fiphone-x-mockup-front\",\"the-henry-ford-museum\u002Fthf-install-group2\",\"the-henry-ford-museum\u002Flaunchpad-bootstrap\",\"the-henry-ford-museum\u002Flaunchpad-startup\",\"the-henry-ford-museum\u002Fscreen-shot-2020-01-15-at-1-49-51-pm\"]",[13,1411,1412],{},"This was a fairly complex program, given the high number of partners, content platforms, apps and hardware. As the Tech Director, I was responsible in connecting the pieces and making sure they deploy smoothly.",[13,1414,1415],{},"The two main areas I focused on were: Defining the content eco-system through interviews, prototypes and spec documents, and building a suite of tools to deploy, update and manage apps across the 25+ PCs on-site.",[13,1417,1418],{},"Both of these eventually formed Bluecadet's Launchpad suite of tools, which has since powered all of Bluecadet's installations with its capability to bootstrap exhibit PCs as well as monitor and update exhibits apps.",{"title":97,"searchDepth":98,"depth":98,"links":1420},[],[1422,1425,1429,1433,1447,1462,1466],{"label":599,"items":1423},[1424],{"text":220},{"label":443,"items":1426},[1427],{"text":1428},"Tech Direction, Creative Consultation, Systems Design, Software Development, Vendor Management, API Specification, Dev Ops.",{"label":448,"items":1430},[1431],{"text":1432},"Cinder, OpenGL, NodeJS, Launchpad, Aruba Beacons, Meridian Wayfinding, RxSwift for iOS & Android.",{"label":611,"items":1434},[1435,1436,1438,1440,1441,1443,1445],{"text":956},{"text":1437},"Kim Gim (AD)",{"text":1439},"Adiel Fernandez (Dev)",{"text":620},{"text":1442},"Liz Russel (Content)",{"text":1444},"Katie Lannigan (PM)",{"text":1446},"Jay Chen (PM)",{"label":626,"items":1448},[1449,1451,1453,1455,1457,1459,1460],{"text":1450},"MCN 2020, Curator Brain, Meet AI Brain",{"text":1452},"Anthem Awards Innovation - Silver",{"text":1454},"Anthem Awards Responsible Technology - Silver",{"text":1456},"CommArts Award of Excellence, Interactive",{"text":1458},"CommArts Project Feature",{"text":155},{"text":1461},"Webby Awards Nominee, Art, Culture, and Events 2020",{"label":453,"items":1463},[1464],{"text":1465},"Bluecadet (Experience Design), Forward (iOS and Android Development), Enqbator (API Development)",{"label":479,"items":1467},[1468],{"text":714},"The exhibit eventually launched installations across 25+ computers, local beacon wayfinding, a cross-platform Android\u002FMobile app and a complex collections…",{"video":1471},"the-henry-ford-museum\u002Fhero",{},9,"\u002Fproject\u002Fthe-henry-ford-museum",{"title":1363,"description":1469},"Henry Ford Museum","project\u002Fthe-henry-ford-museum",{"video":1471},"WUxvQDvo2IjI9Tam03gvglrBUxSRvS0TQKPPgUpqNfI",{"id":1481,"title":1482,"body":1483,"credits":1513,"date":334,"description":1545,"extension":101,"gridFooter":310,"hero":1546,"meta":1548,"navigation":310,"order":1549,"path":1550,"seo":1551,"shortTitle":1482,"stem":1552,"thumb":1553,"year":496,"__hash__":1554},"projects\u002Fproject\u002Friver-alive.md","River Alive",{"type":7,"value":1484,"toc":1511},[1485,1497],[344,1486,1488,1491,1494],{"tagline":1487},"Underwater Ecosystem with Physical Inputs and Curved Projection",[13,1489,1490],{},"The Independence Seaport Museum in Philadelphia tasked Bluecadet to design interactive experiences for River Alive—a new exhibit about the ecosystem of the Delaware watershed.",[13,1492,1493],{},"The centerpiece installation, Continuum Wall, is a projection against an s-curved wall with directional audio and physical input where visitors can spin, blow and drum to interact with the wall.",[13,1495,1496],{},"As the Tech Director during the production phase of this project, I oversaw systems design in coordination with our AV partner, fabrication, engineering and protocol selection with our electrical engineering partner, project planning and the final installation.",[354,1498,1499],{},[358,1500,1502],{"media":1501,"side":408,"text":545},"river-alive\u002Fimg-20181106-164626-1",[13,1503,1504,1505,1510],{},"Mapping the two projectors to the convex and concave wall required a good amount of on-site iteration in Barco's projector software, custom resolution and timing settings for the Nvidia workstation GPUs and integration with ",[17,1506,1509],{"href":1507,"rel":1508},"https:\u002F\u002Fwww.nvidia.com\u002Fen-us\u002Fdrivers\u002Fmosaic-utility\u002F",[70],"Nvidia's Mosaic CLI utility",".",{"title":97,"searchDepth":98,"depth":98,"links":1512},[],[1514,1517,1521,1525,1528,1537,1542],{"label":599,"items":1515},[1516],{"text":195},{"label":443,"items":1518},[1519],{"text":1520},"Tech Direction, Vendor Management, Install, Projection Mapping",{"label":448,"items":1522},[1523],{"text":1524},"Unity, Barco, Nvidia",{"label":702,"items":1526},[1527],{"text":71},{"label":611,"items":1529},[1530,1531,1533,1535,1536],{"text":956},{"text":1532},"Kevin Zakszewski (Senior Dev)",{"text":1534},"Pete Inge (Senior Dev)",{"text":1213},{"text":616},{"label":1538,"items":1539},"Awards",[1540],{"text":1541},"AAM Special Achievement, Interactivity",{"label":479,"items":1543},[1544],{"text":714},"The Independence Seaport Museum in Philadelphia tasked Bluecadet to design interactive experiences for River Alive—a new exhibit about the ecosystem of the…",{"video":1547},"river-alive\u002Fhero",{},10,"\u002Fproject\u002Friver-alive",{"title":1482,"description":1545},"project\u002Friver-alive",{"video":1547},"5AEuYmw5LNWopUWbCAmD1h-V9N953RpkV2w5aRV0Po8",1787220881730]