ATRULE 技术博客ATRULE 技术博客
首页
博客
文档
关于
首页
博客
文档
关于
  • 快速开始

    • 快速开始
  • Prompt 工程

    • /docs/claude-code-agent-prompt.html
    • /docs/github-project-analysis-prompt.html
    • /docs/github-agent-search-prompts.html
  • 行业观察

    • GitHub 本周热门 Agent 项目深度分析
    • GitHub 本周热门 Agent 项目深度分析
    • GitHub 近期热门 GIS/三维项目深度分析
    • GitHub 本周热门 Agent 项目深度分析
    • GitHub 本周热门 Agent 项目深度分析
    • 模块一:蔚小理——旧势力的痛苦裂变与大象转身

GitHub 近期热门 GIS/三维项目深度分析

分析时间:2026-07-24 数据来源:[trending_gis_repos.json](file:///Users/huangyuluo/code/agent/learning-notes/github/trending_gis_repos.json) 共收录 10 个项目,按 Star 数降序排列


概览

排名项目名称Star核心定位
1hoainho/img2threejs3077AI 图像转 Three.js 3D 模型生成工具
2DavidHDev/canvas-ui956Canvas + WebGL 创意 UI 组件库
3Kirakun0328/text-to-vrma91VRM 角色文本转动画工具
4mintdotgg/mint-threejs-skills79Three.js 开发 Agent 技能集
5CaviraOSS/Akashic61开源地理空间情报工作台
6Sudharsanselvaraj/Token-Print55Transformer 3D 可视化调试器
7rubenmarcus/csbrasil53基于 Three.js 的浏览器 FPS 游戏
8Evolink-AI/awesome-kimi-k3-usecases34Kimi K3 三维可视化用例集
9ademola-lou/ThreejsGNM28GNM 头部模型 Three.js 浏览器编辑器
10hoainho/img2threejs-showcase25img2threejs 生成模型展示画廊

1. img2threejs(AI 图像转 Three.js 模型)

项目名称: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),支持动画和交互

核心亮点与创新点

  1. 纯代码生成:输出 TypeScript 工厂函数而非二进制网格文件,生成的代码可审查、可版本控制
  2. Token 高效:将机械工作(验证、门控、规格编写)推送到确定性脚本中,只在需要视觉判断时消耗模型 token
  3. 分阶段构建:blockout → structural-pass → form-refinement → material-pass → surface-pass → lighting-pass → interaction-pass → optimization-pass,每阶段通过后才能进入下一阶段
  4. 严格质量门控:在生成任何代码前检查规格是否足够详细,避免生成不完整模型
  5. 自校正循环:每轮生成后 Agent 选择 continue/refine-spec/refine-code/request-input/stop,自动优化

适用场景

场景说明
游戏资产生成将概念图快速转为可动画的 3D 模型
产品可视化将产品照片转为交互式 3D 展示
角色建模支持人物和硬表面物体的重建
快速原型设计师和开发者快速验证三维概念

2. Canvas UI(创意 Canvas 组件库)

项目名称: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 兼容的组件注册表
交互能力文本保持可选,链接保持可点击,整个页面成为纹理供流体、火焰、玻璃等效果实时扭曲

核心亮点与创新点

  1. html-in-canvas API:实验性 API 让 WebGL 效果能读取和重绘实时 DOM,实现真正的"HTML + WebGL 融合"
  2. 24 个创意组件:Liquid、Blaze、Glass、Shatter、VHS、Particle Reveal 等
  3. 框架无关:提供 React、Vue、Svelte、Vanilla JS 四种构建版本
  4. 零配置:每个组件自包含,有合理默认值和类型化 props
  5. MCP 就绪:可通过 shadcn MCP 服务器让 AI 助手自动安装组件

适用场景

场景说明
创意网站添加流体、火焰、玻璃等视觉效果
游戏 UI创意 HUD 和菜单界面
数据可视化动画图表和交互式仪表盘
营销页面吸引眼球的动画效果

3. Text-To-VRMA(VRM 文本转动画)

项目名称: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 视图交互、相机控制、背景切换、路径点模式(点击地面指定移动路径)

核心亮点与创新点

  1. 双引擎架构:LLM 关键帧引擎适合精确姿态和手指控制;ARDY 本地引擎适合全身运动(步行、舞蹈、跳跃),达到动作捕捉品质
  2. GPT × ARDY 混合:GPT 负责意图理解和动作分割,ARDY 负责生成身体运动
  3. 表情自动生成:同时生成身体动作和面部表情(微笑、悲伤、惊讶、眨眼等)
  4. VRAM 优化:将 LLM 文本编码器移至 CPU,VRAM 占用从官方要求的 20-24GB 降至约 1.2GB
  5. 多语言支持:支持日语、英语、中文、韩语四种 UI 语言

