{"id":11910,"date":"2020-11-03T08:30:34","date_gmt":"2020-11-03T07:30:34","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=11910"},"modified":"2022-06-10T16:33:19","modified_gmt":"2022-06-10T14:33:19","slug":"extended-reality-web","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/","title":{"rendered":"How Extended Reality is Fusing Life and Advertising"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-19ac1f4b      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-is-extended-reality\" class=\"uagb-toc-link__trigger\">What is Extended Reality?\u00a0<\/a><li class=\"uagb-toc__list\"><a href=\"#how-to-get-involved\" class=\"uagb-toc-link__trigger\">How to get involved?\u00a0<\/a><li class=\"uagb-toc__list\"><a href=\"#tools-for-extended-reality\" class=\"uagb-toc-link__trigger\">Tools for extended reality<\/a><li class=\"uagb-toc__list\"><a href=\"#how-easy-is-web-xr-to-learn\" class=\"uagb-toc-link__trigger\">How easy is web XR to learn?<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\r\n\r\n\r\n<p>The fusion of the <a class=\"ek-link ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-hub\/mobile-dev\/become-a-mobile-developer-and-connect-the-virtual-and-physical-worlds\/\">physical and virtual worlds<\/a> has impacted many aspects of our lives, including entertainment, how we <span id=\"urn:enhancement-a8753038\" class=\"textannotation disambiguated wl-thing\">interact<\/span> with live sports and fitness, navigation, architecture, healthcare, and training. <strong><span id=\"urn:enhancement-22b8eef9\" class=\"textannotation disambiguated wl-thing\">Extended reality<\/span><\/strong> aims to create higher engagement levels than the traditional <span id=\"urn:enhancement-7654e876\" class=\"textannotation disambiguated wl-thing\">web<\/span> through engaging <span id=\"urn:enhancement-ab2c84a8\" class=\"textannotation disambiguated wl-thing\">tools<\/span> such as <span id=\"urn:enhancement-8a672925\" class=\"textannotation disambiguated wl-thing\">3D<\/span> models that help orient those who view them and can provide an opportunity for <a class=\"ek-link ek-link\" href=\"https:\/\/www.codemotion.com\/magazine\/video\/emerging-tech-brings-us-the-restaurants-of-the-future\/\">interaction<\/a> with <a href=\"https:\/\/www.codemotion.com\/magazine\/ai-ml\/is-your-company-ready-to-enter-the-metaverse\/\">brands and services<\/a>.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>\u00a0Anastasia Miroshnichenk is a self-driven Expert <span id=\"urn:enhancement-1a3b1708\" class=\"textannotation disambiguated wl-place\">Web<\/span> XR developer at Saint Elmo&#8217;s <span id=\"urn:enhancement-7b60d6a3\" class=\"textannotation disambiguated wl-thing\">advertising agency<\/span> in Berlin. She&#8217;s also an active <strong>AR community member<\/strong>, leader, influencer, life-long learner. I talked to her before her presentation at\u00a0<a href=\"https:\/\/events.codemotion.com\/conferences\/online\/2020\/online-tech-conference-spanish-edition\/#home\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Codemotion&#8217;s online conference: The Spanish edition<\/em><\/a>\u00a0to find out more.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"what-is-extended-reality\">What is Extended Reality?\u00a0<\/h2>\r\n\r\n\r\n\r\n<p><strong>Extended Reality<\/strong> (<em>XR<\/em>) refers to all real-and-virtual environments generated by computer <span id=\"urn:enhancement-fe97a4f3\" class=\"textannotation disambiguated wl-thing\">graphics<\/span> and <span id=\"urn:enhancement-d2a7090d\" class=\"textannotation disambiguated wl-thing\">wearables<\/span>. XR is the umbrella category that covers all the various forms of computer-altered reality including: <strong><span id=\"urn:enhancement-912ad203\" class=\"textannotation disambiguated wl-thing\">Augmented Reality<\/span><\/strong> (<em><span id=\"urn:enhancement-5e164ec8\" class=\"textannotation disambiguated wl-thing\">AR<\/span><\/em>), <strong><span id=\"urn:enhancement-62225ac5\" class=\"textannotation disambiguated wl-thing\">Mixed Reality<\/span><\/strong> (<em>MR<\/em>), and <strong><span id=\"urn:enhancement-4f601ba5\" class=\"textannotation disambiguated wl-thing\">Virtual Reality<\/span><\/strong> (<em><span id=\"urn:enhancement-b9720878\" class=\"textannotation disambiguated wl-thing\">VR<\/span><\/em>).<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" class=\"wp-image-11917\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/Senza-titolo-1-1024x542.jpg\" alt=\"VR is part of Extended Reality\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/Senza-titolo-1-1024x542.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/Senza-titolo-1-300x159.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/Senza-titolo-1-768x406.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/Senza-titolo-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Saint Elmo&#8217;s offer a new kind of <span id=\"urn:enhancement-3230fc40\" class=\"textannotation disambiguated wl-thing\">advertising<\/span> which specialises in the <span id=\"urn:enhancement-c25a9322\" class=\"textannotation disambiguated wl-thing\">experience<\/span> of <span id=\"urn:enhancement-d637312d\" class=\"textannotation disambiguated wl-thing\">AR<\/span> and MR. Their <span id=\"urn:enhancement-e6424fcc\" class=\"textannotation disambiguated wl-thing\">projects<\/span> include everything from <span id=\"urn:enhancement-364db8cc\" class=\"textannotation disambiguated wl-thing\">AR<\/span> <span id=\"urn:enhancement-d6eb3cf2\" class=\"textannotation disambiguated wl-thing\">experience<\/span> using <span id=\"urn:enhancement-855b4ff1\" class=\"textannotation disambiguated wl-thing\">QR code<\/span> printed on advertising posters, fashion ads for print magazines, and <span id=\"urn:enhancement-1c9321e5\" class=\"textannotation disambiguated wl-thing\">holographic<\/span> selfies to promote new cars before they hit the showroom.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Anastasia is responsible for web-based <span id=\"urn:enhancement-a2afaa65\" class=\"textannotation disambiguated wl-thing\">applications<\/span> and while her colleague focuses on <span id=\"urn:enhancement-46f597be\" class=\"textannotation disambiguated wl-thing\">application<\/span>-based <span id=\"urn:enhancement-57e31998\" class=\"textannotation disambiguated wl-thing\">augmented reality<\/span>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-how-to-get-involved\">How to get involved?\u00a0<\/h2>\r\n\r\n\r\n\r\n<p>Anastasia shared, &#8220;I started working with <span id=\"urn:enhancement-fe9a8f19\" class=\"textannotation disambiguated wl-thing\">AR<\/span> around three years ago when my executive manager came to me and shared that our ad agency wanted to try something new. At this point, we have already working with the HoloLens creating B2B projects, so I was excited about the opportunity to increase my skill set and <strong>work on <span id=\"urn:enhancement-8bad1b5e\" class=\"textannotation disambiguated wl-thing\">creative<\/span> <span id=\"urn:enhancement-fc035f36\" class=\"textannotation disambiguated wl-thing\">projects<\/span><\/strong>.&#8221;\u00a0<\/p>\r\n\r\n\r\n\r\n<p>According to Anastasia, &#8220;Mostly we are working with print editions, like magazines, newspapers, and the main idea is that you can&#8217;t tell all the information only in print. <strong>But with <span id=\"urn:enhancement-67c054ec\" class=\"textannotation disambiguated wl-thing\">augmented reality<\/span>, you can extend information<\/strong> by using an additional layer of <span id=\"urn:enhancement-6fa995b\" class=\"textannotation disambiguated wl-thing\">digital information<\/span>. They can include the use of videos, interviews reels, photo galleries or <span id=\"urn:enhancement-fc4238aa\" class=\"textannotation disambiguated wl-thing\">3D<\/span> modelling in infographics or <span id=\"urn:enhancement-4f46e3a0\" class=\"textannotation disambiguated wl-thing\">images<\/span> and provide the audience with a more <span id=\"urn:enhancement-e0ddd51a\" class=\"textannotation disambiguated wl-thing\">interactive<\/span> <span id=\"urn:enhancement-b8cdb1cc\" class=\"textannotation disambiguated wl-thing\">experience<\/span> than simply viewing an ad, article or web page.&#8221;<\/p>\r\n\r\n\r\n\r\n<p>Saint Elmo&#8217;s <span id=\"urn:enhancement-f7a4bd18\" class=\"textannotation disambiguated wl-thing\">clients<\/span> are range from the automotive industry to fashion and included publishers such as newspapers and magazines.\u00a0<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-tools-for-extended-reality\">Tools for extended reality<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"641\" class=\"wp-image-11918\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/vrdev-1024x641.jpg\" alt=\"Developing Extended Reality Applications\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/vrdev-1024x641.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/vrdev-300x188.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/vrdev-768x481.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/vrdev.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Anastasia mostly used an\u00a0<a class=\"ek-link\" href=\"https:\/\/zap.works\/universal-ar\/aframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">A-frame<\/a>\u00a0as everyday <span id=\"urn:enhancement-e2275c5d\" class=\"textannotation disambiguated wl-thing\">graphic<\/span> just because it&#8217;s easier to develop with it. She also sometimes integrates\u00a0<a class=\"ek-link\" href=\"http:\/\/www.freevr.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">FreeVR<\/a>\u00a0into <span id=\"urn:enhancement-5337311c\" class=\"textannotation disambiguated wl-thing\">code<\/span>, and prefers to work with the\u00a0<a class=\"ek-link\" href=\"https:\/\/www.8thwall.com\/8thwall\" target=\"_blank\" rel=\"noreferrer noopener\">8th Wall library<\/a>\u00a0when doing <span id=\"urn:enhancement-c3e919c\" class=\"textannotation disambiguated wl-thing\">AR<\/span> &#8220;because they provide a more stable and immersive <span id=\"urn:enhancement-9554d579\" class=\"textannotation disambiguated wl-thing\">experience<\/span> and they have very good documentation written and very good technical support in slackchat.&#8221;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-how-easy-is-web-xr-to-learn\">How easy is web XR to learn?<\/h2>\r\n\r\n\r\n\r\n<p>According to Anastasia, <strong><span id=\"urn:enhancement-afac9f06\" class=\"textannotation disambiguated wl-thing\">learning<\/span> <span id=\"urn:enhancement-76f0395d\" class=\"textannotation disambiguated wl-thing\">extended reality<\/span> is not easy<\/strong>: &#8220;But I would say that it&#8217;s absolutely possible. So the <span id=\"urn:enhancement-c9c3c54c\" class=\"textannotation disambiguated wl-thing\">developer<\/span> just needs to open any <span id=\"urn:enhancement-e1cb3895\" class=\"textannotation disambiguated wl-thing\">3D<\/span> lab library first. For example, the A-frame for me is the easiest one. Its very <span id=\"urn:enhancement-adca9aa4\" class=\"textannotation disambiguated wl-thing\">user<\/span> friendly and easy to read and it includes a lot of examples which makes it easy to understand.&#8221; She suggested <strong>starting with the basics<\/strong>, such as <span id=\"urn:enhancement-82277504\" class=\"textannotation disambiguated wl-thing\">learning<\/span> to build <span id=\"urn:enhancement-d389588f\" class=\"textannotation disambiguated wl-thing\">3D<\/span> cubes. Then going deep into <span id=\"urn:enhancement-6852aa0d\" class=\"textannotation disambiguated wl-thing\">AR<\/span> tools such as the 8th Wall library which provides a free trial for <span id=\"urn:enhancement-cbbb7041\" class=\"textannotation disambiguated wl-thing\">developers<\/span> as part of their commitment to bridging the development gap between <span id=\"urn:enhancement-74464b00\" class=\"textannotation disambiguated wl-thing\">iOS<\/span> and <span id=\"urn:enhancement-353757ca\" class=\"textannotation disambiguated wl-creative-work\">Android<\/span>, so that anyone can <span id=\"urn:enhancement-1829907b\" class=\"textannotation disambiguated wl-thing\">experience<\/span> the magic of <span id=\"urn:enhancement-dff27549\" class=\"textannotation disambiguated wl-thing\">AR<\/span> &#8211; no matter what <span id=\"urn:enhancement-17ff1083\" class=\"textannotation disambiguated wl-thing\">device<\/span> they&#8217;re on.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>She notes that part of the challenge is that when you&#8217;re thinking about a <span id=\"urn:enhancement-2adbb4b2\" class=\"textannotation disambiguated wl-thing\">3D<\/span> model &#8220;it already\u00a0sounds like something impossible because we are all used to <span id=\"urn:enhancement-6dfd6fed\" class=\"textannotation disambiguated wl-thing\">2D<\/span> <span id=\"urn:enhancement-658c94a5\" class=\"textannotation disambiguated wl-thing\">content<\/span>. Imagine that you might have something <span id=\"urn:enhancement-1e769e09\" class=\"textannotation disambiguated wl-thing\">3D<\/span> built in your page, it sounds like magic. So you need to determine what kind of model you need to use. They&#8217;re not all that complicated, but it could be tricky to find the best model, how to develop it, and where to put it. This is particularly challenging as you may be limited to only a few formats for developing a web experience. But as long as you know where to look, you can find the <span id=\"urn:enhancement-3c65718\" class=\"textannotation disambiguated wl-thing\">resources<\/span> you need to get started.\u00a0<\/p>\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>The fusion of the physical and virtual worlds has impacted many aspects of our lives, including entertainment, how we interact with live sports and fitness, navigation, architecture, healthcare, and training. Extended reality aims to create higher engagement levels than the traditional web through engaging tools such as 3D models that help orient those who view&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\">Read more<\/a><\/p>\n","protected":false},"author":85,"featured_media":11911,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":3,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2554],"tags":[5541],"collections":[],"class_list":{"0":"post-11910","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-events","8":"tag-game-developer","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How Extended Reality is Fusing Life and Advertising - Codemotion<\/title>\n<meta name=\"description\" content=\"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Extended Reality is Fusing Life and Advertising\" \/>\n<meta property=\"og:description\" content=\"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-03T07:30:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-10T14:33:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cate Lawrence\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cate Lawrence\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\"},\"author\":{\"name\":\"Cate Lawrence\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1\"},\"headline\":\"How Extended Reality is Fusing Life and Advertising\",\"datePublished\":\"2020-11-03T07:30:34+00:00\",\"dateModified\":\"2022-06-10T14:33:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\"},\"wordCount\":723,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg\",\"keywords\":[\"Game Developer\"],\"articleSection\":[\"Events\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\",\"name\":\"How Extended Reality is Fusing Life and Advertising - Codemotion\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg\",\"datePublished\":\"2020-11-03T07:30:34+00:00\",\"dateModified\":\"2022-06-10T14:33:19+00:00\",\"description\":\"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg\",\"width\":2560,\"height\":1708},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dev Life\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Events\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How Extended Reality is Fusing Life and Advertising\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1\",\"name\":\"Cate Lawrence\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g\",\"caption\":\"Cate Lawrence\"},\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Extended Reality is Fusing Life and Advertising - Codemotion","description":"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/","og_locale":"en_US","og_type":"article","og_title":"How Extended Reality is Fusing Life and Advertising","og_description":"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.","og_url":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2020-11-03T07:30:34+00:00","article_modified_time":"2022-06-10T14:33:19+00:00","og_image":[{"width":2560,"height":1708,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg","type":"image\/jpeg"}],"author":"Cate Lawrence","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Cate Lawrence","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/"},"author":{"name":"Cate Lawrence","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1"},"headline":"How Extended Reality is Fusing Life and Advertising","datePublished":"2020-11-03T07:30:34+00:00","dateModified":"2022-06-10T14:33:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/"},"wordCount":723,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg","keywords":["Game Developer"],"articleSection":["Events"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/","url":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/","name":"How Extended Reality is Fusing Life and Advertising - Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg","datePublished":"2020-11-03T07:30:34+00:00","dateModified":"2022-06-10T14:33:19+00:00","description":"We talk to Web XR developer Anastasia Miroshnichenk to learn about extended reality prior to her presentation at Codemotion.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg","width":2560,"height":1708},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/extended-reality-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Dev Life","item":"https:\/\/www.codemotion.com\/magazine\/dev-life\/"},{"@type":"ListItem","position":3,"name":"Events","item":"https:\/\/www.codemotion.com\/magazine\/dev-life\/events\/"},{"@type":"ListItem","position":4,"name":"How Extended Reality is Fusing Life and Advertising"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/df32323fd62dc47fa8892426677a2cc1","name":"Cate Lawrence","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2dbf9850a6e06e402d71247f79a76d6a5adad553ed6aab558a29a4107e5e83b1?s=96&d=mm&r=g","caption":"Cate Lawrence"},"url":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-600x600.jpg","author_info":{"display_name":"Cate Lawrence","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg",2560,1708,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-300x200.jpg",300,200,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-768x512.jpg",768,512,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-1536x1025.jpg",1536,1025,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-2048x1366.jpg",2048,1366,true],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-scaled.jpg",100,67,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/11\/pexels-thisisengineering-3862372-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"Cate Lawrence","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/cate-lawrence\/"},"uagb_comment_info":0,"uagb_excerpt":"The fusion of the physical and virtual worlds has impacted many aspects of our lives, including entertainment, how we interact with live sports and fitness, navigation, architecture, healthcare, and training. Extended reality aims to create higher engagement levels than the traditional web through engaging tools such as 3D models that help orient those who view&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/11910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=11910"}],"version-history":[{"count":10,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/11910\/revisions"}],"predecessor-version":[{"id":18001,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/11910\/revisions\/18001"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/11911"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=11910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=11910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=11910"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=11910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}