Little Big City：3D城市生成终极指南，10分钟打造你的虚拟城市 🌆

想要快速创建精美的3D城市模型吗？Little Big City是一款基于WebGL的开源3D城市生成工具，能够将真实地图数据转换为令人惊叹的三维城市景观。无论你是游戏开发者、设计师还是3D建模爱好者，这个工具都能帮你轻松实现城市建模梦想！

🚀 快速开始：一键生成你的第一个城市

环境准备与安装步骤

首先克隆项目仓库：

git clone https://gitcode.com/gh_mirrors/li/little-big-city
cd little-big-city
npm install

安装完成后，运行开发服务器：

npm run dev

现在打开浏览器访问 http://localhost:8080，你就能看到工具界面了！

核心功能配置详解

Little Big City提供了丰富的配置选项，让你可以完全自定义生成的3D城市：

• 建筑生成：自动从地图数据提取建筑轮廓并生成3D模型
• 道路系统：智能识别道路网络并创建三维道路
• 水域渲染：自动检测河流、湖泊等水域并进行3D渲染
• 云层效果：动态生成逼真的云层效果

🎨 自定义你的城市：参数调节全攻略

基础参数设置

在 [src/main.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/main.js?utm_source=gitcode_repo_files) 中，你可以找到默认配置：

const DEFAULT_CONFIG = {
    radius: 60,           // 城市半径
    curveness: 1,         // 曲面程度
    showEarth: true,       // 显示地面
    earthColor: '#c2ebb6' // 地面颜色
};

高级视觉效果

工具支持多种渲染效果，包括：

• 环境光遮蔽：增强场景深度感
• 实时阴影：提供逼真的光照效果
• 后期处理：包括泛光、抗锯齿等

📁 项目架构深度解析

核心模块说明

Little Big City采用模块化设计，主要包含以下核心文件：

• [src/main.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/main.js?utm_source=gitcode_repo_files) - 主要应用程序逻辑
• [src/toOBJ.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/toOBJ.js?utm_source=gitcode_repo_files) - 3D模型导出功能
• [src/tessellate.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/tessellate.js?utm_source=gitcode_repo_files) - 几何细分处理
• [src/distortion.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/distortion.js?utm_source=gitcode_repo_files) - 曲面变形算法

💾 模型导出与格式转换

OBJ格式导出

通过 [src/toOBJ.js](https://gitcode.com/gh_mirrors/li/little-big-city/blob/4baa8eaeab15effc0d35ce5970edb29894e0fa79/src/toOBJ.js?utm_source=gitcode_repo_files) 模块，你可以将生成的3D城市导出为标准OBJ格式，方便在其他3D软件中使用。

🔧 常见问题与解决方案

性能优化技巧

• 调整建筑密度和细节级别
• 合理使用LOD（细节层次）技术
• 优化纹理和材质设置

✨ 进阶应用场景

Little Big City不仅仅是一个城市生成工具，它还可以应用于：

• 游戏开发：快速创建游戏场景
• 城市规划：可视化城市设计方案
• 教育演示：展示城市发展过程

🎯 总结与展望

Little Big City为3D城市建模带来了革命性的改变。无论你是初学者还是专业人士，都能通过这个工具轻松创建出令人满意的3D城市模型。现在就开始你的城市创建之旅吧！🏙️

---

温馨提示：使用前请确保系统支持WebGL，建议使用Chrome或Firefox浏览器获得最佳体验。