适用场景

场景说明
VTuber 动捕无需专业设备即可让虚拟主播动起来
游戏开发快速生成角色动画原型
虚拟形象制作为虚拟角色添加自定义动作
社交分享生成 GIF/视频分享到社交平台

4. Mint Three.js Skills(Three.js Agent 技能)

项目名称: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 自动优化代码结构和渲染性能
交互能力支持产品配置器、游戏交互、相机控制等

核心亮点与创新点

  1. Agent 辅助开发:让 AI Agent 帮助构建 Three.js 应用,支持产品配置器、游戏、现有项目修复等场景
  2. 多 Agent 支持:支持 Codex、Claude Code、Cursor 等多种编码 Agent
  3. Mint MCP 集成:作为 Mint MCP 的配套技能,实现 3D 资产生成管线
  4. 开源组合:整合了 threejs-game-skills、GameBlocks、Threejs-Awesome-Graphics-Agent-Skills 等开源技能

适用场景

场景说明
3D 应用开发快速构建响应式 Three.js 产品配置器
游戏开发构建完整的 Three.js 游戏原型
项目修复检查现有项目并修复交互和渲染问题

5. Akashic(地理空间情报工作台)

项目名称: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 提供地图底图,支持平面和地球投影切换
性能优化图层独立加载,服务器端适配器保持浏览器集成轻量化
交互能力实体搜索、相机控制、缩放、坐标显示、实体详情面板、多图层叠加

核心亮点与创新点

  1. 多源数据融合:整合航空、轨道、地震、天气、广播、侦察等多种地理空间数据
  2. 零 API 密钥:默认配置无需任何 API 密钥,使用公共数据源
  3. 多种视图模式:平面、地球、卫星、地形、街道、夜间、天气、真实感等视图
  4. 侦察模式:并发用户名/邮箱公开资料扫描,结果映射到地图上
  5. 实时广播:集成 Radio Garden 和 radio-browser 目录,支持实时音频播放

适用场景

场景说明
开源情报分析OSINT 研究和调查
新闻报道实时事件追踪和地理信息分析
教育研究地理空间数据探索和学习
态势感知灾害监测和应急响应

6. Token-Print(Transformer 3D 可视化调试器)

项目名称: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 模型瞬间解析;点云使用单次绘制调用
交互能力张量悬停检查、搜索、缩放旋转、断点调试、消融实验、轨迹重放

核心亮点与创新点

  1. 真实数据驱动:所有数字来自实际的模型前向传播或 GGUF 文件解析,无虚构数据
  2. 架构诚实的几何:残差流渲染为连续脊柱,注意力和 MLP 作为分支,RMSNorm 为缩放环,KV 缓存为真实空间对象
  3. 四模式探索:Architecture(张量点云)、Generation(逐 token 生成)、Walkthrough(章节式讲解)、Debugger(调试仪表盘)
  4. 构建时防护:构建失败如果代码中出现 Math.random(除了合法的视觉抖动),确保数据真实性
  5. 消融实验:支持零化特定注意力头或层并重新运行,查看对输出的影响

适用场景

场景说明
模型研究可视化 transformer 内部工作机制
调试优化定位模型行为问题和性能瓶颈
教学学习直观理解 LLM 的工作原理

7. CS BRASIL(Three.js 浏览器 FPS 游戏)

项目名称: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 蹲下、跳跃、射击、换弹、换武器、无线电通信、队伍切换

核心亮点与创新点

  1. AI 全生成:整个游戏由 Kimi K3 从单个 prompt 生成,包括代码、纹理、角色设计
  2. 零构建运行:游戏部分纯 Vanilla JS + Three.js,无需构建工具,任何静态服务器即可运行
  3. 完整游戏体验:4×4 对战、重生机制、回合制、击杀统计、排行榜、无线电通信等
  4. 反作弊保护:服务器端物理一致性检查、IP 限速等

适用场景

场景说明
浏览器游戏无需安装即可玩的多人 FPS 游戏
AI 生成游戏研究研究 AI 生成完整游戏的能力
娱乐休闲社交对战游戏

8. Awesome Kimi K3 Use Cases(Kimi K3 用例集)

项目名称: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

三维架构设计

本项目是文档和用例集合,不涉及三维渲染。

核心亮点与创新点

  1. 来源验证:所有 99 个用例来自高可信度的公开来源,保留原始链接和作者信息
  2. 分类清晰:分为交互游戏与 3D(29 个)、前端与运动设计(22 个)、编码与集成(12 个)、评估与限制(36 个)
  3. 事实导向:偏好具体证据而非炒作,不重建缺失的 prompt,不推断未发布的步骤
  4. 多语言支持:提供 12 种语言版本的 README

