Realidade Virtual com Linguagens Web

Olá Pessoal,
Nos últimos dias 9, 10 e 11 de Agosto ocorreu a CITIC — Conferência de Inovação em Tecnologia da Informação e Conhecimento — evento organizado pela Faculdade Univel. Neste evento ocorreu uma série de minicursos, entre eles, o “Realidade Virtual com Linguagens Web”, onde foi apresentado o framework “A-Frame” para os ouvintes.
No workshop trabalhamos com a criação de alguns tipos de realidade virtual, sendo elas a foto 360º — onde é selecionada uma foto em 360º e é importada dentro do ambiente de realidade virtual, podendo assim visualizar ela inteira, como funciona uma série de serviços de realidade virtual — , e além desse, trabalhamos com a criação de alguns objetos em 3D dentro dessa realidade.
Para o desenvolvimento dessa atividade utilizamos o Thimble, ferramenta online da Mozilla para desenvolvimento de páginas web com fim educativo.
Veja alguns exemplos de projetos que foram desenvolvidos no workshop:
A Experiência
Ministrar um Minicurso sobre Web VR foi muito interessante, pois a realidade virtual é algo que encanta os olhos de quem vê e assim, quando o estudante vê de fato que as alterações que ele fez no código, de uma forma tão simples, deram um resultado, a vontade de participar é maior ainda.
Acho que foi muito legal trabalhar com Web VR dentro do CITIC, um evento que foi reformulado. Anteriormente o evento era o JavaTech, focado na linguagem de programação Java, e agora está mais amplo, focando em todo tipo de tecnologias.
Além disso, o uso do Mozilla Thimble foi uma das coisas que basicamente foi uma decisão acertada ao trabalhar nesse workshop: como o Thimble é um editor focado em Educação, ele tem diversas ferramentas e um ambiente mais amigável para os mais leigos. A parte mais legal do Thimble, na minha opinião, é o botão de “Remixar” que ele tem, assim podendo o estudante criar um projeto a partir de outro.

O A-Frame
O A-Frame é um framework javascript para simplificar a criação de ambientes de realidade virtual WebVR. Com ele, você não precisa fazer uma série de configurações para que você consiga criar o ambiente de realidade virtual.
É tão simples fazer a criação do ambiente que é necessário apenas fazer a importação do framework no arquivo HTML e além disso, colocar a tag <a-scene> para começar a criar o ambiente.
Você quer começar a experimentar o A-Frame? Acesse https://thimbleprojects.org/jppcel/303221 e clique em Remixar e teste o código! :)
Se quiser saber mais sobre o A-Frame você pode acessar o site http://aframe.io.
Caso queira ter acesso aos slides, acesse https://jppcel.github.io/aframe-presentation-kit/.
E até a próxima.

