Git City

产品简介

Git City 是一座由 GitHub 数据实时生成的 3D 像素城市:每个 GitHub 用户资料都会变成一栋独一无二的像素建筑--贡献越多楼越高,公开仓库越多地基越宽,Star 越多窗户越亮,近期活跃则点亮独特的发光窗纹。用户可以自由飞行穿梭城市、访问任意开发者的建筑与资料页。它是典型的 vibe coding 代表作:作者自述用 Claude 在 4 天内写出 21,000 行代码,全程由 AI 编程完成。

核心功能

1. 3D 像素建筑:每位 GitHub 用户一栋楼,四项数据(贡献、仓库、Star、活跃度)分别映射为高度、宽度、亮度与窗纹。
2. 自由飞行模式:平滑相机控制,可飞越天际线、降落参观任意建筑。
3. 个人资料页:每位开发者独立页面,展示统计数据、成就与热门仓库。
4. 成就系统:基于贡献、Star、仓库数量与好友邀请解锁成就。
5. 建筑装扮:认领自己的建筑后,可在商店购买皇冠、光环、屋顶特效、面部装饰等道具。
6. 社交互动:发送 kudos、给其他开发者赠送道具、邀请好友、查看实时动态流。
7. 对比模式:两位开发者并排对比建筑形态与数据。
8. 分享卡片:一键生成横版与竖版图片卡,下载后直接分享。

特色优势

性能层面采用实例化渲染（instanced meshes）与 LOD 层级细节系统：近处建筑呈现全细节与动画窗户，远处自动切换简化几何，近万栋建筑同屏依然流畅。数据层基于 Supabase（PostgreSQL + GitHub OAuth + 行级安全策略），支持一键本地全栈运行——执行 supabase start 即可拉起完整后端，无需远程账号，本地环境内置零配置开发登录。前端使用 Next.js 16 + Three.js（react-three-fiber + drei）+ Tailwind CSS v4 像素字体，部署于 Vercel。项目以 AGPL-3.0 开源，随仓库附带的 gg 电影预告工具包以 MIT 协议单独发布，任何网页游戏都能通过 npx skills add srizzon/git-city --skill gg 直接复用。

应用场景

1. 开发者个人品牌展示:把枯燥的贡献数据变成可游览的建筑名片。
2. 招聘与团队建设:招聘方直观感受候选人的开源活跃度。
3. 开源社区互动:发现开发者、赠送道具、对比数据,增强社区粘性。
4. vibe coding 案例学习:作为 AI 编程全流程的参考项目与二次开发底座。

适用人群

GitHub 开源开发者与贡献者、技术社区运营者、招聘方,以及对 AI 编程作品感兴趣的创作者。

出品方

独立开发者 Samuel Rizzon(@samuelrizzondev)的开源作品,源码托管于 GitHub,协议 AGPL-3.0(可自由修改,公开部署需开源;预告片工具包为 MIT)。

更新动态

2026 年 10 月初在 Reddit r/SideProject、r/vibecoding 引发热议，被媒体称为“每个 GitHub 开发者一栋楼”的 3D 城市；项目持续迭代，近期完成 Next.js 16 升级、本地 Supabase 全栈零配置支持，并上线 Towns 预告片与 /trailer 系列页面——配乐与音效全部由引擎实时合成，不含采样素材。

官网链接

在线体验:https://thegitcity.com 源码仓库:https://github.com/srizzon/git-city