{"componentChunkName":"component---src-pages-portfolio-js","path":"/portfolio/","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"html":"<p>Here's waaay too many gifs for one webpage of random past prototypes and things that don't have any secret tech/products. You can find more on the left.</p>\n<p>This was to show how volumetric video could be used with digital passthrough to teach you skills. I made it with 8i's sample assets with \"see-through mode\" on the Lenovo Mirage Solo around summer 2018:</p>\n<p><img src=\"/uploads/01-volumetric-people.gif\" alt=\"Volumetric video in XR\" title=\"Volumetric video in XR\"></p>\n<p>In an <a href=\"https://youtu.be/id86HeV-Vb8\">earlier video</a>, I showed a cylindrically culled map. Here's how that would look to zoom out:</p>\n<p><img src=\"/uploads/02-earth-xr-plate.gif\" alt=\"An XR map zooms out to Earth\"></p>\n<p>Here's some explorations of 2.5D interfaces:</p>\n<p><img src=\"/uploads/medium-rotation.gif\" alt=\"A Medium article has subtle depth added\"></p>\n<p><img src=\"/uploads/spotify.gif\" alt=\"A Spotify window with subtle depth\"></p>\n<p><img src=\"/uploads/shopping-ui-small.gif\" alt=\"A hypothetical 2.5D shopping UI\"></p>\n<p><img src=\"/uploads/elevator-shaft-small.jpg\"></p>\n<p>In my little San Francisco room, I tried furniture layouts to see what would fit. When I moved houses, I got the blueprints from the landlord and made a digital twin to try out furniture and decorations:</p>\n<p><img src=\"/uploads/unity-previs2.gif\" alt=\"Furniture visualization in a small room\"></p>\n<p><img src=\"/uploads/housefurniture01.gif\" alt=\"A digital house with furniture options inside\"></p>\n<p>This was an exploration of only visualizing people's movement, and nothing else:</p>\n<p><img src=\"/uploads/05-movement-particles.gif\" alt=\"Particles show people moving\"></p>\n<p>Here's a random hair customization thing:</p>\n<p><img src=\"/uploads/06-hairshopper.gif\" alt=\"Choosing hairstyles on avatars\"></p>\n<p>This shows how objects with digital passthrough look with reflection and refraction. Made in an Oculus Rift with a Zed Mini on the front:</p>\n<p><img src=\"/uploads/reflection-and-refraction-smaller.gif\" alt=\"Background is visible through refractive objects in XR\"></p>\n<p>I made a calibration flow for the Lenovo Mirage Solo where the user would need to move their head around a lot. As part of the flow, I created animations to go on top of the dialogs:</p>\n<p><img src=\"/uploads/08-bobblehead-smaller.gif\" alt=\"A bobblehead animation on a dialog\"></p>\n<p>This is a Unity package that lets you quickly see angles, field of view, and range of motion. It helps me have a starting point for laying out dimensional UI. You can <a href=\"http://mikealger.com/transfers/VR_UI_Guide.unitypackage\">download it here</a>:</p>\n<p><img src=\"/uploads/vr-ui-guide-screenshot-3-small.jpg\" alt=\"Unity screenshot of UI Guide\"></p>\n<p><img src=\"/uploads/vr-ui-guide-screenshot-2-small.jpg\" alt=\"Unity screenshot of UI guide\"></p>\n<p>I didn't work on this project but it's a fun random thing. You can <a href=\"https://www.youtube.com/watch?v=MW7un0_s_Oc\">see more about it here</a>:</p>\n<p><img src=\"/uploads/10-headset-removal-small.gif\" alt=\"A face is superimposed on a VR headset making it look transparent\"></p>\n<p>And this was a joke about AR Core I made on April Fools Day. In case it's not obvious, you should definitely not do anything close to this with a headset:</p>\n<p><img src=\"/uploads/placement.gif\" alt=\"Placing rings and arrows around the world\"></p>\n<p><img src=\"/uploads/parcore_logo.jpg\" alt=\"Rings and arrows superimposed on parkour video\"></p>\n<p><img src=\"/uploads/paris_jumping.gif\" alt=\"A joke &#x22;pARcore&#x22; logo\"></p>\n<p>Here's a couple graphics sequences from the 2019 video about XR design at the top of the page. The reality-virtuality continuum:</p>\n<p><img src=\"/uploads/01-reality-virtuality-continuum.gif\" alt=\"Reality Virtuality Continuum\" title=\"Reality Virtuality Continuum\"></p>\n<p>Replacing black rectangles with XR</p>\n<p><img src=\"/uploads/02-black-rectangles.gif\" alt=\"Replacing black rectangles with XR\" title=\"Replacing black rectangles with XR\"></p>\n<p>and XR use cases</p>\n<p><img src=\"/uploads/50-ending-vision-sequence.gif\" alt=\"XR Use Cases\" title=\"XR Use Cases\"></p>\n<p>And a couple bonus behind-the-scenes of how I put the 3D graphics together. I like that this one looks like something from Imagineering:</p>\n<p><img src=\"/uploads/process.gif\" alt=\"XR Design Theory in process rendering\" title=\"XR Design Theory in process rendering\"></p>\n<p>From the final sequence:</p>\n<p><img src=\"/uploads/behind-the-scenes.gif\" alt=\"Behind the scenes\" title=\"Behind the scenes\"></p>\n<p>Besides more projects to the left, I also make <a href=\"https://thealphamike.tumblr.com/\" target=\"_blank\">random stuff not necessarily related to headsets</a>.</p>","frontmatter":{"title":"SPARE PARTS"}}}]}},"pageContext":{}},"staticQueryHashes":["1946499362","2606206317","3275389545","3649515864","4249971475","63159454"]}