Esta Ć© uma aplicaĆ§Ć£o web que permite aos usuĆ”rios explorarem uma vitrine virtual em 3D, onde podem olhar e comprar itens utilizando WebGL. A aplicaĆ§Ć£o oferece uma experiĆŖncia imersiva e interativa, permitindo aos usuĆ”rios controlarem a visualizaĆ§Ć£o dos objetos, animar os objetos, mudar as texturas e cores alĆ©m de adicionar itens ao carrinho de compras.
- Link de acesso: https://3d-beer-shop.vercel.app/
A aplicaĆ§Ć£o oferece os seguintes recursos:
- VisualizaĆ§Ć£o em 3D: Todos os objetos na vitrine sĆ£o renderizados em 3D utilizando WebGL, proporcionando uma experiĆŖncia realista e interativa.
- Controles de AnimaĆ§Ć£o: Os usuĆ”rios podem controlar a rotaĆ§Ć£o, o zoom e a animaĆ§Ć£o prĆ©-definida da cĆ¢mera dos objetos na vitrine, permitindo uma exploraĆ§Ć£o detalhada dos itens.
- Carrinho de Compras: Todos os itens que o usuĆ”rio comprar sĆ£o adicionados a uma visĆ£o Ćŗnica, representada por uma garagem ou pĆ”tio, onde Ć© possĆvel visualizar todos os itens adquiridos.
- AnimaĆ§Ć£o de Fundo: O fundo da pĆ”gina Ć© uma animaĆ§Ć£o em WebGL, que adiciona um elemento visual dinĆ¢mico e atrativo Ć aplicaĆ§Ć£o.
- āØ Magia āØ
A aplicaĆ§Ć£o Ć© desenvolvida utilizando as seguintes tecnologias:
- WebGL: Ć uma API JavaScript para renderizaĆ§Ć£o de grĆ”ficos em 3D no navegador, sendo amplamente utilizada para criar aplicaƧƵes de visualizaĆ§Ć£o em 3D.
- Editor de Imagens: Ć utilizado um editor de imagens para customizar as texturas dos objetos, permitindo a troca de cores e a criaĆ§Ć£o de texturas personalizadas.
- Clone o repositĆ³rio para o seu ambiente local.
- Abra o arquivo index.html em um navegador web compatĆvel com WebGL.
- Utilize os controles disponĆveis na interface para explorar a vitrine em 3D.
- Clique no menu para trocar as texturas e cores dos objetos.
- Os itens que forem comprados serĆ£o adicionados Ć visĆ£o Ćŗnica do carrinho de compras.
- Divirta-se explorando a vitrine 3D e comprando itens personalizados!
Esta aplicaĆ§Ć£o foi desenvolvida por Juathan Coelho Duarte. Entre em contato pelo e-mail [email protected] para mais informaƧƵes.
Agradecimentos especiais a Rafael Piccin Torchelsen por todo suporte.