🪧 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA1NjQzLTg4MDhlZmU5LTg5M2UtNDliZC05YmU3LTQ4YWVhMTQzYWViZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZTBkYmJlZmYyZWNjMGU2MTBjNmViZWU4OGQwNzMwZmE0N2I3NTk2NGNlY2FkMGVjYzBmYTQwN2Q3OWJlNzc3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.K-prZGubHldkeUrKYot4fmuSLsdkCuNG0fv3cSf_fGg)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA2OTY0LTM1MDJkMmNlLWE1NTEtNGY5YS1iODU4LWQzYzk5NDRjYzM4YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NjE4Nzc4OWFhYzRlZTdjMGU4YTU5ODk1NzU5YzlmNTI3MGRjMTE2NDVlN2U3MTdmZmRiMGJkMTE3OTA1MWVhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.fLvHb1bzXBXn7HpTYTuHgC99pe99b9N6ltgdVXT8h3I)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NDg1LTEwZWNiODU0LWUzMjAtNGQ4Zi1iNDRlLTY4NmNhMDFkYjJhOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04ZDNjNDcxODhhNTA3MjFiMjk0ODAwYTdkMGExOGJmNTRlODUzZDI3NzIxN2EwYWNhZDU1OGM2YjZlMzcwOTViJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-wZGx7nWnJEbucMngCTicj5i9Gi9K0sfDUwTx4ooko0)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3NzIxLWYzNjZhYTYyLWM5OGUtNDcxYS1hOTQ1LTQ0MzVlMWI2NmE3OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zOGMxZTViZTk2NjM4Zjc3Yzk3ZDQwYTk4ZDhkMmYwMjM4NTRmZTk3YTAzNjAwNDlhMzRhZmExOGNmNTc5NmZlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.eJ3rJUjQjjR0aeuSb_dvRZ5UcjRDZWj9_Jq9iMs9N9Y)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA3OTI4LWJlZWQ3ZjRlLWExOWYtNDk3Yy1iN2JhLTJhYjhmNTQ1MTA3NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03ZWI4MzZhYWI4MzM1NTdkNjQzZjZiMzhiMzNhMzAxZTc0ZWEwOGIwYTQzNWQ3ZDE2OWY2YzE0Yzc2ZGU4MjY0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.z4xdl8F3wTJGyULJE1xhAJin9rUHwxx-7QU-hwm-Bm8)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4MTk2LTdjZjQ5OTE5LWUwMzEtNDc1Mi05YzBjLWU3NjA1MmM1NzlmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NjAxMTQyZTBhZDEwNmM5Yzg0NGU1ZWQzMzM5NWYwMGNhOGQxM2FjNjE1ZDg3YjgxYWI2NTBkM2Y1NzcxMWJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.xinmR4KvjzayfQKTPQDFHAAChiCJTJWtgJqqegDhaSs)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NDU5LTViMzcyNTZiLTA2YzgtNGU5Yi05ZmMwLWJkNWU5ZTcyNTFmNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMThhMjllMzMwNmRiZTEzMTdmMzk1YjVhMzkzZDlmNWRjODNmYTJhMDFjZmM2MDIzMThmNTQ5ZDFhYmQ3ZDJjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PKyAvb_aeuN6Qc78v21X-DZl93Q0Bi6FvAImHzlnrCA)
É 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4NzE4LWFlMTMyOTFkLWYyYTgtNGQxZC1hY2EzLTI5NzMyMTA1ZDBlZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xNTBiNTQ1ZmZiZDc4YjkwNjkzN2E4NjY5MTZlMjcyODQ4MmIzYjMxOTQxYTk4MTVhOGJmMWIxMWQwNmQxZjk4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.YzQZUh8RisqH5WABk_JTsnl0VvmhN4TGUVKzwxDnYUM)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyNDM5NTAsIm5iZiI6MTcyMTI0MzY1MCwicGF0aCI6Ii8xMDgwMjk1MDYvMjk3NDA4OTM4LWY3NDc2ZTBlLWE3OGUtNGQzYy1hNjFjLWNmNWM5NTI1YTEzNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxN1QxOTE0MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNzU0ZTE2Mjg4Y2NiY2FmY2Y2ZTk0NThlN2IxZTY3ZTZhNjZmNTcwZjM5YzBmMGI3NjRiMjNiY2Q1Y2UyMmM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.1z627hjD0eRlK34uZqBuf_DxJn5vnj1GZoHfuoDB7YY)
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!