{
    "componentChunkName": "component---src-templates-blog-js",
    "path": "/blog/webvr-bringing-vr-web-jehad-mohamed",
    "result": {"data":{"markdownRemark":{"html":"<p>There was once a time we saw websites delivering content, then we saw websites delivering services and now we see a rise in using trending tech with web.</p>\n<p>May it be Machine Learning, IOT or even Virtual Reality , we now see more and more frameworks, libraries built around the web which make the web way more powerful than what it once was!</p>\n<p>A year ago, I was probably not even considering to take up Web as something to learn professionally as I didn't really get a kick out of it at the time. But all that changed with a session by an amazing Mozilla Rep - <strong>Prathamesh Chavan</strong>, who currently works with Red Hat as an engineer.</p>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1080px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/429c86cc3fc9335cc0d68ad573c4baab/47311/2.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 66.66666666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQIE/9oADAMBAAIQAxAAAAHdEwNmXJtD/8QAGRABAAMBAQAAAAAAAAAAAAAAAAQREgEC/9oACAEBAAEFAqSmlJXLY8P/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAYEQACAwAAAAAAAAAAAAAAAAAAAQISMv/aAAgBAgEBPwGGi6P/xAAaEAEAAQUAAAAAAAAAAAAAAAAAAgEQMUGR/9oACAEBAAY/AkbbQYr1/8QAHBAAAwABBQAAAAAAAAAAAAAAAAERECExYZHB/9oACAEBAAE/IVDbPQUbuj5dhKVdLjn/2gAMAwEAAgADAAAAEKzv/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAEDAQE/EJiP/8QAFxEBAAMAAAAAAAAAAAAAAAAAAAEhYf/aAAgBAgEBPxCdGD//xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYYHh/9oACAEBAAE/ELkV3N4lKuh7fJqG1jUFXK3qBRoXbXiNr5uvzP/Z'); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"2\" title=\"2\" src=\"/static/429c86cc3fc9335cc0d68ad573c4baab/47311/2.jpg\" srcset=\"/static/429c86cc3fc9335cc0d68ad573c4baab/6f81f/2.jpg 270w,\n/static/429c86cc3fc9335cc0d68ad573c4baab/09d21/2.jpg 540w,\n/static/429c86cc3fc9335cc0d68ad573c4baab/47311/2.jpg 1080w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\" decoding=\"async\">\n  </a>\n    </span>\n<p>It's here I learnt about A-frame and how easily we could build cool VR apps to go, which was crazy as anyone with an internet connection could use your VR app through their browser. It was probably here where I learnt how powerful the Web really is and what impact one can have through it.</p>\n<p>I 'll be frank, We weren't sure about the turnout for the event initially. I expected a maximum count of probably around 50 or so. But as it so happens we somehow filled the seminar hall to the brink, an amazing feat indeed which was all thanks to the Prathamesh Sir's awesome way of explaining and entertaining the crowd with A-Frame.</p>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 480px; \">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/f0cdfcd8223ed35331cf079f1048a176/7cc5e/1.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 66.2962962962963%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAf/EABYBAQEBAAAAAAAAAAAAAAAAAAIAAf/aAAwDAQACEAMQAAABXr5CnEhb/8QAGxAAAgIDAQAAAAAAAAAAAAAAAREAAgMEFDH/2gAIAQEAAQUCGxadN5XKSAk2T7//xAAWEQEBAQAAAAAAAAAAAAAAAAAAERL/2gAIAQMBAT8BjL//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPwFX/8QAGxAAAwACAwAAAAAAAAAAAAAAAAERAiEQMlH/2gAIAQEABj8C6nhtjya3KWcf/8QAGRAAAgMBAAAAAAAAAAAAAAAAAAERITFx/9oACAEBAAE/IUUGxYJMiTWrSXQu2wuP/9oADAMBAAIAAwAAABBnD//EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QOslX/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERIf/aAAgBAgEBPxC5RD//xAAbEAEBAQADAQEAAAAAAAAAAAABEQAhQVGhcf/aAAgBAQABPxAypXwZfmiBCLav59zZ+pwTQcGBYr1PDEjBBw7JqRFN/9k='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"1\" title=\"1\" src=\"/static/f0cdfcd8223ed35331cf079f1048a176/7cc5e/1.jpg\" srcset=\"/static/f0cdfcd8223ed35331cf079f1048a176/6f81f/1.jpg 270w,\n/static/f0cdfcd8223ed35331cf079f1048a176/7cc5e/1.jpg 480w\" sizes=\"(max-width: 480px) 100vw, 480px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\" decoding=\"async\">\n  </a>\n    </span>\n<p>It was an all round session with an interactive audience, an amazing tech speaker, hands on coding and lots of swags from our sponsors at Mozilla!</p>\n<p>I have got to admit, I really like the way he turned my perspective on the web after which I really got interested in Web and using libraries like Tensorflowjs, Opencvjs etc.</p>\n<h3>Some links to get you started with A-Frame:</h3>\n<ul>\n<li><a href=\"https://aframe.io\">A Frame - Make WebVR</a></li>\n<li><a href=\"https://webvr.info\">Bringing virtual reality to web</a></li>\n</ul>","frontmatter":{"cover":{"publicURL":"/static/6315d4f3909f10832993ab0009c4611d/cover.png","childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","placeholder":{"fallback":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1152'%20height='720'%20viewBox='0%200%201152%20720'%20preserveAspectRatio='none'%3e%3cpath%20d='M612%20138a645%20645%200%2001-54%2030%20163%20163%200%2000-18%2010c-19%2011-18%209-23%2024a1064%201064%200%2001-27%2073%201270%201270%200%2001-27%2073c-1%203-4%205-18%2012-11%206-10%204-10%2019l-1%2015-16%208-1-15v-16l-1-2c0-4-3-5-10-1l-8%204v7c0%207%200%207-2%209a458%20458%200%2001-35%2019l-20%2012a898%20898%200%200084%2048l7%204%207%204%207%204%207%204%207%204%207%204%207%204%207%204%207%204%207%204%207%204%204%202%2010%206%2030%2017%2024%2014%204-2a242%20242%200%200024-13l7-4%207-4%206-4a2539%202539%200%2000124-70l7-4%207-4%207-4%207-4%207-4%206-4%2010-5c8-5%209-5%204-8a542%20542%200%2001-46-25l-8-5v4c0%203-1%204-8%208-11%206-10%207-10-12v-18l-8-5c-7-5-7-5-4-6l2-2-4%202c-3%202-4%203-4%206%200%204%201%204-8-1l-11-7c-5-2-5-3-7-10a1355%201355%200%2000-20-74%205112%205112%200%2000-36-133l-3-1c-2-3-4-2-10%201m-92%2085l-7%2018-24%2065-12%2032c-2%205-3%204%2014%2014a11544%2011544%200%200186%2046%201981%201981%200%2000-33-121v-3l-1-4a167%20167%200%2000-6-21v-3l-1-2-1-4a315%20315%200%2000-8-30c-2-3-2-3-7%2013m-52%20139a6607%206607%200%2001-16%2044l6-3a1485%201485%200%200148-27l6-3-9-5-20-11-11-7-4%2012m64%2061l-7%205%207%204c8%205%208%204%208%2024l1%2016%207-4%208-4c2-1%203-29%202-34-1-2-16-11-18-11l-8%204'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e"},"images":{"fallback":{"src":"/static/6315d4f3909f10832993ab0009c4611d/f4733/cover.png","srcSet":"/static/6315d4f3909f10832993ab0009c4611d/d734b/cover.png 750w,\n/static/6315d4f3909f10832993ab0009c4611d/a304c/cover.png 1080w,\n/static/6315d4f3909f10832993ab0009c4611d/f4733/cover.png 1152w","sizes":"100vw"},"sources":[{"srcSet":"/static/6315d4f3909f10832993ab0009c4611d/59596/cover.webp 750w,\n/static/6315d4f3909f10832993ab0009c4611d/45939/cover.webp 1080w,\n/static/6315d4f3909f10832993ab0009c4611d/3b288/cover.webp 1152w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.625}}},"slug":"/blog/webvr-bringing-vr-web-jehad-mohamed","tags":"WebVR","title":"WebVR : Bringing VR to Web","description":"How one session on WebVR changed my entire perspective of the web and what we can do with it! A memorable session by Prathamesh Chavan.","author":"jehadmohamedz","name":"Jehad Mohammed","date":"05-Oct-2018","designation":null}}},"pageContext":{}},
    "staticQueryHashes": []}