https://github.com/jefter-dev/3d

👾 Elementos 3D com Three.js
https://github.com/jefter-dev/3d

3d 3d-animation 3d-controller 3d-elements 3d-models 3d-objects javascript nextjs three-js threejs threejs-example vercel vercel-deployment

Last synced: 14 minutes ago
JSON representation

👾 Elementos 3D com Three.js

• Host: GitHub
• URL: https://github.com/jefter-dev/3d
• Owner: jefter-dev
• Created: 2024-07-06T20:31:41.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T20:50:07.000Z (4 months ago)
• Last Synced: 2024-11-15T21:09:17.340Z (14 minutes ago)
• Topics: 3d, 3d-animation, 3d-controller, 3d-elements, 3d-models, 3d-objects, javascript, nextjs, three-js, threejs, threejs-example, vercel, vercel-deployment
• Language: JavaScript
• Homepage: https://3d-demo-jefterdevs-projects.vercel.app/
• Size: 36.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 👾 Elementos 3D com Three.js

Este projeto utiliza Three.js, Next.js e React Bootstrap para renderizar e exibir modelos 3D.

## Visão Geral

O projeto demonstra como integrar Three.js em um aplicativo Next.js usando componentes React para renderizar modelos 3D.

## Tecnologias Utilizadas

- **Three.js**: Biblioteca JavaScript para criar e exibir gráficos animados 3D no navegador.

- **Next.js**: Framework React para renderização do lado do servidor e geração de sites estáticos.

- **React Bootstrap**: Biblioteca de componentes Bootstrap para React.

- **Imagem**: Componente Next.js para otimização de imagens.

- **Link**: Componente Next.js para navegação entre páginas.

## Estrutura do Projeto

O código principal está no arquivo `src/app/pages.js` e utiliza o componente `Element3D` para renderizar os modelos 3D. 

Pode adaptar para outros formatos, mas o código é funcional com arquivos `.glb`.

Exemplo de uso abaixo: 

## Código

```javascript

```

## Getting Started

1. Clone o repositório:

```bash

git clone https://github.com/jefter-dev/3D.git

```

2. Navegue até o diretório do projeto:

```bash

cd seu-repositorio

```

3. Instale as dependências:

```bash

npm install

```

4. Execute o projeto:

```bash

npm run dev

```

5. Abra http://localhost:3000 no navegador para ver o projeto.

## Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.

## Licença

Este projeto está licenciado sob a Licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.

## Contato

Para mais informações, visite meu site ou entre em contato através das redes sociais.