🪧 Atributos | Descrição |
---|---|
✨ Nome | Metaverso - Demonstrando o poder dessa nova realidade |
🏷️ Tecnologias | html, css, js, MaterializeCSS (tecnologias utilizadas) |
🚀 URL | https://gustavopereira-dev.github.io/FeiraTecnologicaCPS/ |
Bem vindo ao README desse repositório, ele foi desenvolvido em 2022 para a Feira Tecnológica da Etec Zona Leste. O objetivo desse pequeno projeto era demonstrar na prática e na teoria essa nova realidade que não está muito distante: A realidade virtual (VR) para o público comum e que não teve acesso a essa tecnologia
O objetivo principal do projeto era demonstrar, de forma prática e também teórica, o quanto a Realidade Virtual e Imersiva é e será importante para o futuro, por uma apresentação prática no Evento de Feira Tecnológica realizada no Ano de 2022 em Novembro na ETEC, que consistia na liberdade dos convidados e usuários poderem utilizar um Óculos de Realidade Virtual com o jogo desenvolvido na Unity pelo meu amigo Thiago e também um sorteio de um pelo site desenvolvido por mim e auxiliado por ele (pelos conteúdos)
O site estático (Desenvolvido por mim e com o auxílio de conteúdo por ele) desse repo serve justamente para ainda demonstrar essa imersão no mundo virtual mesmo após a apresentação e ser um belo complemento para caso o usuário se interesse, possa realizar ou tentar fazer essa experiência em sua casa
Dessa forma, brevemente irei demonstrar alguns conteúdos do próprio abaixo:
É a tela inicial do site do Projeto, que é dividida pelo Início(Imagem abaixo), Dicas e Informações, que contém as principais informações sobre o âmbito de Realidade Virtual (O que é o Metaverso, Como utilizar o celular para VR, Desenvolver suas próprias mídias para a realidade 3D, Desenvolver suas próprias mídias e cenários 3D para o Metaverso, Crie seu próprio óculos virtual e Miscelânea) com o sorteio antigo do óculos e avaliação do site, o Sobre Nós e por último o Rodapé
![](https://private-user-images.githubusercontent.com/108029506/297405643-8808efe9-893e-49bd-9be7-48aea143aebd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA1NjQzLTg4MDhlZmU5LTg5M2UtNDliZC05YmU3LTQ4YWVhMTQzYWViZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMjk2ZWM2MjdhNjM0NmVjOTg4ZmU1MmIwMmY1Y2ZhZTBjODI2OTI5MzY4NzU4NDVmZjMyZjk2NjI4MmE5OGM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.aGx7VgIy6ui0REMht2Blqxb6LjTU9Gu2TEJcY-cIj2U)
Sessão que explica o que é o Metaverso, suas origens, tentativas de desenvolvimento, tecnologias envolvidas e críticas (possíveis desvantagens)
![](https://private-user-images.githubusercontent.com/108029506/297406964-3502d2ce-a551-4f9a-b858-d3c9944cc38a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA2OTY0LTM1MDJkMmNlLWE1NTEtNGY5YS1iODU4LWQzYzk5NDRjYzM4YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04N2NiNjAyY2YzMTk3N2I2ZTJkNDkwNWExYWU3ZTE5YmFmOWUyMGQwZmJmNGYzMzllOTk2ZGRiZDI5NmVhZGY2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-DiPIWGngs6GNx0Wm4khWhNXnqWmYmjfn55rSYRjPq0)
Descreve a utilizar do óculos VR com o celular, aplicativos/sites que podem ser utilizados para VR e outros que são completamente dedicados à isso
![](https://private-user-images.githubusercontent.com/108029506/297407485-10ecb854-e320-4d8f-b44e-686ca01db2a8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NDg1LTEwZWNiODU0LWUzMjAtNGQ4Zi1iNDRlLTY4NmNhMDFkYjJhOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNDZlZTJiMDVmOTAzZTliOGYxMWRiYWFlNDg1NmNhM2Q2YjBjZDc3NDAyNzkxYjYwNTJmMjM5YWY1NjZjNjQ2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.QwMAwxDIoCPMrr9l3wnN2Nd8oV_BXOg745e3Rc6VfI4)
Um tutorial para desenvolver um Tour 3D, equipamentos ideais/alternativos, Softwares para emenda e locais para publicar esse Tour
![](https://private-user-images.githubusercontent.com/108029506/297407721-f366aa62-c98e-471a-a945-4435e1b66a79.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NzIxLWYzNjZhYTYyLWM5OGUtNDcxYS1hOTQ1LTQ0MzVlMWI2NmE3OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZGYzN2U5NDExNjNjMDlhZGQyYjkzZDQ0NTkyYWMwYWJiOWQ4ZjY5N2FiYjVkYjU3NDU1ZjkyMGJkMjdjYTMzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-lNUvrsKe7L7QpWtwOubGXFFr-2qvfXicx80kQnwkP4)
Explica com base em textos e também em vídeos, como você pode entrar nessa onda do Metaverso: criando seu avatar pelos Apps da Meta e utilizá-los e como desenvolver o seu "Metaverso", das mais diversas formas, seja fácil, médio ou avançado
![](https://private-user-images.githubusercontent.com/108029506/297407928-beed7f4e-a19f-497c-b7ba-2ab8f5451075.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3OTI4LWJlZWQ3ZjRlLWExOWYtNDk3Yy1iN2JhLTJhYjhmNTQ1MTA3NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZWIwYWI1MDhiNDExYjUwZmIyYWI5MzliMTNhMjM1MDlmMWU3ZGE1Y2Q5MTFmMjE1NTg5NGZiZTFlYWFjMGE4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.JKtZ85sC59_iCvC-naRmv2PgCth-ZOYgS8_8LhtE0e4)
Demonstra como criar seu próprio óculos virtual, pelo Google Cardboard, uma plataforma desenvolvida pela grande buscadora para ser utilizada para a criação do mesmo. Sendo uma forma extremamente ecológica e uma alternativa para utilizar um óculos sem precisar comprar um
![](https://private-user-images.githubusercontent.com/108029506/297408196-7cf49919-e031-4752-9c0c-e76052c579f5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4MTk2LTdjZjQ5OTE5LWUwMzEtNDc1Mi05YzBjLWU3NjA1MmM1NzlmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01YjA0ODg4NzI2MmUyNzVhZjFmNDM0ZGYwYTBkMjAxM2YzMzJkNzNlMjQ4ZmNmYzIwODkxOTY2OTlmMTY0MzU4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.h_LC6sLqtnWH_vqTcg4w0wxRCD-v7mZo9OyENor2IoA)
Curiosidades extras sobre o Metaverso, que incluem a relação dele com criptomoedas, empresas que apostam nela, o mercado, explicações resumidas de aplicações focadas no desenvolvimento e/ou criação (Unity, Blender e CardBoard) e principal linguagem de programação utilizada para o desenvolvimento de jogos e da própria realidade virtual
![](https://private-user-images.githubusercontent.com/108029506/297408459-5b37256b-06c8-4e9b-9fc0-bd5e9e7251f7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NDU5LTViMzcyNTZiLTA2YzgtNGU5Yi05ZmMwLWJkNWU5ZTcyNTFmNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lZWI3MWI0MDRjNmU1MjE4NmM5MTAxNWVhMDJhNjMyN2U1NmU1ZTcyYjM4Y2ViNTBjMTY0NzM2NzFhZmY2ZTdjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jAFxUNoHgkWjp4L9_fw0XGVxYj4LQKEyIpDJWVmQ3Do)
É o endereço do site, para o próprio leitor no final avaliar a sua experiência referente ao site, em que o mesmo coloca seu e-mail, nome, avaliação, mensagem e o nível de interesse referente ao assunto após ver o site. Após isso, por um "form" desenvolvido por mim, os dados serão enviados a um formulário do Google Forms
![](https://private-user-images.githubusercontent.com/108029506/297408718-ae13291d-f2a8-4d1d-aca3-29732105d0ed.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NzE4LWFlMTMyOTFkLWYyYTgtNGQxZC1hY2EzLTI5NzMyMTA1ZDBlZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMTMzNTA4NmZmYzkzNzBhMGZiOWEzZmQ5NDAzNmY5NDczNzQ0YjZiMTkzYmFlNjMwNjFjMmE5MGY5YzdlYjU3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.zniVGxE27f8LmsifOzQQ70o3B1ZGCmOuoZQE9WtRYBU)
Por último, essa seção é mais uma explicação sobre o grupo e os integrantes do grupo (tanto da parte prática da apresentação feita na Feira Tecnológica, quanto do desenvolvimento desse site, que está especificado no Rodapé na parte "Os colaboradores")
![](https://private-user-images.githubusercontent.com/108029506/297408938-f7476e0e-a78e-4d3c-a61c-cf5c9525a136.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMTI4NzMsIm5iZiI6MTcyMDExMjU3MywicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4OTM4LWY3NDc2ZTBlLWE3OGUtNGQzYy1hNjFjLWNmNWM5NTI1YTEzNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNzAyNTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNWJmYWFiOTM4NGE1ZDEwMmU0ZGZkNzY2NzgzMzIyYzA4MGEwYWZlZTNiMWM5MmE4NWY0MGJjY2M5OTQ4MzI4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.C-XwLjlO_tM4NTDrBPdJOkv6TqnwtMbywB4aF7Rpevg)
Finalizando, espero que com esse curto resumo do site tenha atiçado sua curiosidade sobre os materiais referentes ao Metaverso e que possa também ter uma experiência ótima vendo o mesmo
Até o próximo README!