{"componentChunkName":"component---narative-gatsby-theme-novela-src-templates-article-template-tsx","path":"/SharePoint-Spaces","result":{"data":{"allSite":{"edges":[{"node":{"siteMetadata":{"name":"Aniket Handa"}}}]}},"pageContext":{"article":{"id":"5e96281e-cc4d-5c1d-ae40-0f1fbb2fed30","slug":"/SharePoint-Spaces","secret":false,"title":"SharePoint Spaces","author":"Aniket Handa","date":"2020","dateForSEO":"2020-05-01T00:00:00.000Z","timeToRead":1,"excerpt":"Bringing Virtual Reality to work.","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"SharePoint Spaces\",\n  \"author\": \"Aniket Handa\",\n  \"date\": \"2020-05-01T00:00:00.000Z\",\n  \"category\": \"AR / VR\",\n  \"tags\": [\"BabylonJS 3D engine\", \"ReactJS\", \"Unity3D\", \"SharePoint Framework\"],\n  \"hero\": \"./showcase.png\",\n  \"excerpt\": \"Bringing Virtual Reality to work.\",\n  \"links\": [{\n    \"label\": \"Website\",\n    \"link\": \"http://exploresharepointspaces.com\"\n  }]\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"abstract\"\n  }, \"Abstract\"), mdx(\"p\", null, \"SharePoint spaces empower creators to build and share immersive experiences with point-and-click simplicity. You can get started with smart templates to create a mixed reality environment complete with beautiful surroundings, ambient sounds, rich textures, and lighting. You then add content, which can include files you already have in SharePoint, allowing you to repurpose your existing 3D models, 360 degree content, documents, and images. This project spun out of \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/Project-Hiro\"\n  }), \"Project Hiro\"), \".\"), mdx(\"h1\", {\n    \"id\": \"role\"\n  }, \"Role\"), mdx(\"p\", null, \"Founding member and sole UX Engineer of the project responsible for Prototyping, Design and Integration of following features.\"), mdx(\"h1\", {\n    \"id\": \"3d-common-controls\"\n  }, \"3D Common Controls\"), mdx(\"p\", null, \"To build a cohesive set of 3D common controls I represented the team at companywide Mixed Reality design forum. My experience from Fabric/Fluent UI Library helped us develop these Atomic controls that work flawlessly in Mobile, Desktop and HMD.\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\"\n  }, \"\\n  \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1280px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"54.453125%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACjklEQVQozzWT22oTURSG5yG88IAIpZWKVdoQ26RtpkmaziQzkzaHmckkmUPSNj2oTawpFQUFEW+8EEW8qEIVUUHaG8EX8AV8Am98BPEBPvfsthcfa6896/9ZzPyjtNttYnzfJwrDE6KIzhmdmI68iwmCgGarSSjm4nOsiznzUVzXpdFo4Ii6Uq1RqdWp1m1ZK6LWHIe6wBUzrutgVoqUKpqYd/A8T2ob8pkrUarVKrVaDau8wsJimel5nZlMkVzBIr9okhJ9Mr1EtmCgLxdQSymy1jyatUi1dqKNiX1iFNM00UslXNH8OfzEv6Pv/D3+wa+D7/x8dcSfg8/8fv2Bt/0HzOozZIwks8Ukc9o0WknDMAxJ7BOjWKeH+PJ4+JyfTw74uPeOl4OvPNn6wPv7h3wbvGGj0iGdV0mrKVRNxawvYS2bWFZZaktiKV3XUTIFk4lbWZJqkVvpEiMTGcamlniwecij7S8Mel+xqy+4fH2WKXWZa6pNfslgp3+P7f6QRw/32d/fYzjcZTDoo+SKK1wan2bk5iyjaYsrkzkujiUJwj127j5le+sxne6QRd1AsyNKt59hOy71qE/W9Kg4TYLOKhtbm9y5ewelYjc4N5Lg4tUE87vvmWvuks3laXdC1npdNnshG72Irc01Ubv0VkVs/ICyE3JjJi8WmWN0UmUssUAyo6GEYYBRruKKCHRF5jbWu6yvRuQXUpiGLrMYBr7E91vYdl1GyvfbtJqeiJhDoVhmMpVjLifeYVds0lvrsCpqdCpcWS5z/vwFxsfHZR8Io5hWy8Ou16Sp5zVoxwEXxpGcacteiUL/VNSWxMOmaZBITImvpsmhZrMhzZrCxJNBFj+De0Icdtc5RfT/AdftvABfE+hNAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/4b075/showcase.webp 1280w\"],\n    \"sizes\": \"(max-width: 1280px) 100vw, 1280px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/9f341/showcase.png 1280w\"],\n    \"sizes\": \"(max-width: 1280px) 100vw, 1280px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/9f341/showcase.png\",\n    \"alt\": \"showcase\",\n    \"title\": \"showcase\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h1\", {\n    \"id\": \"interaction-model\"\n  }, \"Interaction model\"), mdx(\"p\", null, \"The challenge was to build a system that just works for someone new to Virtual Reality; while making sure authors and third-party developers have enough creative freedom to create valuable and beautiful spaces.\\nTo solve this, I extensively prototyped various interaction models inching towards the current in-product solution.\"), mdx(\"h4\", {\n    \"id\": \"visual-design--layout-acrylic-fluent\"\n  }, \"Visual design & layout: Acrylic, Fluent\"), mdx(\"div\", {\n    className: \"Image__Medium\",\n    style: {\n      \"display\": \"flex\"\n    }\n  }, mdx(\"video\", {\n    style: {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"50%\"\n    },\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/56fbd822aa5d36de2061069a904ecb4b/context-menu-01.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\"), mdx(\"video\", {\n    style: {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"50%\"\n    },\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/0c7a1ab193127fa640e730a977db9def/context-menu-02-layout-acrylic.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\")), mdx(\"h4\", {\n    \"id\": \"menu-types-title-contextual\"\n  }, \"Menu Types: Title, Contextual\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\",\n    \"style\": {\n      \"display\": \"flex\"\n    }\n  }, \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"style\": {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"50%\"\n    }\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"3774px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"62.53312135665077%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAFjZqbFmh//xAAaEAACAgMAAAAAAAAAAAAAAAABAgMRABAS/9oACAEBAAEFAggZjAtADILROzr/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPwGI/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8Bqv/EABkQAAIDAQAAAAAAAAAAAAAAAAABEBEhMf/aAAgBAQAGPwLiLMSMc//EABwQAQACAgMBAAAAAAAAAAAAAAEAESFhEDFBcf/aAAgBAQABPyGrUGghUvNECVT+EqHI56ipS8f/2gAMAwEAAgADAAAAELMP/8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQMBAT8Qgf/EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/EKH/xAAeEAACAgEFAQAAAAAAAAAAAAABEQAhwRAxQYGhsf/aAAgBAQABPxBbIibx+S+hSdp+QX7VYg2kS3B1iEzIIRoaf//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/809cce3953c7d02372e79f1b3eea3538/a3bc4/TitleBar.webp 2500w\", \"/static/809cce3953c7d02372e79f1b3eea3538/abe62/TitleBar.webp 3774w\"],\n    \"sizes\": \"(max-width: 3774px) 100vw, 3774px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/809cce3953c7d02372e79f1b3eea3538/1b865/TitleBar.jpg 2500w\", \"/static/809cce3953c7d02372e79f1b3eea3538/eb15a/TitleBar.jpg 3774w\"],\n    \"sizes\": \"(max-width: 3774px) 100vw, 3774px\",\n    \"type\": \"image/jpeg\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/809cce3953c7d02372e79f1b3eea3538/eb15a/TitleBar.jpg\",\n    \"alt\": \"TitleBar\",\n    \"title\": \"TitleBar\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \"), \"\\n  \"), \"\\n  \", mdx(\"video\", _extends({\n    parentName: \"div\"\n  }, {\n    \"style\": {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"50%\"\n    },\n    \"loop\": true,\n    \"autoPlay\": true\n  }), \"\\n    \", mdx(\"source\", _extends({\n    parentName: \"video\"\n  }, {\n    \"src\": \"/bdfb1a2b5cf16df417f0ffd29be9f820/Mixed Reality Portal 10_25_18 2_39_42 PM_Trim.mp4\",\n    \"type\": \"video/mp4\"\n  })), \"\\n    Your browser does not support HTML5 video.\\n  \")), mdx(\"h4\", {\n    \"id\": \"positioning-user-space-object-locked\"\n  }, \"Positioning: User-space, Object-locked\"), mdx(\"div\", {\n    className: \"Image__Medium\",\n    style: {\n      \"display\": \"flex\"\n    }\n  }, mdx(\"video\", {\n    style: {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"33%\"\n    },\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/3224de4bdf9d3af1f4fb8b27771c2028/Mixed Reality Portal 2020-05-28 16-03-00_Trim.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\"), mdx(\"video\", {\n    style: {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"33%\"\n    },\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/7c4ca33843443e65106d7eb135b9f938/Mixed Reality Portal 2020-05-28 16-21-42_Trim.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\"), mdx(\"video\", {\n    style: {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"33%\"\n    },\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/c3ce611eabd9a7c5149adf7d4a6f2897/Mixed Reality Portal 2020-05-28 16-16-04_Trim.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\")), mdx(\"h1\", {\n    \"id\": \"authoring-controls\"\n  }, \"Authoring Controls\"), mdx(\"p\", null, \"Authoring a 3D scene is hard, and we had to fix this to truly democratize creation. From object Transform control, Actions editor to Camera controls - I had to research, prototype and innovate in all domains.\"), mdx(\"h4\", {\n    \"id\": \"actions-editor\"\n  }, \"Actions editor\"), mdx(\"div\", {\n    className: \"Image__Medium\"\n  }, mdx(\"video\", {\n    width: \"100%\",\n    loop: true,\n    autoPlay: true\n  }, mdx(\"source\", {\n    src: \"/775faceec21979de1c63ff2763e2f35c/adding-actions.mp4\",\n    type: \"video/mp4\"\n  }), \"Your browser does not support HTML5 video.\")), mdx(\"h4\", {\n    \"id\": \"transform-control--object-locked-ui-behavior\"\n  }, \"Transform control & Object-locked UI behavior\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\",\n    \"style\": {\n      \"display\": \"flex\"\n    }\n  }, \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"style\": {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"center\",\n      \"width\": \"81%\"\n    }\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"3868px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"23.681489141675282%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAACxLAAAsSwGlPZapAAAAiElEQVQY04WQCwrDMAxDc//TmjVr/vb8AoYV2k0gZFJFcprGGJbfp621DKjqhXE2RrfWup2l3PqCqdZqOWebc9oTMFJIee/dfoFADXqoAr98IZketD2tta2cf3sDiWa2oxkyxyZobI5CXgQ9eH9HIX6yknvlL1XF/528jkP8shSfPXTPaMxeIB+aZ4m6uocZNQAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/009cfab8274c4ab593765ada49bd2dc6/a3bc4/Transform%20Control.webp 2500w\", \"/static/009cfab8274c4ab593765ada49bd2dc6/eb660/Transform%20Control.webp 3868w\"],\n    \"sizes\": \"(max-width: 3868px) 100vw, 3868px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/009cfab8274c4ab593765ada49bd2dc6/082ed/Transform%20Control.png 2500w\", \"/static/009cfab8274c4ab593765ada49bd2dc6/c69b3/Transform%20Control.png 3868w\"],\n    \"sizes\": \"(max-width: 3868px) 100vw, 3868px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/009cfab8274c4ab593765ada49bd2dc6/c69b3/Transform%20Control.png\",\n    \"alt\": \"Transform Control\",\n    \"title\": \"Transform Control\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \"), \"\\n  \"), \"\\n  \", mdx(\"div\", _extends({\n    parentName: \"div\"\n  }, {\n    \"style\": {\n      \"flex\": \"1 1 auto\",\n      \"alignSelf\": \"stretch\",\n      \"width\": \"19%\"\n    }\n  }), \"\\n    \", mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/d4180bb9dc1eba43d5ca4353c5274ba7/transform-panel.gif\"\n  })), \"\\n  \")), mdx(\"h1\", {\n    \"id\": \"document-library\"\n  }, \"Document Library\"), mdx(\"p\", null, \"How do we represent a collection of 2D and 3D files that fit to various user scenarios? In progress.\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\"\n  }, \"\\n  \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"2064px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"29.069767441860467%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAGABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAIDBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdOoIA//xAAYEAACAwAAAAAAAAAAAAAAAAAAAgESIf/aAAgBAQABBQK7DbJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFhAAAwAAAAAAAAAAAAAAAAAAARAx/9oACAEBAAY/AoH/AP/EABgQAQEAAwAAAAAAAAAAAAAAAAEAESFx/9oACAEBAAE/IeRPakYC/9oADAMBAAIAAwAAABCDz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABkQAQEAAwEAAAAAAAAAAAAAAAERACExkf/aAAgBAQABPxDdfU3AaRQYOuYAE5n/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/c13402f33449eca6087d58bef4c57652/bb786/doclib.webp 2064w\"],\n    \"sizes\": \"(max-width: 2064px) 100vw, 2064px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/c13402f33449eca6087d58bef4c57652/19726/doclib.jpg 2064w\"],\n    \"sizes\": \"(max-width: 2064px) 100vw, 2064px\",\n    \"type\": \"image/jpeg\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/c13402f33449eca6087d58bef4c57652/19726/doclib.jpg\",\n    \"alt\": \"doclib\",\n    \"title\": \"doclib\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h1\", {\n    \"id\": \"spatialized-sound\"\n  }, \"Spatialized Sound\"), mdx(\"p\", null, \"No immersive experience is complete without ambient, content and Spatialized system sound based on interaction.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["BabylonJS 3D engine","ReactJS","Unity3D","SharePoint Framework"],"links":[{"label":"Website","link":"http://exploresharepointspaces.com"}],"category":"AR / VR","present":false,"noImage":false,"hero":{"full":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACjklEQVQozzWT22oTURSG5yG88IAIpZWKVdoQ26RtpkmaziQzkzaHmckkmUPSNj2oTawpFQUFEW+8EEW8qEIVUUHaG8EX8AV8Am98BPEBPvfsthcfa6896/9ZzPyjtNttYnzfJwrDE6KIzhmdmI68iwmCgGarSSjm4nOsiznzUVzXpdFo4Ii6Uq1RqdWp1m1ZK6LWHIe6wBUzrutgVoqUKpqYd/A8T2ob8pkrUarVKrVaDau8wsJimel5nZlMkVzBIr9okhJ9Mr1EtmCgLxdQSymy1jyatUi1dqKNiX1iFNM00UslXNH8OfzEv6Pv/D3+wa+D7/x8dcSfg8/8fv2Bt/0HzOozZIwks8Ukc9o0WknDMAxJ7BOjWKeH+PJ4+JyfTw74uPeOl4OvPNn6wPv7h3wbvGGj0iGdV0mrKVRNxawvYS2bWFZZaktiKV3XUTIFk4lbWZJqkVvpEiMTGcamlniwecij7S8Mel+xqy+4fH2WKXWZa6pNfslgp3+P7f6QRw/32d/fYzjcZTDoo+SKK1wan2bk5iyjaYsrkzkujiUJwj127j5le+sxne6QRd1AsyNKt59hOy71qE/W9Kg4TYLOKhtbm9y5ewelYjc4N5Lg4tUE87vvmWvuks3laXdC1npdNnshG72Irc01Ubv0VkVs/ICyE3JjJi8WmWN0UmUssUAyo6GEYYBRruKKCHRF5jbWu6yvRuQXUpiGLrMYBr7E91vYdl1GyvfbtJqeiJhDoVhmMpVjLifeYVds0lvrsCpqdCpcWS5z/vwFxsfHZR8Io5hWy8Ou16Sp5zVoxwEXxpGcacteiUL/VNSWxMOmaZBITImvpsmhZrMhzZrCxJNBFj+De0Icdtc5RfT/AdftvABfE+hNAAAAAElFTkSuQmCC","aspectRatio":1.836441893830703,"src":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/f4f8c/showcase.png","srcSet":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/206f6/showcase.png 236w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/84032/showcase.png 472w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/f4f8c/showcase.png 944w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/25bdb/showcase.png 1280w","srcWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/99fbb/showcase.webp","srcSetWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/77392/showcase.webp 236w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/1f177/showcase.webp 472w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/99fbb/showcase.webp 944w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/b923f/showcase.webp 1280w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACjklEQVQozzWT22oTURSG5yG88IAIpZWKVdoQ26RtpkmaziQzkzaHmckkmUPSNj2oTawpFQUFEW+8EEW8qEIVUUHaG8EX8AV8Am98BPEBPvfsthcfa6896/9ZzPyjtNttYnzfJwrDE6KIzhmdmI68iwmCgGarSSjm4nOsiznzUVzXpdFo4Ii6Uq1RqdWp1m1ZK6LWHIe6wBUzrutgVoqUKpqYd/A8T2ob8pkrUarVKrVaDau8wsJimel5nZlMkVzBIr9okhJ9Mr1EtmCgLxdQSymy1jyatUi1dqKNiX1iFNM00UslXNH8OfzEv6Pv/D3+wa+D7/x8dcSfg8/8fv2Bt/0HzOozZIwks8Ukc9o0WknDMAxJ7BOjWKeH+PJ4+JyfTw74uPeOl4OvPNn6wPv7h3wbvGGj0iGdV0mrKVRNxawvYS2bWFZZaktiKV3XUTIFk4lbWZJqkVvpEiMTGcamlniwecij7S8Mel+xqy+4fH2WKXWZa6pNfslgp3+P7f6QRw/32d/fYzjcZTDoo+SKK1wan2bk5iyjaYsrkzkujiUJwj127j5le+sxne6QRd1AsyNKt59hOy71qE/W9Kg4TYLOKhtbm9y5ewelYjc4N5Lg4tUE87vvmWvuks3laXdC1npdNnshG72Irc01Ubv0VkVs/ICyE3JjJi8WmWN0UmUssUAyo6GEYYBRruKKCHRF5jbWu6yvRuQXUpiGLrMYBr7E91vYdl1GyvfbtJqeiJhDoVhmMpVjLifeYVds0lvrsCpqdCpcWS5z/vwFxsfHZR8Io5hWy8Ou16Sp5zVoxwEXxpGcacteiUL/VNSWxMOmaZBITImvpsmhZrMhzZrCxJNBFj+De0Icdtc5RfT/AdftvABfE+hNAAAAAElFTkSuQmCC","aspectRatio":1.836441893830703,"src":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/25bdb/showcase.png","srcSet":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/fa430/showcase.png 350w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/694d8/showcase.png 700w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/25bdb/showcase.png 1280w","srcWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/b923f/showcase.webp","srcSetWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/d0d48/showcase.webp 350w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/64998/showcase.webp 700w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/b923f/showcase.webp 1280w","sizes":"(max-width: 1280px) 100vw, 1280px"},"narrow":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACjklEQVQozzWT22oTURSG5yG88IAIpZWKVdoQ26RtpkmaziQzkzaHmckkmUPSNj2oTawpFQUFEW+8EEW8qEIVUUHaG8EX8AV8Am98BPEBPvfsthcfa6896/9ZzPyjtNttYnzfJwrDE6KIzhmdmI68iwmCgGarSSjm4nOsiznzUVzXpdFo4Ii6Uq1RqdWp1m1ZK6LWHIe6wBUzrutgVoqUKpqYd/A8T2ob8pkrUarVKrVaDau8wsJimel5nZlMkVzBIr9okhJ9Mr1EtmCgLxdQSymy1jyatUi1dqKNiX1iFNM00UslXNH8OfzEv6Pv/D3+wa+D7/x8dcSfg8/8fv2Bt/0HzOozZIwks8Ukc9o0WknDMAxJ7BOjWKeH+PJ4+JyfTw74uPeOl4OvPNn6wPv7h3wbvGGj0iGdV0mrKVRNxawvYS2bWFZZaktiKV3XUTIFk4lbWZJqkVvpEiMTGcamlniwecij7S8Mel+xqy+4fH2WKXWZa6pNfslgp3+P7f6QRw/32d/fYzjcZTDoo+SKK1wan2bk5iyjaYsrkzkujiUJwj127j5le+sxne6QRd1AsyNKt59hOy71qE/W9Kg4TYLOKhtbm9y5ewelYjc4N5Lg4tUE87vvmWvuks3laXdC1npdNnshG72Irc01Ubv0VkVs/ICyE3JjJi8WmWN0UmUssUAyo6GEYYBRruKKCHRF5jbWu6yvRuQXUpiGLrMYBr7E91vYdl1GyvfbtJqeiJhDoVhmMpVjLifeYVds0lvrsCpqdCpcWS5z/vwFxsfHZR8Io5hWy8Ou16Sp5zVoxwEXxpGcacteiUL/VNSWxMOmaZBITImvpsmhZrMhzZrCxJNBFj+De0Icdtc5RfT/AdftvABfE+hNAAAAAElFTkSuQmCC","aspectRatio":1.836441893830703,"src":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/cb61f/showcase.png","srcSet":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/336c1/showcase.png 240w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/51d41/showcase.png 480w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/cb61f/showcase.png 960w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/25bdb/showcase.png 1280w","srcWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/fcc10/showcase.webp","srcSetWebp":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/2b5a3/showcase.webp 240w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/35871/showcase.webp 480w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/fcc10/showcase.webp 960w,\n/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/b923f/showcase.webp 1280w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/a9c4dbba0d1c9f47c4a0d780c11cfd2b/7ef28/showcase.png"}}},"authors":[{"authorsPage":true,"bio":"I'm Aniket Handa. I craft user experiences that blur the gap between humans and technology.\n","id":"cebebc26-b80b-5c45-b29b-fb56bd6b7b61","name":"Aniket Handa","featured":true,"social":[{"url":"https://github.com/atneik"},{"url":"https://twitter.com/anikethanda"},{"url":"https://instagram.com/_aniket"},{"url":"https://www.linkedin.com/in/anikethanda/"}],"slug":"/authors/Aniket-Handa","avatar":{"small":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/8de35/aniket.jpg 13w,\n/static/5147a03650c976f3ffbe33cf767ee366/efbf2/aniket.jpg 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/900f1/aniket.jpg 75w,\n/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/58718/aniket.webp 13w,\n/static/5147a03650c976f3ffbe33cf767ee366/74aad/aniket.webp 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/ed320/aniket.webp 75w,\n/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 50px) 100vw, 50px"},"medium":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/efbf2/aniket.jpg 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/20b9f/aniket.jpg 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/b08b0/aniket.jpg 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/50e4e/aniket.jpg 150w,\n/static/5147a03650c976f3ffbe33cf767ee366/471e9/aniket.jpg 200w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/74aad/aniket.webp 25w,\n/static/5147a03650c976f3ffbe33cf767ee366/e7b2c/aniket.webp 50w,\n/static/5147a03650c976f3ffbe33cf767ee366/66016/aniket.webp 100w,\n/static/5147a03650c976f3ffbe33cf767ee366/d9b14/aniket.webp 150w,\n/static/5147a03650c976f3ffbe33cf767ee366/6b183/aniket.webp 200w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 100px) 100vw, 100px"},"large":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAXAQEAAwAAAAAAAAAAAAAAAAACAAED/9oADAMBAAIQAxAAAAHdPoTQ6LhK8MQdNwR//8QAHRAAAgIBBQAAAAAAAAAAAAAAAgMAASIEERMhMf/aAAgBAQABBQJhWIC1tMheDtyx1ZaisVdr/8QAGBEAAgMAAAAAAAAAAAAAAAAAARARITL/2gAIAQMBAT8BikMr/8QAFhEBAQEAAAAAAAAAAAAAAAAAEBFB/9oACAECAQE/Aaaf/8QAHBABAAICAwEAAAAAAAAAAAAAAQACEFERISIx/9oACAEBAAY/AvP2BdLDrOsFeeliwWf/xAAcEAEAAwACAwAAAAAAAAAAAAABABExEEEhYaH/2gAIAQEAAT8hcoOpcZZNekuUVjGslM642Txk+wt1xbRSf//aAAwDAQACAAMAAAAQVP8Avv/EABgRAAMBAQAAAAAAAAAAAAAAAAABERAx/9oACAEDAQE/EEjrOhD/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEx/9oACAECAQE/EKsRyv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESExQVFxkf/aAAgBAQABPxBIVJfwVq2bRIBSnh9ZL+YR1DmmVRtenTAl3L6qAVaBj7BBRcee7j5tlZ//2Q==","aspectRatio":1,"src":"/static/5147a03650c976f3ffbe33cf767ee366/4b6ce/aniket.jpg","srcSet":"/static/5147a03650c976f3ffbe33cf767ee366/db25d/aniket.jpg 82w,\n/static/5147a03650c976f3ffbe33cf767ee366/ffb8a/aniket.jpg 164w,\n/static/5147a03650c976f3ffbe33cf767ee366/4b6ce/aniket.jpg 328w,\n/static/5147a03650c976f3ffbe33cf767ee366/2a47f/aniket.jpg 492w,\n/static/5147a03650c976f3ffbe33cf767ee366/9a0c0/aniket.jpg 656w,\n/static/5147a03650c976f3ffbe33cf767ee366/c26dd/aniket.jpg 800w","srcWebp":"/static/5147a03650c976f3ffbe33cf767ee366/5a48e/aniket.webp","srcSetWebp":"/static/5147a03650c976f3ffbe33cf767ee366/2d087/aniket.webp 82w,\n/static/5147a03650c976f3ffbe33cf767ee366/29d87/aniket.webp 164w,\n/static/5147a03650c976f3ffbe33cf767ee366/5a48e/aniket.webp 328w,\n/static/5147a03650c976f3ffbe33cf767ee366/42f2e/aniket.webp 492w,\n/static/5147a03650c976f3ffbe33cf767ee366/dec03/aniket.webp 656w,\n/static/5147a03650c976f3ffbe33cf767ee366/ccdb5/aniket.webp 800w","sizes":"(max-width: 328px) 100vw, 328px"}}}],"basePath":"/","permalink":"https://anikethanda.com//SharePoint-Spaces/","slug":"/SharePoint-Spaces","id":"5e96281e-cc4d-5c1d-ae40-0f1fbb2fed30","title":"SharePoint Spaces","canonicalUrl":null,"mailchimp":"","next":[{"id":"817d43a6-87ca-5c4d-8997-a5995c7f1769","slug":"/Project-Hiro","secret":false,"title":"Project Hiro","author":"Aniket Handa","date":"2017","dateForSEO":"2017-05-01T00:00:00.000Z","timeToRead":1,"excerpt":"What role XR will play in a productivity setting? This incubator project resulted in funding of SharePoint Spaces.","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Project Hiro\",\n  \"author\": \"Aniket Handa\",\n  \"date\": \"2017-05-01T00:00:00.000Z\",\n  \"category\": \"AR / VR\",\n  \"tags\": [\"Unity3D\", \"A-Frame\", \"WebVR\", \"ReactJS\", \"SharePoint Framework\"],\n  \"hero\": \"./cardboard1.jpg\",\n  \"excerpt\": \"What role XR will play in a productivity setting? This incubator project resulted in funding of SharePoint Spaces.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"abstract\"\n  }, \"Abstract\"), mdx(\"p\", null, \"Our small team was challenged with envisioning future of OneDrive & SharePoint in AR/VR Metaverse. We went broad to explore various scenarios and shortlisted on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Democratizing Creation and Consumption of 3D spaces\"), \". The project concluded with running a Concept Validation Testing using a functional prototype, which resulted in funding of \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/SharePoint-Spaces\"\n  }), \"SharePoint Spaces\"), \".\"), mdx(\"h1\", {\n    \"id\": \"scenario-key-bets\"\n  }, \"Scenario key bets\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Anyone in an organization should be able to create, share and consume a 3D space.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Creators will not require skills in Unity3D or WebVR to create beautiful 3D spaces.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Leverage existing SharePoint framework to boost user familiarity and product development.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"True to 3D content. Richer with 2D content.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Showcase static and well as dynamic user content.\")), mdx(\"h1\", {\n    \"id\": \"why-sharepoint\"\n  }, \"Why SharePoint?\"), mdx(\"p\", null, \"SharePoint democratized creation of 2D sites within a company back in the early 2000\\u2019s. Now it\\u2019s time for 3D scenes! At the moment, around 80% of fortune 500 companies use SharePoint for their internal content management \\u2014 content that is increasingly getting an extra dimension.\"), mdx(\"h1\", {\n    \"id\": \"flow\"\n  }, \"Flow\"), mdx(\"p\", null, \"Overall flow can be categorized into Creation, Sharing and Consumption. The author creates a new scene by selecting an environment and style. And then adding 3D content while stitching together multiple rooms to create an immersive experience. When done, author securely shares the space within a company using SharePoint. Now anyone with proper access can experience the space on any device capable of WebVR without downloading any software.\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\"\n  }, \"\\n  \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1551px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.613797549967764%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAACHVAAAh1QEEnLSdAAABYklEQVQoz11R227sIAzM//9hpeq0UpoNZLPcscEQcqaJ2odayCGDZ4yH6TiOQOy5RKJSa++99X6Oscf8CDlkqiK9AetjDJuyJTaJ2oVMnNPH9nr3lLiADS0USeE39fzn6csnsMdxnOdJRLt1murqE8gom/bnc1mVRhOifgXqnHOf88K1SimQu0FjzKY118LMd49JX3H+BCRv8rquv+Av+a4EDRn8KeeM5tYYZ20Twdgi4p3T2/a6An2AlFKwR2dIYAMWwAl3gg17TJuPYKKzYAlSgwxfcYP4vRcQaF2GMRvnnlThLQ7gDbdO/YjSUxtw21oDt0Nttja45aQHeG5tx7XxeSxLEclcwERkaQGryovF4QljHEc3XDeqsbY5Fsc15/Q9cwjhjzd4BBlnHycytY7xIAoQTuLFkFlaSgnF327P86y0XpZl33dMu23b8ngg4wgZ0t57rRQ2QJRCrV6Vgm3/AUkaPxBIKy8RAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/503ab1954a3142aca5e6177c2aba923c/ceff9/flow.webp 1551w\"],\n    \"sizes\": \"(max-width: 1551px) 100vw, 1551px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/503ab1954a3142aca5e6177c2aba923c/3837b/flow.png 1551w\"],\n    \"sizes\": \"(max-width: 1551px) 100vw, 1551px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/503ab1954a3142aca5e6177c2aba923c/3837b/flow.png\",\n    \"alt\": \"flow\",\n    \"title\": \"flow\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h1\", {\n    \"id\": \"creation\"\n  }, \"Creation\"), mdx(\"p\", null, \"I quickly hacked a 3D space builder within existing SharePoint Framework. The system enabled adding 3D objects, Images and Text to a room. The creator could add various types of rooms with different layouts. The creator could also Preview the space, which was build using \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://aframe.io/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"A-Frame\"), \".\"), mdx(\"div\", {\n    \"className\": \"Image__Medium\"\n  }, \"\\n  \", mdx(\"span\", _extends({\n    parentName: \"div\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1551px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"26.8214055448098%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA4ElEQVQY001Qy46DMAzM/3/bXnpdaQ+0VQstlDwhJCFTTwTSWrLieMaPsfrpOoR1xZYSkjhf7xyenw8utztijFjFiYVlgbcGv32Pv9cLJWfEbWs1IQRYZ6G6aUISoDUTMJfSiNp7dO8RUYY5IXtptkrsrcVDhk2Ck8fa/K9e4TAmvZCYpO37fkLQccNbGxQpotUDq7VilwViyi2mKW50frTWbRL/lHo25ctN+bZYMHKKeO9Dk12PpRQ3YpNJpI/j2GQx5+SOJBhjMAwDerkbc4tI570olze9Pp6Y57lxmf8C+oaEzzLco44AAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/ee72fff8a6c84cc340fdff394a9140b4/ceff9/author.webp 1551w\"],\n    \"sizes\": \"(max-width: 1551px) 100vw, 1551px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/ee72fff8a6c84cc340fdff394a9140b4/3837b/author.png 1551w\"],\n    \"sizes\": \"(max-width: 1551px) 100vw, 1551px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/ee72fff8a6c84cc340fdff394a9140b4/3837b/author.png\",\n    \"alt\": \"author\",\n    \"title\": \"author\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"p\", null, \" The idea was to give them enough flexibility to suit various use cases but also establish appropriate guard rails to guide them in the direction of creating beautiful spaces that too with ease.\"), mdx(\"h1\", {\n    \"id\": \"consumption\"\n  }, \"Consumption\"), mdx(\"p\", null, \"We build a dynamic consumption experience using Unity3D which linked to the created space. The pavilion (as we refer it) comprised of interactive content ranging from Volumetric holograms, Data Visualizations, Bots, Document libraries, 360s, etc. \"), mdx(\"h4\", {\n    \"id\": \"top-view\"\n  }, \"Top view\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1343px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"59.12137006701415%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAACHVAAAh1QEEnLSdAAADMklEQVQozx2T60/bZRzF+wcYfWFiYpwuY6hr19JSev+1v15o6YUW1gu3XoCyii3QjgACTlzZZMGp1S1RI14wZtnYkrlpjJpMnHYbusUoM4uXlya+8b/4+G1fnHzzvHjOc77nnEdTH/GwknSyLFgbUlgfcbOacnIy7WzP1bTCZNBMIdBNzm8ibtcxJedK1MJcv41KzE4xbONE0s18WkVT7bdSH3YJkcLZrIfTMt+e9PHBi0E2815KYQspRY9d14mi72TEracS6WG6r4dZISzHbCwmFZbSbuYG3WgWjjnkokq138JKytEmbUz4eFNQFhU5r55I92G6Dz9NRjlKLdZD0PQsL/SZqSUc1AYcLKddLKTcFEJWNGeyKllvF0OiokXWIm9hQSwoJf0U0yEyUZWYx8pY0E7GbyNkN7E46GAmam2rbJFWB5xM9gmhz6QlZtXylii6MBVgM+cR31zkfQaWX9/kk5/3+fDuL1RP1fH2GAh7XYRVOxPiaVHUF7yGNvFMv52KQFMRD7bKIc4X/WxkxQfxdMQjPoVN1M83uHjvV7YF86fX8cjjIY+dgMPMkGriZDFBPqGSVo28klGYjojCFVFzQvxbGLQzHJLEjvl571SZby81+OveF+w1b/D+rTtUX11D7dYRdNsIy/rXtzd5uHeNbz7/mFp1isKAKuF1oTkrSdalKuWkSv2l4/z39y3+/WOXP4Xsn/2v+emHa1z47nab0GcxEFCsxHvd3L95kYe3dwRXuPnVpyQKeWKqKHx3OsS5gqSc8bE4k6P55Ra/N6/y4M4Ntt5YYmNtjtc+2mK8NEnPkQ4s+ueJ+hw8aF7htx932P/+M5q7V0nNLzEQ8aIpyd52bQeGzkMcOPQcVrORl2fzXG6siJ+Wtp/FiI3ZuJQ4apZ0bYz5jLyzXmVvd4f7d6+zsb1FenqaUWmB5tHHn+SRx57A0HFQ8Ew7qTM5L5WQkXF/FynXUVJOLcVeY/sntXA8aGIhYaFRS1Mt58iODjIedTHea0Zz8KkDjHkMUlo9cZuWc3kPSYeOUdXAeMAklTqCVVadCBipxVu9s8q0MScoBY2MKjrKUvJS2MrqsMr/tqXyy9x5qpEAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/119a5bec873c66bec1f6c57f6b7d67f8/f5321/top-view.webp 1343w\"],\n    \"sizes\": \"(max-width: 1343px) 100vw, 1343px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/119a5bec873c66bec1f6c57f6b7d67f8/e318e/top-view.png 1343w\"],\n    \"sizes\": \"(max-width: 1343px) 100vw, 1343px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/119a5bec873c66bec1f6c57f6b7d67f8/e318e/top-view.png\",\n    \"alt\": \"Top view\",\n    \"title\": \"Top view\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h4\", {\n    \"id\": \"main-room\"\n  }, \"Main room\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1342px\"\n    }\n  }), \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"59.31445603576751%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAACHVAAAh1QEEnLSdAAADFElEQVQozz2R/U9TdxTG7x+1Zb9tiVu2uARbQGiBsloUuCsDHJvOAtpoMJVbHCoKG5Ty4m1L31LaSktZoJSWgi8gfWGK7TbDNMuyzH/hs+8tZj+cfG9Ozvmc53mu1Kb7GHNnBx19fbTLMqZumdZuKy1yD+19A3TZhvheUbg6OYndNcegS+W6GuJWIIpD1Gg4hiO4zIgvzNWZeaQWAbTIXXT0WLFYZSxfd2MW4PP9/Ri/6eWDhlZOne+hrt/GV9ed3PAEUCKPcC6vcDu+yo8rSfEdZSwSYURVkZp0n6I3tlNnMPF5g5HTDU20nOtAZ+nmw/o2jH0/cLrnMqd6h6m/NkbXHTcD7ggDs2EGXAEuz4e4MufDNqvSP/4A6az+C/RNBs6cbUZvaOUzXSOf6A2YLlzho0YLducY8sgo9fa7WJ0qjtAGXa4Y5vtBhtwhBn9axHTzHhdGJzDbHUim5jqMLU0YmuvRGZoxyZ3Yrn3HxKRC3POAXxJz7G8HebGXIJvwUy2nWc+voix4sdgV5PFpdMOjfHnpBrpvh5DMbY1c7O3k5wkH6bib9MoslcdBjotR3pTivC094vVBnOp+lLflOMeFGO9erXK4E2VqQmE3vUQuG+bWzCRnLtqQbg5bWV5U+ONZmHxpG/9mkuKWystdoWonIMovloPsby2JXoBXT0JU9pb588UGf1Wy/FPN8G81zbvKOpnUAlLCd5sjMXSU83ApGKNTBPwkOS2W/ZRz3lr9mhcwAdbgGlSrqhDwppzkuLzG61KKv3/b4TAfQqop2PZxkFF5KkDV1HQNsrc+T0H0DjYXKWU9lHI+yuLVZjXg9uocMd990V+i+jTE7/sR4SSAVMp6KQmLxfdLh2J4LThOXFVODqUXauDilqcWhXZM20ks3cHrcrIWnqqJqQiXBTEjFd/DChkBFI2t2BTz9waFMpXC5sOTN3MCO5n18lyozidn2EnMkPLfZTfl5kj8yGfClVSoXfZRSD/kpbie9DrJxqc5zAWEOmE54xVAb02hpnZvY6EWh2Zfi+N5evH/GB6vufkPvJWxSJu9LSYAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/097dd58084b1c1c53ac05e9239fa2c5a/41ea3/main-room.webp 1342w\"],\n    \"sizes\": \"(max-width: 1342px) 100vw, 1342px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/097dd58084b1c1c53ac05e9239fa2c5a/524d0/main-room.png 1342w\"],\n    \"sizes\": \"(max-width: 1342px) 100vw, 1342px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/097dd58084b1c1c53ac05e9239fa2c5a/524d0/main-room.png\",\n    \"alt\": \"Main room\",\n    \"title\": \"Main room\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n    \")), mdx(\"h1\", {\n    \"id\": \"demo\"\n  }, \"Demo\"), mdx(\"div\", {\n    className: \"Image__Small\",\n    style: {\n      height: '480px'\n    }\n  }, mdx(\"iframe\", {\n    width: \"100%\",\n    height: \"100%\",\n    src: \"https://www.youtube-nocookie.com/embed/D5lmP1WwlUg?modestbranding=1&color=white\",\n    frameBorder: \"0\"\n  })), mdx(\"div\", {\n    className: \"Image__Small\",\n    style: {\n      height: '480px'\n    }\n  }, mdx(\"iframe\", {\n    width: \"100%\",\n    height: \"100%\",\n    src: \"https://www.youtube-nocookie.com/embed/6Sj7BGgv0e4?modestbranding=1&color=white\",\n    frameBorder: \"0\"\n  })), mdx(\"h1\", {\n    \"id\": \"concept-validation-testing\"\n  }, \"Concept Validation Testing\"), mdx(\"p\", null, \"For the final leg, along with a Researcher I went to 3 major cites in USA to run CVT studies. The result of user studies validated some of our hypothesis and indicated an opportunity in the domain.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["Unity3D","A-Frame","WebVR","ReactJS","SharePoint Framework"],"links":null,"category":"AR / VR","present":false,"noImage":false,"hero":{"full":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAG2d8JagsH/xAAbEAACAgMBAAAAAAAAAAAAAAACAwABERQhM//aAAgBAQABBQJvpsGMAhaLJdYi+L//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAdEAACAQQDAAAAAAAAAAAAAAAAAQIQEUFREiIx/9oACAEBAAY/Ak74O0LraOUfKSeSKWj/xAAaEAEAAwADAAAAAAAAAAAAAAABABEhMXGx/9oACAEBAAE/IbbYYogj2w7hkr4aQaQwOI1uAyACf//aAAwDAQACAAMAAAAQdz//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxBn/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8QJ//EABwQAQADAAIDAAAAAAAAAAAAAAEAESFBsTFRcf/aAAgBAQABPxBAZG63ft45lDQjUrodS3EWMHPMKzmXXpALchv4gPk//9k=","aspectRatio":1.8640776699029127,"src":"/static/a781d6347d8dae02834165a21fb99c9c/6ce4c/cardboard1.jpg","srcSet":"/static/a781d6347d8dae02834165a21fb99c9c/81a66/cardboard1.jpg 236w,\n/static/a781d6347d8dae02834165a21fb99c9c/60b3d/cardboard1.jpg 472w,\n/static/a781d6347d8dae02834165a21fb99c9c/6ce4c/cardboard1.jpg 944w,\n/static/a781d6347d8dae02834165a21fb99c9c/75eea/cardboard1.jpg 1416w,\n/static/a781d6347d8dae02834165a21fb99c9c/82549/cardboard1.jpg 1888w,\n/static/a781d6347d8dae02834165a21fb99c9c/1bfc7/cardboard1.jpg 4032w","srcWebp":"/static/a781d6347d8dae02834165a21fb99c9c/99fbb/cardboard1.webp","srcSetWebp":"/static/a781d6347d8dae02834165a21fb99c9c/77392/cardboard1.webp 236w,\n/static/a781d6347d8dae02834165a21fb99c9c/1f177/cardboard1.webp 472w,\n/static/a781d6347d8dae02834165a21fb99c9c/99fbb/cardboard1.webp 944w,\n/static/a781d6347d8dae02834165a21fb99c9c/4a492/cardboard1.webp 1416w,\n/static/a781d6347d8dae02834165a21fb99c9c/b0b8f/cardboard1.webp 1888w,\n/static/a781d6347d8dae02834165a21fb99c9c/87bb4/cardboard1.webp 4032w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAG2d8JagsH/xAAbEAACAgMBAAAAAAAAAAAAAAACAwABERQhM//aAAgBAQABBQJvpsGMAhaLJdYi+L//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAdEAACAQQDAAAAAAAAAAAAAAAAAQIQEUFREiIx/9oACAEBAAY/Ak74O0LraOUfKSeSKWj/xAAaEAEAAwADAAAAAAAAAAAAAAABABEhMXGx/9oACAEBAAE/IbbYYogj2w7hkr4aQaQwOI1uAyACf//aAAwDAQACAAMAAAAQdz//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxBn/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8QJ//EABwQAQADAAIDAAAAAAAAAAAAAAEAESFBsTFRcf/aAAgBAQABPxBAZG63ft45lDQjUrodS3EWMHPMKzmXXpALchv4gPk//9k=","aspectRatio":1.8640776699029127,"src":"/static/a781d6347d8dae02834165a21fb99c9c/9e057/cardboard1.jpg","srcSet":"/static/a781d6347d8dae02834165a21fb99c9c/8cb53/cardboard1.jpg 350w,\n/static/a781d6347d8dae02834165a21fb99c9c/867d5/cardboard1.jpg 700w,\n/static/a781d6347d8dae02834165a21fb99c9c/9e057/cardboard1.jpg 1400w,\n/static/a781d6347d8dae02834165a21fb99c9c/f2cdd/cardboard1.jpg 2100w,\n/static/a781d6347d8dae02834165a21fb99c9c/5a016/cardboard1.jpg 2800w,\n/static/a781d6347d8dae02834165a21fb99c9c/1bfc7/cardboard1.jpg 4032w","srcWebp":"/static/a781d6347d8dae02834165a21fb99c9c/0326e/cardboard1.webp","srcSetWebp":"/static/a781d6347d8dae02834165a21fb99c9c/d0d48/cardboard1.webp 350w,\n/static/a781d6347d8dae02834165a21fb99c9c/64998/cardboard1.webp 700w,\n/static/a781d6347d8dae02834165a21fb99c9c/0326e/cardboard1.webp 1400w,\n/static/a781d6347d8dae02834165a21fb99c9c/167eb/cardboard1.webp 2100w,\n/static/a781d6347d8dae02834165a21fb99c9c/ded14/cardboard1.webp 2800w,\n/static/a781d6347d8dae02834165a21fb99c9c/87bb4/cardboard1.webp 4032w","sizes":"(max-width: 1400px) 100vw, 1400px"},"narrow":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEBf/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAG2d8JagsH/xAAbEAACAgMBAAAAAAAAAAAAAAACAwABERQhM//aAAgBAQABBQJvpsGMAhaLJdYi+L//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAdEAACAQQDAAAAAAAAAAAAAAAAAQIQEUFREiIx/9oACAEBAAY/Ak74O0LraOUfKSeSKWj/xAAaEAEAAwADAAAAAAAAAAAAAAABABEhMXGx/9oACAEBAAE/IbbYYogj2w7hkr4aQaQwOI1uAyACf//aAAwDAQACAAMAAAAQdz//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPxBn/8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQIBAT8QJ//EABwQAQADAAIDAAAAAAAAAAAAAAEAESFBsTFRcf/aAAgBAQABPxBAZG63ft45lDQjUrodS3EWMHPMKzmXXpALchv4gPk//9k=","aspectRatio":1.8640776699029127,"src":"/static/a781d6347d8dae02834165a21fb99c9c/1293c/cardboard1.jpg","srcSet":"/static/a781d6347d8dae02834165a21fb99c9c/81141/cardboard1.jpg 240w,\n/static/a781d6347d8dae02834165a21fb99c9c/11d7f/cardboard1.jpg 480w,\n/static/a781d6347d8dae02834165a21fb99c9c/1293c/cardboard1.jpg 960w,\n/static/a781d6347d8dae02834165a21fb99c9c/2cc0b/cardboard1.jpg 1440w,\n/static/a781d6347d8dae02834165a21fb99c9c/08e03/cardboard1.jpg 1920w,\n/static/a781d6347d8dae02834165a21fb99c9c/1bfc7/cardboard1.jpg 4032w","srcWebp":"/static/a781d6347d8dae02834165a21fb99c9c/fcc10/cardboard1.webp","srcSetWebp":"/static/a781d6347d8dae02834165a21fb99c9c/2b5a3/cardboard1.webp 240w,\n/static/a781d6347d8dae02834165a21fb99c9c/35871/cardboard1.webp 480w,\n/static/a781d6347d8dae02834165a21fb99c9c/fcc10/cardboard1.webp 960w,\n/static/a781d6347d8dae02834165a21fb99c9c/4693b/cardboard1.webp 1440w,\n/static/a781d6347d8dae02834165a21fb99c9c/30cf3/cardboard1.webp 1920w,\n/static/a781d6347d8dae02834165a21fb99c9c/87bb4/cardboard1.webp 4032w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/a781d6347d8dae02834165a21fb99c9c/150ec/cardboard1.jpg"}}},{"id":"aec7adfb-0eee-52d2-a937-fe308780a523","slug":"/Xbox-Apps-and-BI","secret":false,"title":"Xbox - Apps & BI","author":"Aniket Handa","date":"2016","dateForSEO":"2016-01-01T00:00:00.000Z","timeToRead":1,"excerpt":"App dev, Data Visualization, Big Data, BI","canonical_url":null,"subscription":true,"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Xbox - Apps & BI\",\n  \"author\": \"Aniket Handa\",\n  \"date\": \"2016-01-01T00:00:00.000Z\",\n  \"category\": \"Front-end Development\",\n  \"tags\": [\"JavaScript\", \"Microsoft internal tools\"],\n  \"hero\": \"./images/xbox.jpg\",\n  \"noImage\": true,\n  \"excerpt\": \"App dev, Data Visualization, Big Data, BI\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"xbox-app-development\"\n  }, \"Xbox App Development\"), mdx(\"h3\", {\n    \"id\": \"game-demo-central\"\n  }, \"Game Demo Central\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Ideation\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Prototyping\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Development\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Launch, Updates\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"BI reports\")), mdx(\"h3\", {\n    \"id\": \"video-player\"\n  }, \"Video Player\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Closed Captions\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Deep-linking and Smart redirects \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"CTA button\")), mdx(\"h3\", {\n    \"id\": \"universal-ad-client\"\n  }, \"Universal Ad Client\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"First party ads access to Xbox Live\")), mdx(\"h1\", {\n    \"id\": \"dashboards-and-business-intelligence\"\n  }, \"Dashboards and Business Intelligence\"));\n}\n;\nMDXContent.isMDXComponent = true;","tags":["JavaScript","Microsoft internal tools"],"links":null,"category":"Front-end Development","present":false,"noImage":true,"hero":{"full":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB3IAXC//EABcQAAMBAAAAAAAAAAAAAAAAAAADEBL/2gAIAQEAAQUCF7n/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAEAAwAAAAAAAAAAAAAAAAABABAS/9oACAEBAAY/Ao6K/8QAGhAAAQUBAAAAAAAAAAAAAAAAAQAQESFhof/aAAgBAQABPyFERpR3W//aAAwDAQACAAMAAAAQD8//xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8QTZ//xAAWEQADAAAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8QNX//xAAbEAEBAAIDAQAAAAAAAAAAAAARASFBABAxYf/aAAgBAQABPxCpQdPHynCJluDyfOv/2Q==","aspectRatio":2.5272727272727273,"src":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/6ce4c/xbox.jpg","srcSet":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/81a66/xbox.jpg 236w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/60b3d/xbox.jpg 472w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/6ce4c/xbox.jpg 944w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/75eea/xbox.jpg 1416w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/82549/xbox.jpg 1888w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/204f8/xbox.jpg 2085w","srcWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/99fbb/xbox.webp","srcSetWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/77392/xbox.webp 236w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/1f177/xbox.webp 472w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/99fbb/xbox.webp 944w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/4a492/xbox.webp 1416w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/b0b8f/xbox.webp 1888w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/030f7/xbox.webp 2085w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB3IAXC//EABcQAAMBAAAAAAAAAAAAAAAAAAADEBL/2gAIAQEAAQUCF7n/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAEAAwAAAAAAAAAAAAAAAAABABAS/9oACAEBAAY/Ao6K/8QAGhAAAQUBAAAAAAAAAAAAAAAAAQAQESFhof/aAAgBAQABPyFERpR3W//aAAwDAQACAAMAAAAQD8//xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8QTZ//xAAWEQADAAAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8QNX//xAAbEAEBAAIDAQAAAAAAAAAAAAARASFBABAxYf/aAAgBAQABPxCpQdPHynCJluDyfOv/2Q==","aspectRatio":2.5272727272727273,"src":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/9e057/xbox.jpg","srcSet":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/8cb53/xbox.jpg 350w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/867d5/xbox.jpg 700w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/9e057/xbox.jpg 1400w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/204f8/xbox.jpg 2085w","srcWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/0326e/xbox.webp","srcSetWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/d0d48/xbox.webp 350w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/64998/xbox.webp 700w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/0326e/xbox.webp 1400w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/030f7/xbox.webp 2085w","sizes":"(max-width: 1400px) 100vw, 1400px"},"narrow":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB3IAXC//EABcQAAMBAAAAAAAAAAAAAAAAAAADEBL/2gAIAQEAAQUCF7n/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAEAAwAAAAAAAAAAAAAAAAABABAS/9oACAEBAAY/Ao6K/8QAGhAAAQUBAAAAAAAAAAAAAAAAAQAQESFhof/aAAgBAQABPyFERpR3W//aAAwDAQACAAMAAAAQD8//xAAWEQEBAQAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8QTZ//xAAWEQADAAAAAAAAAAAAAAAAAAABEDH/2gAIAQIBAT8QNX//xAAbEAEBAAIDAQAAAAAAAAAAAAARASFBABAxYf/aAAgBAQABPxCpQdPHynCJluDyfOv/2Q==","aspectRatio":2.5272727272727273,"src":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/1293c/xbox.jpg","srcSet":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/81141/xbox.jpg 240w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/11d7f/xbox.jpg 480w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/1293c/xbox.jpg 960w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/2cc0b/xbox.jpg 1440w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/08e03/xbox.jpg 1920w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/204f8/xbox.jpg 2085w","srcWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/fcc10/xbox.webp","srcSetWebp":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/2b5a3/xbox.webp 240w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/35871/xbox.webp 480w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/fcc10/xbox.webp 960w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/4693b/xbox.webp 1440w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/30cf3/xbox.webp 1920w,\n/static/2c2a1ffddb05015e69f02f96d8eaf9e4/030f7/xbox.webp 2085w","sizes":"(max-width: 960px) 100vw, 960px"},"seo":{"src":"/static/2c2a1ffddb05015e69f02f96d8eaf9e4/150ec/xbox.jpg"}}}],"category":"AR / VR"}}}