Workshop finished! If you participated check out the PostWorkshopNotes.
The goal for the workshop is to get your hands dirty in order to grasp the key concepts.
It's not to
The goal is to discover concepts that help you to build a bigger virtual reality project as you go along. Please when you have a great idea for a project do take notes the go back to the missions, it will make the whole process even more exciting.
Can you see the amazing yellow VRLab logo turning? If you only see a black rectangle make sure to get webGL working in your browser!
Ideally also check in your mobile phone so that you can easily check your progress in VR!
Please follow the links in each mission to move on to the next one!
https://jsbin.com/dibonoj/edit?html,output missing cube https://jsbin.com/zifubi/edit?html,output animation https://jsbin.com/refuyu/edit?html,output light off https://jsbin.com/xihiti/edit?html,output interaction https://jsbin.com/tuzela/edit?html,output templates https://jsbin.com/pazaj/edit?html,output component
Mission 0 will focus only on adding an object, once you have done that make sure to follow the link to the next similar looking mission in the code itself. Don't be shy it's easy!
STOP Do not do part 2 before you finish part 1, if not I will personally kick you out of the room, I'm kind of serious!
Ok ... you have been warned.
Please note that once you have finished everything up to the last mission including writing your own component you are ready for part 2! Note that part 2 isn't relying so far on any existing code so you will have to fork your clearest piece of existing code and re-use it.
<a-image>(tip: use the crossorigin attribute and a CORS compatible upload service cf FAQ)
<a-sky>(tip: search for equirectangular on Flickr)
scene.hasLoadedto avoid problems with
setAttribute()on large scenes
querySelectorAll()even without a framework
Once you have finished part 2 part 3 is...
<a-entity>to remove all veil of mystery
If you have finished all that honestly come talk to me you are just way too fast for this workshop, let's have a drink instead. Still, to get a deeper understanding of 3D have a look at Coursera Interactive 3D Graphics CS291, that should take you days at least ;)