{"id":30188631,"url":"https://github.com/code-jio/model-extrasdata-editer","last_synced_at":"2026-02-08T21:10:03.797Z","repository":{"id":307033757,"uuid":"1020691900","full_name":"Code-jio/model-extrasData-editer","owner":"Code-jio","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-29T02:54:35.000Z","size":735,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-29T04:42:46.989Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","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/Code-jio.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,"zenodo":null}},"created_at":"2025-07-16T08:49:29.000Z","updated_at":"2025-07-29T02:54:39.000Z","dependencies_parsed_at":"2025-07-29T04:42:48.752Z","dependency_job_id":"57cd4cae-5346-4e62-9b6e-edcd5530b0b0","html_url":"https://github.com/Code-jio/model-extrasData-editer","commit_stats":null,"previous_names":["code-jio/model-extrasdata-editer"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Code-jio/model-extrasData-editer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-jio%2Fmodel-extrasData-editer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-jio%2Fmodel-extrasData-editer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-jio%2Fmodel-extrasData-editer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-jio%2Fmodel-extrasData-editer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-jio","download_url":"https://codeload.github.com/Code-jio/model-extrasData-editer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-jio%2Fmodel-extrasData-editer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270101728,"owners_count":24527342,"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-08-12T02:00:09.011Z","response_time":80,"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":[],"created_at":"2025-08-12T17:10:33.362Z","updated_at":"2026-02-08T21:09:58.752Z","avatar_url":"https://github.com/Code-jio.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Three.js 模型加载器\n\n基于 Vue 3 + Three.js 的现代化3D模型加载器，支持拖拽式批量加载模型，包括draco压缩模型。\n\n## ✨ 功能特性\n\n- 🎯 **拖拽式加载**: 支持将3D模型文件直接拖拽到浏览器中加载\n- 📁 **批量加载**: 可同时选择多个模型文件进行加载\n- 🗜️ **压缩模型支持**: 完全支持Draco压缩的GLTF/GLB模型\n- 🎮 **交互控制**: 内置相机控制、光照调节、模型管理等功能\n- 💎 **现代技术栈**: Vue 3 + TypeScript + Vite + Three.js\n- 🎨 **美观界面**: 现代化的UI设计，支持响应式布局\n\n## 🎨 支持的模型格式\n\n- **GLTF/GLB** - 包括Draco压缩版本\n- **OBJ** - Wavefront OBJ格式\n- **FBX** - Autodesk FBX格式\n\n## 🚀 快速开始\n\n### 安装依赖\n\n```bash\nnpm install\n```\n\n### 开发模式\n\n```bash\nnpm run dev\n```\n\n### 构建生产版本\n\n```bash\nnpm run build\n```\n\n### 预览构建结果\n\n```bash\nnpm run preview\n```\n\n## 🛠️ 技术栈\n\n- **Vue 3**: 现代化的渐进式JavaScript框架\n- **TypeScript**: 类型安全的JavaScript超集\n- **Vite**: 下一代前端构建工具\n- **Three.js**: 强大的3D JavaScript库\n- **OrbitControls**: 轨道相机控制器\n- **各种Three.js加载器**: GLTF、OBJ、FBX等\n\n## 📦 项目结构\n\n```\nsrc/\n├── components/          # Vue组件\n├── composables/        # Vue组合式API\n│   └── useThreeScene.ts # Three.js场景管理\n├── types/              # TypeScript类型定义\n│   └── index.ts\n├── App.vue            # 主应用组件\n├── main.ts            # 应用入口\n└── style.css          # 全局样式\n```\n\n## 🎯 主要功能\n\n### 模型加载\n- 支持拖拽文件到页面进行加载\n- 支持点击按钮选择文件\n- 自动检测文件格式并使用对应加载器\n- 支持Draco压缩模型的自动解压\n\n### 场景控制\n- 光源强度调节\n- 环境光调节\n- 相机位置重置\n- 场景清空\n\n### 模型管理\n- 模型列表显示\n- 单击模型名称聚焦到该模型\n- 删除指定模型\n- 模型数量统计\n\n## 🔧 配置选项\n\n在 `src/composables/useThreeScene.ts` 中可以自定义：\n\n- 场景配置 (背景色、雾效、阴影等)\n- 相机配置 (视角、位置等)\n- 光照配置 (方向光、环境光等)\n\n## 🎨 UI特性\n\n- 毛玻璃效果的控制面板\n- 响应式设计，支持移动端\n- 优雅的过渡动画\n- 现代化的交互反馈\n\n## 📝 使用说明\n\n1. 打开应用后，您会看到一个拖拽区域\n2. 将3D模型文件拖拽到该区域，或点击\"浏览文件\"按钮选择文件\n3. 模型加载完成后，可以：\n   - 使用鼠标拖拽旋转视角\n   - 使用鼠标滚轮缩放\n   - 使用右侧控制面板调节光照\n   - 在左侧模型列表中管理已加载的模型\n\n## 🤝 贡献\n\n欢迎提交Issue和Pull Request来改进这个项目！\n\n## �� 许可证\n\nMIT License ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-jio%2Fmodel-extrasdata-editer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-jio%2Fmodel-extrasdata-editer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-jio%2Fmodel-extrasdata-editer/lists"}