适用场景

场景说明
AI 能力评估了解 Kimi K3 的真实能力边界
创意灵感获取游戏和 3D 项目的创意灵感
技术研究研究 AI 在三维可视化领域的应用

9. ThreejsGNM(GNM 头部模型编辑器)

项目名称: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 导入/导出

核心亮点与创新点

  1. 纯浏览器运行:完整的 GNM 头部编辑和渲染在浏览器中完成,无需后端
  2. 完整控制:253 分量身份 + 383 分量表情 + 颈部/头部/眼部姿态控制
  3. Google 官方模型:基于 Google 官方 GNM v3 模型,保留 Apache-2.0 许可
  4. Blender 兼容:支持 Blender 兼容的 JSON 导入/导出

适用场景

场景说明
虚拟形象制作创建和编辑虚拟角色头部
面部动画实时面部表情控制和动画
研究实验基于 GNM 模型的面部研究

10. img2threejs-showcase(img2threejs 展示画廊)

项目名称: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
交互能力拖拽旋转、滚轮缩放、点击查看参考图片、查看源码

核心亮点与创新点

  1. 实时可交互:每个模型都在浏览器中实时运行,可交互查看
  2. 纯代码生成:所有模型都是 img2threejs 生成的 TypeScript 代码,无外部网格文件
  3. 展示案例丰富:包括索尼耳机、霰弹枪、战术刀、哆啦A梦房子、装甲车、宝箱等

适用场景

场景说明
技术展示展示 img2threejs 的生成能力
创意参考获取三维建模的创意灵感
性能测试测试浏览器的 WebGL 渲染性能

趋势洞察

1. AI 驱动的三维内容生成成为主流

本周榜单中多个项目(img2threejs、text-to-vrma、mint-threejs-skills)展示了 AI 在三维内容生成领域的强大能力。从单张图片生成完整的 3D 模型,到文本描述生成角色动画,AI 正在改变三维内容的创作方式。

2. 纯浏览器端应用持续崛起

多个项目(canvas-ui、text-to-vrma、ThreejsGNM、Token-Print)采用纯浏览器端架构,无需后端即可运行复杂的三维应用。这降低了部署门槛,让用户能够直接在浏览器中体验复杂的三维功能。

3. Agent 辅助开发工具链完善

mint-threejs-skills 和 img2threejs 等项目展示了 Agent 在三维开发中的应用。AI Agent 不仅可以生成代码,还可以进行视觉验证、自校正和性能优化,成为开发者的有力助手。

4. 地理空间情报平台开源化

Akashic 作为 Palantir 的开源替代方案,展示了地理空间数据整合的趋势。将多种实时数据源(航空、卫星、地震、天气等)整合到单一平台,为开源情报分析提供了强大工具。

5. 三维可视化用于 AI 模型理解

Token-Print 将三维可视化技术应用于 Transformer 模型的内部工作机制分析,为理解复杂 AI 模型提供了直观的手段。这标志着三维可视化正在从娱乐和设计领域扩展到 AI 研究领域。

6. 开源模型本地化部署

text-to-vrma 中的 ARDY 本地引擎展示了将大型 AI 模型本地化部署到用户设备上的趋势。通过优化 VRAM 占用,让普通用户也能在本地运行高质量的 AI 模型。


推荐关注

优先级项目理由
⭐⭐⭐img2threejsAI 图像转三维的突破性工具,纯代码生成,Token 高效,Star 数高达 3077
⭐⭐⭐canvas-ui创意 Canvas 组件库,基于 html-in-canvas API,支持多框架,Star 快速增长
⭐⭐⭐Akashic开源地理空间情报平台,整合多源实时数据,无需 API 密钥
⭐⭐⭐Token-PrintTransformer 三维可视化调试器,真实数据驱动,架构诚实的几何展示
⭐⭐⭐text-to-vrmaVRM 文本转动画,双引擎架构,VRAM 优化至 1.2GB,适合 VTuber 和游戏开发
⭐⭐mint-threejs-skillsAgent 辅助 Three.js 开发,支持多 Agent 平台
⭐⭐ThreejsGNMGoogle GNM 头部模型浏览器移植,纯客户端运行,适合虚拟形象制作
⭐⭐CS BRASILAI 全生成的浏览器 FPS 游戏,展示 AI 生成完整游戏的能力
最后更新: 2026/9/3 20:44
Prev
GitHub 本周热门 Agent 项目深度分析
Next
GitHub 本周热门 Agent 项目深度分析