igooralm192 / metaverso-g2

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Open in Visual Studio Code

Problema PBL - Bem-vindo ao Metaverso.

Grupo 2

🚀 Fases lunares em AR 🚀

Summary

🖼️ Introdução

Trata-se de um jogo interativo em AR onde é possível visualizar a variação das fases lunares através dos movimentos que ocorrem entre a Lua e a Terra. É possível jogar a partir de qualquer dispositivo com câmera e acesso a browser.

🚀 Tecnologias

Para a construção do jogo foram usadas as seguintes tecnologias:

đź’Ą Como jogar

Pré-requisitos

Para jogar é necessário um dispositivo com câmera e acesso a internet (ou pode executar o código localmente).

Jogando

Acesse o link abaixo no dispositivo com câmera
Aponte a câmera do dispositivo para a imagem:

Mantenha a câmera na posição correta e manipule o cenário usando o cursor/touch.

🔧 Relatório técnico

O protótipo foi desenvolvido utilizando a biblioteca ThreeJS para a construção de objetos 3D, juntamente com a biblioteca THREEAR para aplicar a realidade aumentada e a biblioteca Tween.Js para aplicar animações sobre as fases da Lua.

Construção da scene

A construção da scene foi feita a partir do uso de uma PerspectiveCamera, PointLight para simular a luz emitida pelo Sol, OrbitControls para permitir a movimentação da câmera pelo jogador, PatternMarker da biblioteca THREEAR para permitir a exibição da scene a partir de um marcador e três objetos 3D: Terra, Sol e Lua.

Objetos 3D

Os objetos foram criados a partir de uma geometria SphereGeometry para gerar um modelo esférico semelhante a um planeta e um MeshPhongMaterial para simular melhor a iluminação e reflexão do corpo celeste, utilizamos texturas de alta resolução para trazer um maior realismo. A rotação e translação da Terra e Lua foram pensados para ser semelhante com o modelo real para manter uma escala.

Funcionamento do jogo

Para o funcionamento do jogo foram criados botões referentes às quatro fases da lua, que ao serem pressionados gera uma animação movendo a Lua para a posição responsável por gerar o fenômeno da fase escolhida. Para a criação da animação dos botões foi usada a biblioteca Tween.Js. Dessa forma ao selecionar cada fase da lua o jogador pode observar o motivo da existência desses fenômenos de forma interativa movimentando a câmera .

About

License:GNU General Public License v3.0


Languages

Language:JavaScript 100.0%Language:HTML 0.0%