{"id":15204126,"url":"https://github.com/jefter-dev/3d","last_synced_at":"2026-03-11T14:36:27.572Z","repository":{"id":247143404,"uuid":"825116867","full_name":"jefter-dev/3D","owner":"jefter-dev","description":"👾 Elementos 3D com Three.js","archived":false,"fork":false,"pushed_at":"2024-07-06T20:50:07.000Z","size":37870,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-05T23:13:15.337Z","etag":null,"topics":["3d","3d-animation","3d-controller","3d-elements","3d-models","3d-objects","javascript","nextjs","three-js","threejs","threejs-example","vercel","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://3d-demo-jefterdevs-projects.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jefter-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-06T20:31:41.000Z","updated_at":"2024-12-09T18:04:30.000Z","dependencies_parsed_at":"2024-07-06T21:57:34.490Z","dependency_job_id":null,"html_url":"https://github.com/jefter-dev/3D","commit_stats":null,"previous_names":["jefter-dev/3d"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jefter-dev/3D","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefter-dev%2F3D","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefter-dev%2F3D/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefter-dev%2F3D/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefter-dev%2F3D/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jefter-dev","download_url":"https://codeload.github.com/jefter-dev/3D/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefter-dev%2F3D/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27501816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-04T02:00:07.142Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d","3d-animation","3d-controller","3d-elements","3d-models","3d-objects","javascript","nextjs","three-js","threejs","threejs-example","vercel","vercel-deployment"],"created_at":"2024-09-28T05:21:44.737Z","updated_at":"2025-12-04T14:05:13.249Z","avatar_url":"https://github.com/jefter-dev.png","language":"JavaScript","readme":"# 👾 Elementos 3D com Three.js\n\nEste projeto utiliza Three.js, Next.js e React Bootstrap para renderizar e exibir modelos 3D.\n\n## Visão Geral\n\nO projeto demonstra como integrar Three.js em um aplicativo Next.js usando componentes React para renderizar modelos 3D.\n\n## Tecnologias Utilizadas\n\n- **Three.js**: Biblioteca JavaScript para criar e exibir gráficos animados 3D no navegador.\n- **Next.js**: Framework React para renderização do lado do servidor e geração de sites estáticos.\n- **React Bootstrap**: Biblioteca de componentes Bootstrap para React.\n- **Imagem**: Componente Next.js para otimização de imagens.\n- **Link**: Componente Next.js para navegação entre páginas.\n\n## Estrutura do Projeto\n\nO código principal está no arquivo `src/app/pages.js` e utiliza o componente `Element3D` para renderizar os modelos 3D. \n\nPode adaptar para outros formatos, mas o código é funcional com arquivos `.glb`.\n\nExemplo de uso abaixo: \n\n## Código\n\n```javascript\n\u003cElement3D\n    fileElement=\"/elements3D/ELEMENTO_3D.glb\"\n    cameraHelperElement={false}\n    cameraLockElement={false}\n    moveElement={true}\n    rotateElement={false}\n    colorLight=\"#58d5d3\"\n    intensityLight={30}\n    backgroundColorElement={0x07161B} /\u003e\n```\n\n## Getting Started\n\n1. Clone o repositório:\n\n```bash\ngit clone https://github.com/jefter-dev/3D.git\n```\n\n2. Navegue até o diretório do projeto:\n```bash\ncd seu-repositorio\n```\n\n3. Instale as dependências:\n\n```bash\nnpm install\n```\n4. Execute o projeto:\n\n```bash\nnpm run dev\n```\n\n5. Abra http://localhost:3000 no navegador para ver o projeto.\n\n## Contribuição\nContribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.\n\n## Licença\nEste projeto está licenciado sob a Licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.\n\n## Contato\nPara mais informações, visite meu site ou entre em contato através das redes sociais.\n\n\u003cdiv\u003e\n    \u003ca target=\"_blank\" title=\"Github\" href=\"https://github.com/jefter-dev\"\u003e\n        \u003cimg loading=\"lazy\"\n            src=\"https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\"\n            target=\"_blank\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003ca target=\"_blank\" title=\"Linkedin\" href=\"https://www.linkedin.com/in/jefterdev\"\u003e\n        \u003cimg loading=\"lazy\"\n            src=\"https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\"\n            target=\"_blank\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003ca target=\"_blank\" title=\"Instagram\" href=\"https://instagram.com/jefterdev\"\u003e\n        \u003cimg loading=\"lazy\"\n            src=\"https://img.shields.io/badge/-Instagram-%23E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\"\n            target=\"_blank\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003ca target=\"_blank\" href=\"https://api.whatsapp.com/send?phone=5511981816780\" title=\"WhatsApp\"\u003e\n        \u003cimg\n            src=\"https://img.shields.io/badge/-WhatsApp-25d366?style=for-the-badge\u0026logo=whatsapp\u0026logoColor=white\"\n            alt=\"WhatsApp\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003ca target=\"_blank\" href=\"mailto:contato@jefterdev.com\"\u003e\n        \u003cimg loading=\"lazy\"\n            src=\"https://img.shields.io/badge/-EMAIL-58d5d3?style=for-the-badge\u0026logo=maildotru\u0026logoColor=white\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n    \u003ca target=\"_blank\" title=\"Site\" href=\"http://jefterdev.com/\"\u003e\n        \u003cimg loading=\"lazy\"\n            src=\"https://img.shields.io/badge/-Site-07161b?style=for-the-badge\u0026logo=sitepoint\u0026logoColor=white\"\u003e\u003c/img\u003e\n    \u003c/a\u003e\n\u003c/div\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjefter-dev%2F3d","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjefter-dev%2F3d","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjefter-dev%2F3d/lists"}