分析时间:2026-07-24 数据来源:[trending_gis_repos.json](file:///Users/huangyuluo/code/agent/learning-notes/github/trending_gis_repos.json) 共收录 10 个项目,按 Star 数降序排列
项目名称:hoainho/img2threejs URL:https://github.com/hoainho/img2threejs Star:3077 简介:将参考图像重建为纯代码、程序化、高质量、支持动画的 Three.js 模型。高效的图像转三维工具,不依赖摄影测量、网格提取或下载资源包。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js |
| 语言 | Python(脚本)+ TypeScript(生成代码) |
| 架构 | Agent-agnostic(兼容 Claude Code、Codex、OpenCode) |
| 许可 | Apache License 2.0 |
| 维度 | 实现方式 |
|---|
| 数据加载 | 单张参考图像输入,通过 Python 脚本进行深度分析和规格提取 |
| 渲染策略 | 程序化生成:基础几何体 + 程序化着色器 + 生成几何,无外部网格文件 |
| 性能优化 | Pass-gated 生成,每轮只生成当前阶段代码;严格质量门控避免生成不完整模型;无依赖纯 Python 脚本减少环境问题 |
| 交互能力 | 生成的模型包含运行时层级(pivots、sockets、colliders),支持动画和交互 |
- 纯代码生成:输出 TypeScript 工厂函数而非二进制网格文件,生成的代码可审查、可版本控制
- Token 高效:将机械工作(验证、门控、规格编写)推送到确定性脚本中,只在需要视觉判断时消耗模型 token
- 分阶段构建:blockout → structural-pass → form-refinement → material-pass → surface-pass → lighting-pass → interaction-pass → optimization-pass,每阶段通过后才能进入下一阶段
- 严格质量门控:在生成任何代码前检查规格是否足够详细,避免生成不完整模型
- 自校正循环:每轮生成后 Agent 选择 continue/refine-spec/refine-code/request-input/stop,自动优化
| 场景 | 说明 |
|---|
| 游戏资产生成 | 将概念图快速转为可动画的 3D 模型 |
| 产品可视化 | 将产品照片转为交互式 3D 展示 |
| 角色建模 | 支持人物和硬表面物体的重建 |
| 快速原型 | 设计师和开发者快速验证三维概念 |
项目名称:DavidHDev/canvas-ui URL:https://github.com/DavidHDev/canvas-ui Star:956 简介:开源的创意 Canvas 组件库,在真实 HTML 上运行 WebGL 效果。支持 React、Vue、Svelte 和原生 JS。
| 分类 | 技术 |
|---|
| 渲染引擎 | Canvas 2D + WebGL |
| 前端框架 | React、Vue、Svelte、Vanilla JS(框架无关) |
| 技术亮点 | html-in-canvas API(实验性) |
| 许可 | MIT + Commons Clause |
| 维度 | 实现方式 |
|---|
| 数据加载 | 组件自包含,无需外部数据加载 |
| 渲染策略 | 基于 html-in-canvas API 让 WebGL 效果读取和重绘实时 DOM;不支持时降级为纯 WebGL 覆盖层 |
| 性能优化 | 每个组件自包含,按需加载;支持 shadcn 兼容的组件注册表 |
| 交互能力 | 文本保持可选,链接保持可点击,整个页面成为纹理供流体、火焰、玻璃等效果实时扭曲 |
- html-in-canvas API:实验性 API 让 WebGL 效果能读取和重绘实时 DOM,实现真正的"HTML + WebGL 融合"
- 24 个创意组件:Liquid、Blaze、Glass、Shatter、VHS、Particle Reveal 等
- 框架无关:提供 React、Vue、Svelte、Vanilla JS 四种构建版本
- 零配置:每个组件自包含,有合理默认值和类型化 props
- MCP 就绪:可通过 shadcn MCP 服务器让 AI 助手自动安装组件
| 场景 | 说明 |
|---|
| 创意网站 | 添加流体、火焰、玻璃等视觉效果 |
| 游戏 UI | 创意 HUD 和菜单界面 |
| 数据可视化 | 动画图表和交互式仪表盘 |
| 营销页面 | 吸引眼球的动画效果 |
项目名称:Kirakun0328/text-to-vrma URL:https://github.com/Kirakun0328/text-to-vrma Star:91 简介:输入文本即可让 AI 生成动作,并在浏览器中生成 VRMA(VRM Animation)文件,实时驱动 VRM 角色。支持 GIF/视频导出,支持 LLM 关键帧和 NVIDIA ARDY 双引擎。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js + @pixiv/three-vrm-animation |
| 动画格式 | VRMA(GLB + VRMC_vrm_animation 扩展) |
| 生成引擎 | LLM 关键帧(OpenAI API/Codex)+ NVIDIA ARDY 本地 |
| 许可 | MIT License |
| 维度 | 实现方式 |
|---|
| 数据加载 | VRM 模型文件加载(支持 0.x / 1.0 双格式),three-vrm 自动判别和方向归一化 |
| 渲染策略 | Three.js 场景渲染,VRMA 动画通过 @pixiv/three-vrm-animation 播放 |
| 性能优化 | ARDY 本地引擎将文本编码器(8B LLM)放在 CPU 侧运行,GPU 只处理运动模型,VRAM 占用降至约 1.2GB |
| 交互能力 | 3D 视图交互、相机控制、背景切换、路径点模式(点击地面指定移动路径) |
- 双引擎架构:LLM 关键帧引擎适合精确姿态和手指控制;ARDY 本地引擎适合全身运动(步行、舞蹈、跳跃),达到动作捕捉品质
- GPT × ARDY 混合:GPT 负责意图理解和动作分割,ARDY 负责生成身体运动
- 表情自动生成:同时生成身体动作和面部表情(微笑、悲伤、惊讶、眨眼等)
- VRAM 优化:将 LLM 文本编码器移至 CPU,VRAM 占用从官方要求的 20-24GB 降至约 1.2GB
- 多语言支持:支持日语、英语、中文、韩语四种 UI 语言
| 场景 | 说明 |
|---|
| VTuber 动捕 | 无需专业设备即可让虚拟主播动起来 |
| 游戏开发 | 快速生成角色动画原型 |
| 虚拟形象制作 | 为虚拟角色添加自定义动作 |
| 社交分享 | 生成 GIF/视频分享到社交平台 |
项目名称:mintdotgg/mint-threejs-skills URL:https://github.com/mintdotgg/mint-threejs-skills Star:79 简介:帮助编码 Agent 更快构建 3D 应用和游戏的技能集,作为 Mint MCP 的配套工具。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js |
| 集成方式 | Agent Skills(Codex/Claude/Cursor) |
| 资产管线 | Mint MCP |
| 许可 | MIT License |
| 维度 | 实现方式 |
|---|
| 数据加载 | 通过 Mint MCP 生成 3D 资产,技能集负责代码生成和项目结构 |
| 渲染策略 | Three.js 标准渲染流程,技能集生成项目代码 |
| 性能优化 | 通过 Agent 自动优化代码结构和渲染性能 |
| 交互能力 | 支持产品配置器、游戏交互、相机控制等 |
- Agent 辅助开发:让 AI Agent 帮助构建 Three.js 应用,支持产品配置器、游戏、现有项目修复等场景
- 多 Agent 支持:支持 Codex、Claude Code、Cursor 等多种编码 Agent
- Mint MCP 集成:作为 Mint MCP 的配套技能,实现 3D 资产生成管线
- 开源组合:整合了 threejs-game-skills、GameBlocks、Threejs-Awesome-Graphics-Agent-Skills 等开源技能
| 场景 | 说明 |
|---|
| 3D 应用开发 | 快速构建响应式 Three.js 产品配置器 |
| 游戏开发 | 构建完整的 Three.js 游戏原型 |
| 项目修复 | 检查现有项目并修复交互和渲染问题 |
项目名称:CaviraOSS/Akashic URL:https://github.com/CaviraOSS/Akashic Star:61 简介:开源的 Palantir 替代方案,将飞机、卫星、地震、天气、公共广播、基础设施、国家情报、公共摄像头和开源侦察数据整合到单个交互式地图上。完全自托管、隐私优先、无需 API 密钥。
| 分类 | 技术 |
|---|
| 渲染引擎 | deck.gl + MapLibre |
| 前端框架 | Next.js + React |
| 地图服务 | ESRI、Carto、NASA、OpenStreetMap 等 |
| 许可 | GNU Affero General Public License v3 |
| 维度 | 实现方式 |
|---|
| 数据加载 | 多种数据源集成:ADS-B 飞机数据、Celestrak 卫星轨道、USGS 地震、Open-Meteo 天气、Radio Garden 广播等 |
| 渲染策略 | deck.gl 进行高性能数据可视化,MapLibre 提供地图底图,支持平面和地球投影切换 |
| 性能优化 | 图层独立加载,服务器端适配器保持浏览器集成轻量化 |
| 交互能力 | 实体搜索、相机控制、缩放、坐标显示、实体详情面板、多图层叠加 |
- 多源数据融合:整合航空、轨道、地震、天气、广播、侦察等多种地理空间数据
- 零 API 密钥:默认配置无需任何 API 密钥,使用公共数据源
- 多种视图模式:平面、地球、卫星、地形、街道、夜间、天气、真实感等视图
- 侦察模式:并发用户名/邮箱公开资料扫描,结果映射到地图上
- 实时广播:集成 Radio Garden 和 radio-browser 目录,支持实时音频播放
| 场景 | 说明 |
|---|
| 开源情报分析 | OSINT 研究和调查 |
| 新闻报道 | 实时事件追踪和地理信息分析 |
| 教育研究 | 地理空间数据探索和学习 |
| 态势感知 | 灾害监测和应急响应 |
项目名称:Sudharsanselvaraj/Token-Print URL:https://github.com/Sudharsanselvaraj/Token-Print Star:55 简介:浏览器端的 3D 检查器,用于探索语言模型内部。加载实时模型或拖入 .gguf 文件,探索张量、逐操作运行贪婪生成,或逐步遍历 transformer。
| 分类 | 技术 |
|---|
| 渲染引擎 | React Three Fiber(Three.js) |
| 后端框架 | FastAPI |
| 前端框架 | Next.js + React |
| 模型支持 | Qwen2.5-0.5B-Instruct + GGUF 文件 |
| 许可 | MIT License |
| 维度 | 实现方式 |
|---|
| 数据加载 | 服务端加载 Qwen2.5 模型(Apple MPS/CPU),客户端解析 GGUF 文件头 |
| 渲染策略 | 点云渲染(THREE.Points)展示张量;Transformer 栈展示注意力头、MLP、KV 缓存等几何结构 |
| 性能优化 | GGUF 解析只读取文件头,多 GB 模型瞬间解析;点云使用单次绘制调用 |
| 交互能力 | 张量悬停检查、搜索、缩放旋转、断点调试、消融实验、轨迹重放 |
- 真实数据驱动:所有数字来自实际的模型前向传播或 GGUF 文件解析,无虚构数据
- 架构诚实的几何:残差流渲染为连续脊柱,注意力和 MLP 作为分支,RMSNorm 为缩放环,KV 缓存为真实空间对象
- 四模式探索:Architecture(张量点云)、Generation(逐 token 生成)、Walkthrough(章节式讲解)、Debugger(调试仪表盘)
- 构建时防护:构建失败如果代码中出现 Math.random(除了合法的视觉抖动),确保数据真实性
- 消融实验:支持零化特定注意力头或层并重新运行,查看对输出的影响
| 场景 | 说明 |
|---|
| 模型研究 | 可视化 transformer 内部工作机制 |
| 调试优化 | 定位模型行为问题和性能瓶颈 |
| 教学学习 | 直观理解 LLM 的工作原理 |
项目名称:rubenmarcus/csbrasil URL:https://github.com/rubenmarcus/csbrasil Star:53 简介:基于 Three.js 的浏览器 FPS 游戏,CS 1.6 风格的狙击竞技场,设定在虚构的巴西利亚。100% Three.js + Vanilla JS,零构建,由 Kimi K3 从单个 prompt 生成。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js r160(vendor 方式引入) |
| 前端框架 | Vanilla JS(游戏)+ Astro(网站) |
| 后端服务 | Supabase(排行榜) |
| 许可 | MIT License |
| 维度 | 实现方式 |
|---|
| 数据加载 | 程序化生成角色、地图和纹理,无需外部模型文件 |
| 渲染策略 | Three.js 标准渲染,支持 AWP 狙击枪、手枪、刀等武器,子弹时间和击杀特效 |
| 性能优化 | 零构建方式,Vanilla JS 直接运行;碰撞检测使用 AABB |
| 交互能力 | WASD 移动、鼠标瞄准、Shift 奔跑、Ctrl 蹲下、跳跃、射击、换弹、换武器、无线电通信、队伍切换 |
- AI 全生成:整个游戏由 Kimi K3 从单个 prompt 生成,包括代码、纹理、角色设计
- 零构建运行:游戏部分纯 Vanilla JS + Three.js,无需构建工具,任何静态服务器即可运行
- 完整游戏体验:4×4 对战、重生机制、回合制、击杀统计、排行榜、无线电通信等
- 反作弊保护:服务器端物理一致性检查、IP 限速等
| 场景 | 说明 |
|---|
| 浏览器游戏 | 无需安装即可玩的多人 FPS 游戏 |
| AI 生成游戏研究 | 研究 AI 生成完整游戏的能力 |
| 娱乐休闲 | 社交对战游戏 |
项目名称:Evolink-AI/awesome-kimi-k3-usecases URL:https://github.com/Evolink-AI/awesome-kimi-k3-usecases Star:34 简介:收集经过验证的 Kimi K3 用例,包括游戏、3D 构建、运动设计、集成、评估和实际限制。
| 分类 | 技术 |
|---|
| 主要内容 | Markdown 文档 + 示例代码 |
| 用例覆盖 | 游戏、3D 可视化、前端设计、编码工作流 |
| 许可 | MIT License |
本项目是文档和用例集合,不涉及三维渲染。
- 来源验证:所有 99 个用例来自高可信度的公开来源,保留原始链接和作者信息
- 分类清晰:分为交互游戏与 3D(29 个)、前端与运动设计(22 个)、编码与集成(12 个)、评估与限制(36 个)
- 事实导向:偏好具体证据而非炒作,不重建缺失的 prompt,不推断未发布的步骤
- 多语言支持:提供 12 种语言版本的 README
| 场景 | 说明 |
|---|
| AI 能力评估 | 了解 Kimi K3 的真实能力边界 |
| 创意灵感 | 获取游戏和 3D 项目的创意灵感 |
| 技术研究 | 研究 AI 在三维可视化领域的应用 |
项目名称:ademola-lou/ThreejsGNM URL:https://github.com/ademola-lou/ThreejsGNM Star:28 简介:Google GNM v3 头部模型和参考 Blender 编辑器的纯客户端 TypeScript 移植。在浏览器中评估身份、表情、姿态校正和四关节蒙皮,然后用 Three.js 渲染生成的头部。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js |
| 模型来源 | Google GNM v3(Apache-2.0 许可) |
| 前端框架 | TypeScript + Vite |
| 许可 | Apache-2.0 License |
| 维度 | 实现方式 |
|---|
| 数据加载 | 加载 53MB 的 gnm_head.npz 文件,浏览器在 GPU 内存中保留解压缩后的基张量 |
| 渲染策略 | Three.js 渲染 GNM 生成的头部网格,支持身份、表情、姿态控制 |
| 性能优化 | 使用 TensorFlow.js 在浏览器中运行语义解码器,无需 Python 依赖(准备阶段除外) |
| 交互能力 | 身份/表情混合、双眼表情镜像、颈部/头部/独立眼部姿态控制、预设保存、Blender 兼容 JSON 导入/导出 |
- 纯浏览器运行:完整的 GNM 头部编辑和渲染在浏览器中完成,无需后端
- 完整控制:253 分量身份 + 383 分量表情 + 颈部/头部/眼部姿态控制
- Google 官方模型:基于 Google 官方 GNM v3 模型,保留 Apache-2.0 许可
- Blender 兼容:支持 Blender 兼容的 JSON 导入/导出
| 场景 | 说明 |
|---|
| 虚拟形象制作 | 创建和编辑虚拟角色头部 |
| 面部动画 | 实时面部表情控制和动画 |
| 研究实验 | 基于 GNM 模型的面部研究 |
项目名称:hoainho/img2threejs-showcase URL:https://github.com/hoainho/img2threejs-showcase Star:25 简介:img2threejs 生成的程序化 Three.js 模型的实时展示画廊,每个模型都是纯代码生成,在浏览器中实时运行。
| 分类 | 技术 |
|---|
| 渲染引擎 | Three.js ^0.169.0 |
| 前端框架 | TypeScript + Vite |
| 路由 | Hash Router(GitHub Pages 友好) |
| 许可 | MIT License |
| 维度 | 实现方式 |
|---|
| 数据加载 | 每个 demo 都是独立的 TypeScript 工厂函数,按需加载 |
| 渲染策略 | Three.js 标准渲染,支持轨道控制、缩放、光照等 |
| 性能优化 | 无运行时网络请求,所有资源打包;哈希路由避免 GitHub Pages 刷新 404 |
| 交互能力 | 拖拽旋转、滚轮缩放、点击查看参考图片、查看源码 |
- 实时可交互:每个模型都在浏览器中实时运行,可交互查看
- 纯代码生成:所有模型都是 img2threejs 生成的 TypeScript 代码,无外部网格文件
- 展示案例丰富:包括索尼耳机、霰弹枪、战术刀、哆啦A梦房子、装甲车、宝箱等
| 场景 | 说明 |
|---|
| 技术展示 | 展示 img2threejs 的生成能力 |
| 创意参考 | 获取三维建模的创意灵感 |
| 性能测试 | 测试浏览器的 WebGL 渲染性能 |
本周榜单中多个项目(img2threejs、text-to-vrma、mint-threejs-skills)展示了 AI 在三维内容生成领域的强大能力。从单张图片生成完整的 3D 模型,到文本描述生成角色动画,AI 正在改变三维内容的创作方式。
多个项目(canvas-ui、text-to-vrma、ThreejsGNM、Token-Print)采用纯浏览器端架构,无需后端即可运行复杂的三维应用。这降低了部署门槛,让用户能够直接在浏览器中体验复杂的三维功能。
mint-threejs-skills 和 img2threejs 等项目展示了 Agent 在三维开发中的应用。AI Agent 不仅可以生成代码,还可以进行视觉验证、自校正和性能优化,成为开发者的有力助手。
Akashic 作为 Palantir 的开源替代方案,展示了地理空间数据整合的趋势。将多种实时数据源(航空、卫星、地震、天气等)整合到单一平台,为开源情报分析提供了强大工具。
Token-Print 将三维可视化技术应用于 Transformer 模型的内部工作机制分析,为理解复杂 AI 模型提供了直观的手段。这标志着三维可视化正在从娱乐和设计领域扩展到 AI 研究领域。
text-to-vrma 中的 ARDY 本地引擎展示了将大型 AI 模型本地化部署到用户设备上的趋势。通过优化 VRAM 占用,让普通用户也能在本地运行高质量的 AI 模型。
| 优先级 | 项目 | 理由 |
|---|
| ⭐⭐⭐ | img2threejs | AI 图像转三维的突破性工具,纯代码生成,Token 高效,Star 数高达 3077 |
| ⭐⭐⭐ | canvas-ui | 创意 Canvas 组件库,基于 html-in-canvas API,支持多框架,Star 快速增长 |
| ⭐⭐⭐ | Akashic | 开源地理空间情报平台,整合多源实时数据,无需 API 密钥 |
| ⭐⭐⭐ | Token-Print | Transformer 三维可视化调试器,真实数据驱动,架构诚实的几何展示 |
| ⭐⭐⭐ | text-to-vrma | VRM 文本转动画,双引擎架构,VRAM 优化至 1.2GB,适合 VTuber 和游戏开发 |
| ⭐⭐ | mint-threejs-skills | Agent 辅助 Three.js 开发,支持多 Agent 平台 |
| ⭐⭐ | ThreejsGNM | Google GNM 头部模型浏览器移植,纯客户端运行,适合虚拟形象制作 |
| ⭐⭐ | CS BRASIL | AI 全生成的浏览器 FPS 游戏,展示 AI 生成完整游戏的能力 |