- Notifications
You must be signed in to change notification settings - Fork0
👾 Elementos 3D com Three.js
NotificationsYou must be signed in to change notification settings
jefter-dev/3D
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Este projeto utiliza Three.js, Next.js e React Bootstrap para renderizar e exibir modelos 3D.
O projeto demonstra como integrar Three.js em um aplicativo Next.js usando componentes React para renderizar modelos 3D.
- 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.
O código principal está no arquivosrc/app/pages.js e utiliza o componenteElement3D para renderizar os modelos 3D.
Pode adaptar para outros formatos, mas o código é funcional com arquivos.glb.
Exemplo de uso abaixo:
<Element3DfileElement="/elements3D/ELEMENTO_3D.glb"cameraHelperElement={false}cameraLockElement={false}moveElement={true}rotateElement={false}colorLight="#58d5d3"intensityLight={30}backgroundColorElement={0x07161B}/>
- Clone o repositório:
git clone https://github.com/jefter-dev/3D.git
- Navegue até o diretório do projeto:
cd seu-repositorio- Instale as dependências:
npm install
- Execute o projeto:
npm run dev
- Abrahttp://localhost:3000 no navegador para ver o projeto.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.
Este projeto está licenciado sob a Licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.
Para mais informações, visite meu site ou entre em contato através das redes sociais.
