Abrir site Framework para criação de conteúdos de Realidade Virtual para a Web Conteúdos são visualizados através de um browser Conteúdos são criados numa linguagem baseada em HTML 2 http://aframe.io
“Show -> In a New Window” - Experimentar no PC / Smartphone 5. Editar clicando num ficheiro HTML do lado esquerdo e editando no lado direito 6. (Se quiser pode fazer “Sign in” no botão do canto superior direito, para manter as suas alterações guardadas) 7. Ficheiro README.md contém mais algumas indicações de referência 7
o metro • O utilizador tem os pés em (0, 0, 0) • A cabeça está em (0, 1.6, 0) ◦ 1.6 metros é uma altura média • Está a olhar no sentido negativo do eixo Z 13 X Y Z
de uma rotação use a regra das mãos ◦ Polegar no sentido positivo do eixo sobre o qual queremos rodar o objecto ◦ Mão fecha no sentido positivo da rotação 14 Rotação em X Rotação em Y Rotação em Z
no Google e descarregar para o PC (se quiser criar uma foto 360 a partir do Google Street View veja o ficheiro README.md no projecto) 2. No projecto, clicar em “Assets” 3. Arrastar a foto do PC para o ecrã Assets 4. Depois do upload, clicar na foto e depois no botão “Copy Url” 5. Voltar a clicar em “index.html” 6. Localizar a primitiva “<a-sky>” 7. Modificar o atributo “src”, colando o Url copiado anteriormente 15
cena pressionar as teclas Control + Alt + i Do lado esquerdo aparece a estrutura de elementos da cena Clicando num elemento vemos do lado direito as suas propriedades Podemos fazer deslocar, rodar e aumentar ou diminuir os objectos (Os valores das propriedades têm de ser copiados de volta para o HTML, caso contrário perdem-se) Para voltar à visualização normal, clicar no botão “Back to Scene" 16