Realidade Virtual com Linguagens Web

João Paulo Polles
Aug 23, 2017 · 3 min read
Participantes do Workshop - Realidade Virtual com Linguagens Web — e o Facilitador do Mesmo (esse que vos fala)

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.

Interface do Mozilla Thimble — em um dos Remixes feitos durante a atividade.

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.

Participantes e Facilitador do Workshop junto ao Professor (que também faz ponta de fotógrafo nas horas vagas) Jean Piere Morreto.

Blog do Polles

Apenas mais uma tentativa de blog de João Paulo Polles

)
João Paulo Polles

Written by

Blog do Polles

Apenas mais uma tentativa de blog de João Paulo Polles

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade