---
## Git 城市是什么？
Git City 将每个 GitHub 个人资料转变为独特的像素艺术建筑。您贡献的越多，您的建筑物就会越高。探索交互式 3D 城市，在建筑物之间飞行，并发现来自世界各地的开发人员。
## 特点
- **3D 像素艺术建筑** — 每个 GitHub 用户都会成为一座建筑，其高度基于贡献，宽度基于存储库，点亮的窗口代表活动
- **自由飞行模式** — 通过流畅的相机控制飞越城市，参观任何建筑物，探索天际线
- **个人资料页面** — 每个开发人员的专用页面，其中包含统计信息、成就和顶级存储库
- **成就系统** — 根据贡献、星星、回购、推荐等解锁成就
- **建筑定制** — 认领您的建筑并使用商店中的物品对其进行定制（王冠、光环、屋顶效果、面部装饰）
- **社交功能** — 向其他开发者发送荣誉、赠送礼物、推荐朋友以及查看实时活动源
- **比较模式** — 将两个开发商并排放置并比较他们的建筑和统计数据
- **共享卡** — 以横向或故事格式下载您的个人资料的可共享图像卡
## 建筑物如何运作
|公制|影响|示例|
|----------------|--------------------------------|----------------------------------------|
|贡献 |建筑高度| 1,000 次提交 → 更高的建筑 |
|公共回购 |建筑宽度|更多回购 → 更广泛的基础 |
|明星|窗户亮度|更多星星→更多明亮的窗户|
|活动 |窗花图案|最近的活动 → 独特的发光图案 |
建筑物使用实例化网格和 LOD（细节级别）系统进行渲染，以提高性能。近距离的建筑物通过动画窗口显示完整的细节；远处的建筑物使用简化的几何形状。
## 技术堆栈
- **框架：** [Next.js](https://nextjs.org) 16（应用程序路由器、Turbopack）
- **3D 引擎：** [Three.js](https:// Threejs.org) 通过 [@react- Three/Fiber](https://github.com/pmndrs/react- Three-Fiber) + [drei](https://github.com/pmndrs/drei)
- **数据库和身份验证：** [Supabase](https://supabase.com)（PostgreSQL、GitHub OAuth、行级安全性）
- **付款：** [Stripe](https://stripe.com)
- **样式：** [Tailwind CSS](https://tailwindcss.com) v4 带像素字体（丝印）
- **托管：** [Vercel](https://vercel.com)
## 开始使用
开源推荐
morning
GitHub 热门项目：git-city
2026-09-15
1 阅读
约4分钟阅读
GitHub Trending
字号:
GitHub 项目：git-city
仓库地址：https://github.com/srizzon/git-city
星级：5781 | 作者：斯里宗
项目描述：您的 GitHub 个人资料是互动城市中的 3D 像素艺术建筑
===================================================
自述文件内容：
Git 城市
您的 GitHub 个人资料是互动城市中的 3D 像素艺术建筑。
thegitcity.com
---
## Git 城市是什么？
Git City 将每个 GitHub 个人资料转变为独特的像素艺术建筑。您贡献的越多，您的建筑物就会越高。探索交互式 3D 城市，在建筑物之间飞行，并发现来自世界各地的开发人员。
## 特点
- **3D 像素艺术建筑** — 每个 GitHub 用户都会成为一座建筑，其高度基于贡献，宽度基于存储库，点亮的窗口代表活动
- **自由飞行模式** — 通过流畅的相机控制飞越城市，参观任何建筑物，探索天际线
- **个人资料页面** — 每个开发人员的专用页面，其中包含统计信息、成就和顶级存储库
- **成就系统** — 根据贡献、星星、回购、推荐等解锁成就
- **建筑定制** — 认领您的建筑并使用商店中的物品对其进行定制（王冠、光环、屋顶效果、面部装饰）
- **社交功能** — 向其他开发者发送荣誉、赠送礼物、推荐朋友以及查看实时活动源
- **比较模式** — 将两个开发商并排放置并比较他们的建筑和统计数据
- **共享卡** — 以横向或故事格式下载您的个人资料的可共享图像卡
## 建筑物如何运作
|公制|影响|示例|
|----------------|--------------------------------|----------------------------------------|
|贡献 |建筑高度| 1,000 次提交 → 更高的建筑 |
|公共回购 |建筑宽度|更多回购 → 更广泛的基础 |
|明星|窗户亮度|更多星星→更多明亮的窗户|
|活动 |窗花图案|最近的活动 → 独特的发光图案 |
建筑物使用实例化网格和 LOD（细节级别）系统进行渲染，以提高性能。近距离的建筑物通过动画窗口显示完整的细节；远处的建筑物使用简化的几何形状。
## 技术堆栈
- **框架：** [Next.js](https://nextjs.org) 16（应用程序路由器、Turbopack）
- **3D 引擎：** [Three.js](https:// Threejs.org) 通过 [@react- Three/Fiber](https://github.com/pmndrs/react- Three-Fiber) + [drei](https://github.com/pmndrs/drei)
- **数据库和身份验证：** [Supabase](https://supabase.com)（PostgreSQL、GitHub OAuth、行级安全性）
- **付款：** [Stripe](https://stripe.com)
- **样式：** [Tailwind CSS](https://tailwindcss.com) v4 带像素字体（丝印）
- **托管：** [Vercel](https://vercel.com)
## 开始使用
---
## Git 城市是什么？
Git City 将每个 GitHub 个人资料转变为独特的像素艺术建筑。您贡献的越多，您的建筑物就会越高。探索交互式 3D 城市，在建筑物之间飞行，并发现来自世界各地的开发人员。
## 特点
- **3D 像素艺术建筑** — 每个 GitHub 用户都会成为一座建筑，其高度基于贡献，宽度基于存储库，点亮的窗口代表活动
- **自由飞行模式** — 通过流畅的相机控制飞越城市，参观任何建筑物，探索天际线
- **个人资料页面** — 每个开发人员的专用页面，其中包含统计信息、成就和顶级存储库
- **成就系统** — 根据贡献、星星、回购、推荐等解锁成就
- **建筑定制** — 认领您的建筑并使用商店中的物品对其进行定制（王冠、光环、屋顶效果、面部装饰）
- **社交功能** — 向其他开发者发送荣誉、赠送礼物、推荐朋友以及查看实时活动源
- **比较模式** — 将两个开发商并排放置并比较他们的建筑和统计数据
- **共享卡** — 以横向或故事格式下载您的个人资料的可共享图像卡
## 建筑物如何运作
|公制|影响|示例|
|----------------|--------------------------------|----------------------------------------|
|贡献 |建筑高度| 1,000 次提交 → 更高的建筑 |
|公共回购 |建筑宽度|更多回购 → 更广泛的基础 |
|明星|窗户亮度|更多星星→更多明亮的窗户|
|活动 |窗花图案|最近的活动 → 独特的发光图案 |
建筑物使用实例化网格和 LOD（细节级别）系统进行渲染，以提高性能。近距离的建筑物通过动画窗口显示完整的细节；远处的建筑物使用简化的几何形状。
## 技术堆栈
- **框架：** [Next.js](https://nextjs.org) 16（应用程序路由器、Turbopack）
- **3D 引擎：** [Three.js](https:// Threejs.org) 通过 [@react- Three/Fiber](https://github.com/pmndrs/react- Three-Fiber) + [drei](https://github.com/pmndrs/drei)
- **数据库和身份验证：** [Supabase](https://supabase.com)（PostgreSQL、GitHub OAuth、行级安全性）
- **付款：** [Stripe](https://stripe.com)
- **样式：** [Tailwind CSS](https://tailwindcss.com) v4 带像素字体（丝印）
- **托管：** [Vercel](https://vercel.com)
## 开始使用
这篇文章对您有帮助吗？
订阅66必读
每日精选科技资讯，直达你的邮箱