Criar um ambiente de RV (1/3) 1. Voltar à página https://aframe.io 2. Clicar no botão “Get Started” 3. Na página seguinte clicar em “remix the starter example on Glitch” 7
Código representa a cena tridimensional , , , etc., são primitivas (objectos tridimensionais) Mais primitivas em https://aframe.io/docs/0.8.0/introduction/ 10
Adicionar uma foto 360º (1/3) 1. Escolher a foto 360º em http://bit.ly/carva-refs e descarregar para o PC 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” 14
Adicionar uma foto 360º (2/3) 5. Voltar a clicar em “index.html” 6. Localizar a primitiva “” 7. Adicionar o atributo src=”URL-AQUI” e colar o Url copiado anteriormente a seguir ao sinal de igual, dentro das aspas 15
Adicionar animação (1/2) 1. Adicionar o código “script para animação” que se encontra em http://bit.ly/carva-refs (deve ser adicionado a seguir ao script existente) 17
Adicionar animação (2/2) 2. Adicionar o atributo “animation” ao objecto a animar 3. Por exemplo, adicionar à : 3.1 animation="property: rotation; to: 0 360 180; dur: 5000; loop: true" 4. Ver o resultado 18