NYVR Web Workshop

Mozilla A-Frame

Demo

If you want to try on your phone http://output.jsbin.com/humoqub/

Exercise : head back to the demo you have done making a virtual room of our current location. Think about each entity you used. Close that demo (yes, there is a button for that) and in the new one scavange the net, or better even, make your own texture. That's right you will have to start your favorite drawing software and take 5min to draw the best texture you can, we'll then upload it and you can use it in your scene.

Think about our texture can trick the person having the experience. Appreciate how much more depth and graind a scene has using texture with imperfections rather than perfect fake colors. Consider how textures can also be use not just for colors but also to change light reflection.

Extra exercise : try at least 1 partly transparent texture. Try also a normal texture but applied on a partly transparent object. You don't know how, well you should know the drill by now, cheat!

Did you try the inspector yet? If not open http://output.jsbin.com/humoqub/ again and press ctrl+alt+i, prepare to be amazed! Right, you have an entire 3D editor embedded in your experience. You can move objects around, rotate them, etc. Here though specifically select the image (right click on it) then in the bottom right find its texture (hint: it's named src). Click on it, load texture and voila, you can use another one. You can also upload your own, just explore a bit how to do it and the inspector in general it's a very powerful tool.

Done? Go back to learn more.