 All right, cool. Thank you. So we'll get started. I apologize for my voice. My scientist has decided to give me a hard time, but compare with me. So this is, we're gonna talk about WebVR. What is VR and WebVR? Why might one do it and how you can do it? So about me real quick, I'm a senior front-end developer at Lullabot. I have a BFA in illustration, Petrofineric. I've worked in WebUX as a designer for seven years. I've only been a developer of my title recently. If I slander certain tools, these are the ones I own. So if I slander the other ones, then maybe you can take that buy for what it's worth, but Google Cardboard, which is one of these guys, I have my daydream with me. My vibe is way too expensive and big to drag around. So I work for Lullabot, like I said. We do strategy design and development. We're awesome. We have a couple of bots here in town and a lot of us are from the US, also some in Spain. So if you're interested in working with us, let me know. So while we're gonna go over today, first we're gonna talk about what is VR? What does the landscape look like? What can you use it for? What's the hardware and software like? And how does that inform the user experience? Then we're gonna talk about WebVR specifically, and we're not gonna do it on Coke then, unfortunately, because that requires reliable internet connection, which I don't want to try and risk. So we're just gonna build it. But you can't build this on equipment. We're gonna build something on my computer here. So first, let's get some terminology straight. So this is Milgram's a reality to virtuality continuum. I don't know who that is, but I thought this was a very good way to explain it. So on one side we have a real environment, like we are now, in theory. And then on the other side, we have a virtual environment, which is you can't see anywhere else. Everything is computer generated, and then you have these two spots in the middle. So augmented reality and then augmented virtuality. I hope I don't have to explain real environment too much. I'm just gonna go right to virtual reality. Virtuality, like I said, is your completely immersed. So this is a green screen, so you can't see what she's seeing. But in reality none of this is real, just a girl. So she's playing a robot dog with her hands, which are controllers in this instance. This is the same system of eye, and so this guy is defending his castle with his bone arrow. But you can in fact see that one below in the left hand is actually a controller. But it looks and feels very convincing, other than you're in a cartoon universe. Augmented reality. So augmented reality, a good popular example of this is Pokemon Go. So it's taking a photo of what's actually in front of you and then putting something virtual inside of that. And then one of my favorites, more useful implementations of augmented reality today. And some other car companies have made it so you can point your camera at your car. And then it'll have things that you can do, like change the oil, and it'll actually click on change the oil, and it'll play a little video right over where the part is that you will need to interact with. It's really cool. And this actually isn't all that tricky. This isn't like space-age stuff. This is not quite all yet. I think this is just a marketing shot, but just as an idea for augmented reality could go. This is a marketing shot for Microsoft HoloLens, so maybe you can use a visor that you can see through, and then you can bring up screens wherever you want, and you can interact with them with pinching. You don't need controllers. This is something to actually have done. It's still a bit of a marketing shot. It's not quite this amazing, but it is quite amazing. So he's actually looking at human anatomy in different phases that are in the actual group, and then you can walk around and maybe touch, turn, all that kind of fun stuff, which is really helpful to try and understand how our bodies actually come together. So augmented virtual reality is not a great example of this right now, but let's see. In this little shot, this is just virtual reality, and this guy has an actual console in the part of the frame. Augmented virtuality could be introduced here by making the hands steering wheel and all that dashboard stuff actually appear in-game, so he's not looking at a virtual, virtual hand. He's looking at his hands and that steering wheel. And maybe that steering wheel has custom controls on it, that the game doesn't have to worry about where they are and map them into something in the virtual world. So what are the kind of experiences and interaction types you have? You don't use a keyboard and mouse usually, our usual way of interacting with computers. So the most common one is a gaze or a look and a press. So a gaze is if I wanted to interact with that first row, I would look at it, and then maybe a bar would fill up or something would happen to let me know that I have to look at it this long and then we'll assume that I wanted to interact with that. A gaze and a press as I look at it, and then I click. So on the cardboard, there's a little button up here that you might have a controller or something that might also let you click at whatever you're looking at. And then, so there's also traditional controllers. You have your media controllers that are pretty popular, there's little guys, a little, you know, a button, your video game controllers that are video game people, or a specialized controller that you're steering with a flight stick, whatever. You also have VR controllers. What I mean by VR controllers is that these occupy space in the virtual world. So you see that guy with the bell in there. I was holding up his left hand and that turned into a bell because that's where that controller is. So if I go like this, the bell goes like this. So these things actually appear in the world. We're coming to a point where they're going to start looking more like the office one there by who's going to come out with a similar one, where that's basically trying to get as close to a hand as possible. So I believe I'm not positive, so I heard that the granny is there so you can reach out and let go of the controller, and the ring will catch on the back of your hand. And there's some sort of there that would let it know that your hand is open. And then when you close it again, you're back on that joystick thing, and it knows that you've actually grabbed something. So that kind of the idea there. Also, oh, yeah, quick demo of that. Control-Tag, yes. Okay, so here's the Oculus Touch controllers. So my new actions here, she's pressing buttons and pulling triggers and able to throw things and grab things and, you know, really finding some kind of interaction stuff that, you know, you can't have bad lag on this. It has to actually map very realistically. Oh, yeah, this is a good one. So like being able to, you know, know where your slingshot is and your rubber banded thing. Shot, I guess. All right, back to that. There's also the, now I'm forgetting the name of it, Leap Motion. I came up for computers. The idea was you could set it on your keyboard and then you could do gestures at your computer. It didn't hit it very well. Now they've hung it on the front of the head-mounted display of the VR thing and you don't have to wear any controllers. You can see where your hands are and actually can distinguish your fingers. So this isn't like, you know, it's not wearing any luck. It's showing, this is a demo showing that I can actually see where all your hands are or where your fingers are and you're able to do these minority-record BS and like throw a cue. Cool, that's very awesome. So another thing that comes into play a lot is body interaction. So the vast majority of VR experiences right now are either sitting or standing. Sitting or standing means that if I am wearing this and I am in a virtual world, if I do this, the world does not move. The world has no idea where I am in space. If I sit down, it does not lower the viewpoint. So basically you're either sitting or standing and you're doing this. So that's kind of sitting or standing. That's the easiest way to get a virtual thing because we have gyroscopes on our phones and it's easy to kind of detect the one going like this but knowing how far they move when the gyroscope builds forward is a lot trickier and you're risking motion sickness. Room scale is something where you can actually track a person in space. So this is a marketing shot for the vibe and basically they have two vehicles up there. They're shooting at a laser grid and all the sensors are on the controller and headset and it can tell exactly where you are in very fine detail many times a second. So it feels very, very convincing. So those are the kinds of things you can do with the interaction. What's the hardware look like? I kind of separate this from the high end and low end. I would call anything low end something that's under $100 ish. So American, I'll be going to speak in American dollars because they're the ones I know. So you have the Google Cardboard which I have here. It's not made by Google. They made a specification. All developers can develop to it and all people who make hardware can develop to it and all their things can help. They're about $20 and then the Google Daydream here you have to have a special phone. It's like one of the many Android phones I think there's ten of them. And then you can use the Google Daydream. Google Daydream does have a VR controller. It's similar to a Wii controller. It has a pretty good idea of what you're doing because of gyroscopes but it's not like tracked insanely well or anything like a live controller or anything. So if someone is standing over here and shows it like I'm raising it right here but it doesn't really know. But it does feel very intuitive. It works very, very well. Samsung Gear VR. They were the first solid VR thing that came to market. It has to have one of a few Samsung phones. It's probably grown right now. I went at launch. Their controller was on the side there. So you have a click. It's the center thing. You tap that or you can go forward and backward down. Kind of like Professor Xavier here under that. Back button and a volume rocker. And then they also have that controller now too right here. I have not seen it. But I put a green check mark there. Sorry. So I'm just giving an idea. Google Cardboard. About $50 or less. If you're paying anymore, you're a silly person. Google Daydream. So it's $49 right now in the States. I think it's actually like $80. I'm sorry. But you also have a special bug. Google Cardboard will work on practically both. Gear VR is also a special bug. And it's a little bit of a higher price point. This is usually $80 or something like that. But when I check last, that was it. So none of these do ring scale because that would require a lot of external tracking devices. So higher end headsets. So Oculus Rift is the first major VR headset that came to market. It's also kind of reignited this craze. We've had VR multiple times. Oh, so I can explain what these are. So you have a media controller that comes with it. That's the tracking tower. So it tracks kind of like a Wii where it has some IR cameras and then it shoots out IR lights. So that's kind of where you are. So there's a headset and it came with a controller. And now, as of yesterday or two days ago, these actually come with it. They're used as a mind separate. And the price point lowered. So very cool. The Vive, this is the stuff they have right now. They'll have the controllers soon. But they have the two things that help track room scale and the headset and the controllers. So big price leap here. So I put the Gear VR because I had units sold from there. So obviously it's $600, but it's sold 316L. And this is in 2016. And I'm assuming my source is good, my company. And then $800 for the Vive. And it has 2.1 million units sold. And oh, I put a star in there because it can technically view room scale. But I don't expect that they expect to have many people setting up room scale. They don't do it by default. They don't get to buy a new sensor. Not many people can do it. So yeah, just kind of see, love that. Love doesn't even realize it's pretty near impossible to figure out how many cardboards are out there. I've heard many 8-year-olds tear these apart so if you have 8-year-olds, don't do that. They think they're super hero goggles. Kids. So what can you do with a VR? So entertainment, obviously. Gaming, photos, video. When I say photos and video, you can do 360 photos and video. For 360 video, you need a special machine. But for 360 photos, if you have the capability of making a photosphere on your phone or anything similar, that can actually show up in VR. And it is very freaking cool. A lot more than you would think initially. I think. And I have some I could show after if anyone's interested. So education, being immersed in an environment is much higher chance of empathy or becoming involved with whatever you're seeing when it's all around you. You can choose what you want to look at. And so that's really good for documentaries and journalism. New York Times has done a lot of 360 video content. I think it's a great effect. And they've done some stuff in very poor areas or areas they need. And then also like, you have to see a large piece of art that was done in New York City in Times Square. You can also demonstrate micro and macro scale. So micro meaning, I don't know if you get the magic school bus here, but when they jump down into the body and like, row around with red blood cells, micro, right? You could do that. And you could also do macro scale so you could fly around in the spaceship and look at Saturn You can also do places that are hard to get at, so museums, just in locations. There are people that are 3D scanning very cool places so that you can actually walk around in a 3D representation that has the right depth and the right texture. It's very cool. And also in event reactions, things that happened a long time ago that you can't just go visit. So for help, you can do now to be imported into VR. And a doctor could see how our bodies laid out because it's often very different because we are all weird and squishy in there. And you can also do exposure therapy for obias or PTSD. So if you're afraid of heights, you can be put on the skyscraper, but of course you're on the ground. There's nothing that's going to happen. Those are a couple of popular ones that are just paying out for free. I'm sure there's more. But mental rehabilitation for stroke and brain injuries, there's been some work on that and they're finding that they're better able to target the specific areas of brain they need to rehabilitate if they can control the stimulus more. So very cool stuff. Then there's training simulations. So I could teach you how to drive a car without having to put you in a giant chunk of metal that moves at high speeds. That'd be pretty cool. There's a lot of controls for our vehicles and factories. So if I have a friend's wife does human factors and new things in engineering, so they actually have to buy consoles that Homer Simpson might use so that people can figure out what they do in crisis. If they didn't have to buy those big things, let me just do it in VR. Battlefield, military stuff, they're already doing that. NASA I'm sure is doing something they've already done crazy expensive things to train their people. So that's just kind of VR in general. Let's talk about VR. So Mo's VR is an effort from Mozilla. There's a whole team behind this and they have different efforts. Their goal is to bring VR to the web natively. So the W3C would have a specification that browsers would implement so that we could talk to hardware and know what hardware is available and what interaction types are available. So they're also dedicated to making sure that we can use this today, that we don't have to wait until the W3C decides to agree on something that can take a very long time. So there's the WebVR boilerplate. This is a little more developer oriented. It has packages and it has like a lot of creepy JavaScript things and all this cool stuff. It is really good for custom experiences if you really want to get into the day 3. And it works in modern browsers whether or not you know VR it still works as a 3D thing. Under the hood these experiences are using the full-screen API which exists, Netflix, YouTube all those people using it also WebGL which is there forever that hasn't seen a ton of use. So they're not like doing something awful to try and get these VR images across. AFRAIN is built on top of a VR boilerplate but it's an easy to learn markup language so designers, people who aren't as technical can get in the game and experiment with lighting different scales mess around, move things around you can import custom 3D models all that fun stuff. It can be further modified with JavaScript since it's built on WebVR boilerplate you don't like if you hand it to a dev who has to make something more custom they don't have to completely disassemble it they could just continue working with it so it's not like this completely separate thing where it's like oh you handed me you could actually keep this. And then the project goal here is to enable more creators so if you only have engineers with an engineering pass that are kind of working on this stuff they're gonna think a certain way generally and so the idea is to try and get more people involved so they can try out more things and do lots of weird interesting stuff. So how are we doing on time? Alright, great. Any questions so far? Yeah. What are the information about PSVR? If they have a good web browser I will start sharing about that. Do you have any hopes? I mean they didn't have any kind of VR VR support into the workstation which would be a good hope that they might be going at what was their web browser as well or what would be better? Not only my brand. They haven't been a good open source and if anything they've been a little hostile when they decided you couldn't install your own OS but it is like really good and if you're just interested in VR gaming stuff it is a very competent solid headset definitely worth looking into. Any other questions? Feel free to stop me. Slow me down. I used to teach a lot. I used to do it. Alright. So, good news about AFrame. Docs are fantastic. They're not, you know, I've had a couple of them in the box but they were very good. It's a single JR file. They're not like compiling to where you get whatever. And, yeah. So, very, very straightforward to go through. That's why you can do it on Coke then. They just include their JavaScript as an external library and start typing. So, to get started there's all you need. Linking to AFrame over the web or you can download it from there. If you want to download AFrame it's one day. It does awesome stuff. Not even in the scene. So, every HTML tag that AFrame uses all starts with a dash. So, if you see one of those pretty good idea of what's going on. Generally, AFrame takes up the entire screen. It doesn't have to. But, yeah, usually there's nothing else in the HTML really except for maybe if you want to tell somebody you can't see that this page is VR crazy or try to provide some professional content. What are we doing? I haven't gotten that far. I'm just messing it up. So, in VR and 3D stuff there's something called a sky image. It's just an image that's very far away and AFrame by default is 2,000 meters. Which, by the way, you're all very lucky. They're used to meters. I have no idea what a meter is. I think it's when someone calms down after being pissed. Yeah, you do a sky image and I do a flat color. So, heck stuff. You've seen that. Or you can actually pull in an image and it's basically going to be wrapped around a speeder that is 2,000 meters away unless you say otherwise. So, it gets a little weird. Am I allowed to draw on that? Well, whatever. The image is about the dimensions and at the very top and bottom it's all going to be wrapped around one pixel. You can always get more distorted the closer they get to the top and bottom. I can show you that in a little bit. Oh, I also made these slides so that you can follow along without me talking. You'll notice there are links at the bottom so you don't have to take too many notes. You can just get the slides all tweaked them out afterwards. And they'll change every time I do this talk. So, yeah. Hopefully get better. So, let's add a sphere. Let's add something to our stage. Partially. So, this is the way that I usually do it. This is the way that makes most sense to me. So, I declare a sphere with the tag and it has attributes like h and l attributes. It has a color orange, has a radius instead of a width and height which you would have. And then this one right here if you follow people that do a lot of A-frame you're going to go with this syntax. So, same result. Under the coverage that is this. But that is a lot friendlier. I think the reason they do it is because generally this is easier to change into something else if they have to change it later. So, another thing to point out. A-n-n-d is the equivalent of a div. So, if you need to move two things together or you want to manipulate them together you just wrap two objects in an entity and then you say make this smaller or move it over here or animate it like so and then they will move as one unit. So, next thing we might want to decide where we want to put this sphere, right? We're actually in 3D space so we have to worry about this. So, let's say that there is a small room that's 5 meters by 5 meters and we're standing right here at 0000 which is where we stand at by default and more specifically let's say you want to put it wherever you want and that's where the view will start. It is at 01.6 to 0 which is 1.6 to the top of the ground that's at 001. So, x, y, z, y is up z is off to my right and oh no, I'm sorry, z is in front of me and x is off to my right. Another strange thing you start by facing negative down the z-axis so if you want something to be in front of you you need to have that negative 5. If it's positive 5 you're like where the hell's my sphere? This is bullshit. So, we're to the wise. So, positioning in 3D looks like this. So, if we had a cube at 0, 2, 2 so this is it didn't move anywhere on the x-axis it's up to on the y-axis and out of negative 2 and you notice that it's cut in half that is because in A-frame at least we're positioning things from the center point so if I don't accommodate for their width it's going to be cut in half by my wall assuming there's a wall there there isn't a wall right in the middle of your face don't recommend it. And then, so here on these two I've counted for the height so each of these squares are 1 meter so this one's 1.5 meter off the ground and you notice that the rest of these do not have decimals so this kind of the center point is right in the middle of that cross-section and this guy here is in between the vertical but is flush between x-axis. Or whatever ok, yeah he's raised up high enough to clear 3 meters and then 4.5 up which means that it is which actually 4.5 up should be 1 I did that wrong, should actually be touching the ceiling haha I'll fix that so if we want a position next to here depending on what that line looks like so I've worked out the diagonal that's going to represent so where do you think that's going to be yeah, x-axis where do you think it's going to be 2 meters behind you so it means that they're right no, no, it's in front of me it's going to be right here right here so it's 2 meters down 3 meters up, sorry and 4 meters down and I'm looking down negative on the z-axis because of reasons I have no idea but you could by default rotate the camera if you didn't like looking down on z-axis by default and you could go positive negative, it's a thing you can do so let's say we want to animate our sphere we want to make it a bouncy ball, yeah so what's that like? animation and tags and a frame by default are just inside the sphere so you notice our sphere's closed here and it opens up in there and I'm just putting an animation tag but it looks more like SVG animation stuff because that's an element and I'm telling you I want you to move your position you're going to start at that point and you're going to move to that point and otherwise make sure that the starting position of the sphere and you're going to make an animation point otherwise you're going to start over here and then it will go this way so let's see this in action let's stop looking at this theoretically oh that's the that's the finished version that looks stupid right? this is terrible I want to do that so that's basically what I had on the slide, I think there was a small error so let's say that we wanted to no, not NG repeat oops we wanted to keep this going forever I think it's infinite actually you would check the docs and then you would know things or it could scroll down a little bit and cheat maybe, there we go yes, repeat infinite so I'll save that and go back okay, looks pretty dumb still we're getting there one thing you can't actually go and inspect this and I could actually go in and you notice there's a canvas element that's just a free element that you don't need to worry about that but I could for example say nah, you're free meters now he's free meters so another thing we can do is we can say hey, don't start immediately how about you wait a second so I could say wait nearly one second so just like in JavaScript it's in milliseconds so 1000 is 1 so refresh that alright okay kinda wanna see a floor though it's not really bouncing on anything okay, we're doing good on time I'm gonna cheat I made a plane earlier meaning a flat thing got an arrow here's my plane so I could put him above or below doesn't really matter the only time order of markup matters and I can't remember off the top of my head what I need to do is if you have a PNG as a texture if it has transparency you can see through it if it's 3D info but if there's another texture behind it the transparency will cut off the texture does that make sense so like if you had a square and this is a circle and then you had the circle was a PNG where the corners are transparent and then you had another one behind it a circle it would just cut it off like that this image you wouldn't be able to see that part but if you change the order of the tags even though you're not changing 3D positioning it'll render right you're welcome that headache avoided okay, so on my plane we just said color black keep it easy don't be slow we're gonna rotate it so it's laying down on the floor and not standing in front of us like an obelisk and then we're gonna give it a width and height of 20 and it'll be 0000 anyone wanna guess where this is so basically it is right underneath me and goes, what is it 10 meters in each direction because it's positioning by the center point and I'm 1.6 meters off the ground by default which I did not change so if we refresh that so people with keyboard and mouse can actually do something it's not complete boredom there's my floor alright so it doesn't look like a very convincing ball let's be honest so there's easing let's do gravity, the way it usually works we ease in, we speed up as we fall they're okay and then these animals are like looks like a thing, looks like 90s 3D that's not very good well they have all sorts of equations here we can bounce it bounces a modifier on ease in so basically if you've ever seen the this in CSS where you can make the graph of how it goes so an animation by default let's say this is on a graph, yeah this is the starting point and we're manipulating a point of data it could be position, it could be transparency, it could be whatever usually you just go point A to point B beginning and end of the animation but if you're easing in you can just speed ease out and then bounce is a modifier on that where at the beginning or the end it's going to do a bounce so let's see what this looks like that's not how bouncing works because it's bouncing at the beginning it's easing in so it's going to bounce to the end so what we need to do is make a simple adjustment here and this is how scientific I am when I'm making this stuff I try until it works so there you go and another little thing I like to do so it's going to 1.5 1.5 is the exact radius objects when they bounce they don't generally just meet perfectly like on the atom they usually deform a little bit in this case I can cheat a little bit and say you're going to go through the floor a little bit and it'll kind of look like it's flattening on the bottom oh wait nope I did that wrong lower, not higher let's say let's go a little lower a little exaggerated more exaggerated it kind of deforms at the bottom so this is like a flat beach ball kind of thing so we got a bouncy ball, pretty cool the way it works is if this was on your phone I could click this and I would get two eyeballs I think it won't let me do it nope, won't let me do it but it actually just renders two images side by side and then you just sand your phone in one of these eyes or something and it just works you can also disable keyboard, movement and all that stuff you can enable game pads it's all kind of plug-ins it's a very robust system they've made thanks Sally so we got a little more time left, any questions we'll show you how this is done in a quick yeah what is it? oh the inspector that one? I haven't yet I haven't touched the stuff since DrupalCon LA when we made these headsets and I made it I haven't used these headsets, they're really cool it's really good so you can get around the minus and what's the position I imagine, yeah because you can click I keep forgetting to show this to people when I do this but yeah, so I can just be like oh yeah, you're going to go this way or that way I don't quite understand I just see this as a camera and these things means I don't quite understand all that yet but this is freaking awesome ships with A-frame by default I wonder if they could rip it out yeah, right but it's so weirding anyway, yeah, I have not got a chance to use it it looks amazing, I'm so impressed that they did that okay we're quick about making images for VR so every image to scale well needs to have a dimensions that are a factor of what, 4? it's like 4, 8, 16, 32 all that's 2048 this is an image that will be used for a sky image, it's going to be wrapped around a sphere if you looked at this in your goggles all of those squares would be about a meter so this is how it deforms as it goes out in space and then these guides are basically, if you made this a room each one of these could be the corner of a room so if you kind of think of it like that so let me turn on so here's one I made alright I'm going to cheat cheat cheat faster adjustment layer tiero adjustment layer oh here we are okay, that will compress the hopefully you can see that a little better alright okay, good enough so this is what I made so the way I ended up making this if you can notice there's a lot of stars above it and then the closer you have the top they just go away because I found when I was trying to make stars up there they were just like crashing at each other and then I just put a free cloud right at the top then I also painted the mountains very artistic I just used the following on the ASSO but I made them in a smart object Photoshop because I didn't want to predict the formality yeah, because at one point the mountains felt like they were leaning over you not a very good experience unless you want to be weird and scary and yeah, so basically thinking of how light came across the sky if that's the sun over there then it's going to get dark the further away it is from that point it's kind of messing around back and forth figuring it out it looks like you're in the middle of the green meadow and there's a spotlight about the 8 bit even though it takes up like a quarter of a third image and I got one more for you yeah, so here's another one you can call it sky island we're coming up with a bunch of weird ideas and what to put in there and sky island something taking a guess at where it should be and how it should be to form putting it in a smart object so I didn't destroy the original you know what that is basically just placing a link to it in there so that when I stretch it it doesn't actually stretch the original and then yeah, just kind of trying to make it feel like there's island of the sky so yeah very amusing if you want to see the work we did this is so I spent 30 hours of my life before the a-frame inspector making a 3D image map boo so there's a bunch of planes in here that are about the size of a face and if you hover over them there's a little good javascript that makes another plane appear over that person's head which I also had a position and then here's my favorite easter egg if you had the headset and clicked at this moment I'll just click my mouse deal with it glasses yeah and then you know founding father and then somebody stretched mine jerks the text is all wrong but whatever anyway so yeah it was fun this was taken with a 360 camera we did not do a photosphere but we could have done that probably nothing longer which would have been awkward but a 360 camera basically looks like it's a pin stick with like two globes on either side and take fish eyes and then stitch it stitch it all together and then 360 cameras are usually like these weird looking cubes with cameras coming out in weird places so yeah that's I think that's pretty much all I got so yeah any more questions I'm not sure so there are like if you're talking computer technology NVIDIA and Radeon both made a very strong attempt of getting VR sound and like I think NVIDIA was even like oh but your ears are far apart we need to accommodate for if it's coming from behind you guess it goes through the flesh and bounces off objects so that is a thing I don't know if it's a thing in WebVR there's some basic implementation of it I assume and actually I haven't really messed with it at all so sorry get in there's for asking so many questions do you want one? do you want a question? we'll also have a question I'll bribe you good for you have you used this for any kind of actual website we're working on kind of gym talk about it dad yeah yeah you know VR games yeah so that is one thing I've been talking about so we did actually an backdrop site because at the time it was further along than 8 and easier to use so well there you go so yeah basically you can upload your 360 image and on the 8-rank slide is where it is you know backdrops and then a scene and then you cram into url from the CMS yeah that was extremely easy I don't know what else to do like you could make a field that had XYZ positioning data and try to tell the user in the form but this is really why and what I don't know another thing you can do so that night scene when I showed you my mood and here is was going to be a little about space ship so he's coming down he's going to have a rocket on the bottom like hover and you would be able to go inside the head and see all the cool things we do or something, no not that but I got this far this is an ODE file which is something that what's the free one I don't remember the name free open source and when it popped up for us we recently made a 3D printing and then we ended up using it for this and we had to take out a lot of polygons so the phone didn't burn up into the friggin thing and yeah another thing we've learned the less light sources and the less polygons the less likely the phone goes into flames so no you're on it's no you're dead test it out well you can't really thank you for having me they're working out they're getting better at media they're not very good at it but they haven't made an a-frame painter implementation so you know the the google jail brush they made that a-frame they're actually able to get all the tracking data I imagine if your phone's you know actually can't do it with a phone but yeah I imagine that might be a little bit heavier but sorry I meant to give that to her I hope you weren't expecting one too you can have this one with coffee all over it any other questions I think a lot of a lot of business people like to talk about any headsets they're going to be sold and how does it go I don't really think that's going to happen I think what should be useful so Facebook and YouTube already have a really good video player that will play a business video if you don't have a headset you can just drag it around maybe not they created a good graceful degradation implementation I think but if you're watching people in Sudan who aren't doing so well like you're not going to have as much empathy when you're dragging around the mouse or something like that I think the one more obvious one to me is if you have 3D models already you can use those very easily so higher end like building people people sell those ones if they already have a 3D image of it because it's a big condo association they're coming to put it up then people can tour without it they wouldn't have to have VR models people aren't sending these out they're like the first print was about $5 a lot but wasn't like very different if you were in bulk I think that's a good use case I also gave this talk at a party email in the Pennsylvania area in the U.S. and they have our cargo 3D models of old buildings line around and it's like oh my god you could meet like a tour of that they'd be amazing you could just collect maybe on the cardboard yeah yeah those kinds of tutorials and stuff I think the question is does that web VR specific necessarily I guess tonight I have another you can use external data sources you can use content management but those are the kinds of things I'm trying to figure out what are the advantages that have won out so far with things that aren't VR and how we can get them in VR but yeah I don't know I think my short answer is I think it's going to be more B2B kind of stuff for a while and then consumer stuff is going to hit our phone and it'll be interesting to see that but yeah no super strong thoughts I think all the people that are like that's going to get into $20 industry or photograph it'll be plenty of dollar industry but yeah hopefully that any other questions is there anything you might make or accept yes the opacity is in there by default I'm not sure I even tried probably an open source plugin repository for A-frame we just include a JavaScript file and use their tag A reflective surface and then it just works hopefully probably you don't know until you try but it does a little bit I've never actually had one go from this but I think I'm going to get some jobs then so thank you