SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
Realidade virtual
com HTML e JS usando o A-frame
CC BY 4.0 by Felipe
Quem sou eu?
CC BY 4.0 by Felipe
● Professor, Web Developer e Mozillian!
● 2006 - Comecei a trabalhar com desenvolvimento web;
● 2014 - Me juntei a Mozilla e comecei a lecionar;
● 2017 - Iniciei minhas atividades no Mozilla Tech Speakers;
Mozilla
CC BY 4.0 by Felipe
● Nossa missão é garantir que a internet seja um
recurso público, aberto e acessível a todos.
● Uma internet que realmente coloque as pessoas
em primeiro lugar!
Você conhece a Mozilla?
CC BY 4.0 by Felipe
WebVR + A-frame
CC BY 4.0 by Felipe
● WebVR é uma plataforma de realidade virtual com todas as
vantagens da web: aberta, conectada e instantânea.
● A-Frame é um framework opensource, lançado em dezembro
de 2015 pela Mozilla para a criação de cenas 3D e de realidade
virtual para a Web.
Quem está utilizando?
CC BY 4.0 by Felipe
Exemplo A-frame
CC BY 4.0 by Felipe
Falar é fácil!
Vamos ao código!
CC BY 4.0 by Felipe
Fique conectado
● @felipez3r0 no GitHub, Twitter
● Twitch: https://twitch.tv/felipez3r0
● Facebook: https://facebook.com/felipez3r0
● E-mail: felipe@2ilabs.com.br
CC BY 4.0 by Felipe
Dúvidas?
CC BY 4.0 by Felipe
Muito obrigado!
@felipez3r0
CC BY 4.0 by Felipe

Mais conteúdo relacionado

Semelhante a Realidade virtual com HTML e JS usando o A-frame.pdf

Extensibility with sl4 and mef (pt)
Extensibility with sl4 and mef (pt)Extensibility with sl4 and mef (pt)
Extensibility with sl4 and mef (pt)Nuno Godinho
 
Microsoft e Linux: como e porque a Microsoft se aliou ao software livre
Microsoft e Linux: como e porque a Microsoft se aliou ao software livreMicrosoft e Linux: como e porque a Microsoft se aliou ao software livre
Microsoft e Linux: como e porque a Microsoft se aliou ao software livremarioaxavier7
 
Introdução ao silverlight
Introdução ao silverlightIntrodução ao silverlight
Introdução ao silverlightFelipe Pocchini
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensourceCDS
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensourceCDS
 
Conio Soluções em Tecnologia - Conheça a empresa
Conio Soluções em Tecnologia - Conheça a empresaConio Soluções em Tecnologia - Conheça a empresa
Conio Soluções em Tecnologia - Conheça a empresaconiosolucoes
 
Ferramentas Web 2.0
Ferramentas Web 2.0Ferramentas Web 2.0
Ferramentas Web 2.0Marta Duarte
 
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryDesenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryfelipebzr
 
Slideshare tec_ifor
Slideshare tec_iforSlideshare tec_ifor
Slideshare tec_ifortec_infor
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPWilliam Dias
 
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...
 "Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de... "Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...Julio Cesar Nunes de Souza
 
Inovação e tecnologia
Inovação  e tecnologiaInovação  e tecnologia
Inovação e tecnologiaElton Minetto
 
2010 - O ano das novidades
2010 - O ano das novidades2010 - O ano das novidades
2010 - O ano das novidadesalliston
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignGustavo Zimmermann
 

Semelhante a Realidade virtual com HTML e JS usando o A-frame.pdf (20)

Adobe CS6
Adobe CS6Adobe CS6
Adobe CS6
 
Extensibility with sl4 and mef (pt)
Extensibility with sl4 and mef (pt)Extensibility with sl4 and mef (pt)
Extensibility with sl4 and mef (pt)
 
Microsoft e Linux: como e porque a Microsoft se aliou ao software livre
Microsoft e Linux: como e porque a Microsoft se aliou ao software livreMicrosoft e Linux: como e porque a Microsoft se aliou ao software livre
Microsoft e Linux: como e porque a Microsoft se aliou ao software livre
 
Introdução ao silverlight
Introdução ao silverlightIntrodução ao silverlight
Introdução ao silverlight
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensource
 
Beaga.JS
Beaga.JSBeaga.JS
Beaga.JS
 
Microsoft opensource
Microsoft opensourceMicrosoft opensource
Microsoft opensource
 
Conio Soluções em Tecnologia - Conheça a empresa
Conio Soluções em Tecnologia - Conheça a empresaConio Soluções em Tecnologia - Conheça a empresa
Conio Soluções em Tecnologia - Conheça a empresa
 
Ai ad-tp2-g1
Ai ad-tp2-g1Ai ad-tp2-g1
Ai ad-tp2-g1
 
Lets cloud presentation
Lets cloud presentationLets cloud presentation
Lets cloud presentation
 
Ferramentas Web 2.0
Ferramentas Web 2.0Ferramentas Web 2.0
Ferramentas Web 2.0
 
Conheça o VideoFan
Conheça o VideoFanConheça o VideoFan
Conheça o VideoFan
 
Linux Educacional 4.0
Linux Educacional 4.0Linux Educacional 4.0
Linux Educacional 4.0
 
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryDesenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
 
Slideshare tec_ifor
Slideshare tec_iforSlideshare tec_ifor
Slideshare tec_ifor
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMP
 
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...
 "Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de... "Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...
"Mas eu não tenho experiência..." E daí??? - Como quebrar o ciclo vicioso de...
 
Inovação e tecnologia
Inovação  e tecnologiaInovação  e tecnologia
Inovação e tecnologia
 
2010 - O ano das novidades
2010 - O ano das novidades2010 - O ano das novidades
2010 - O ano das novidades
 
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web DesignIntrodução ao Web Design: Aula 1 - Imersão ao Web Design
Introdução ao Web Design: Aula 1 - Imersão ao Web Design
 

Realidade virtual com HTML e JS usando o A-frame.pdf

  • 1. Realidade virtual com HTML e JS usando o A-frame CC BY 4.0 by Felipe
  • 2. Quem sou eu? CC BY 4.0 by Felipe ● Professor, Web Developer e Mozillian! ● 2006 - Comecei a trabalhar com desenvolvimento web; ● 2014 - Me juntei a Mozilla e comecei a lecionar; ● 2017 - Iniciei minhas atividades no Mozilla Tech Speakers;
  • 3. Mozilla CC BY 4.0 by Felipe ● Nossa missão é garantir que a internet seja um recurso público, aberto e acessível a todos. ● Uma internet que realmente coloque as pessoas em primeiro lugar!
  • 4. Você conhece a Mozilla? CC BY 4.0 by Felipe
  • 5. WebVR + A-frame CC BY 4.0 by Felipe ● WebVR é uma plataforma de realidade virtual com todas as vantagens da web: aberta, conectada e instantânea. ● A-Frame é um framework opensource, lançado em dezembro de 2015 pela Mozilla para a criação de cenas 3D e de realidade virtual para a Web.
  • 6. Quem está utilizando? CC BY 4.0 by Felipe
  • 7. Exemplo A-frame CC BY 4.0 by Felipe
  • 8. Falar é fácil! Vamos ao código! CC BY 4.0 by Felipe
  • 9. Fique conectado ● @felipez3r0 no GitHub, Twitter ● Twitch: https://twitch.tv/felipez3r0 ● Facebook: https://facebook.com/felipez3r0 ● E-mail: felipe@2ilabs.com.br CC BY 4.0 by Felipe
  • 10. Dúvidas? CC BY 4.0 by Felipe