- markdown7102026-09-0921099
最近在做一个深圳主题的 3D 网页,名字叫「深圳·山海之间」。想把熟悉的地标、海湾和一些城市日常,放进一个可以自己探索的微缩场景里。
体验地址:https://cityinminiatures.top/
目前可以玩什么
- 自由旋转、缩放和平移视角,靠近观察建筑和街道。
- 看后海的春笋、欢乐港湾的摩天轮,以及大鹏的山海。
- 切换日间、日落和夜景,观察城市亮灯。
- 街道上有模拟车流,蛇口等区域也做了候车人物和生活场景。
是怎么做的
使用 Three.js、TypeScript 和 Vite,开发过程中使用了 AI 辅助。项目结合了 OpenStreetMap 地图数据和地形数据,地标与城市活动通过三维模型和程序来表现。下面的图片都来自作品实际运行画面。
想听听大家对镜头操作、画面和加载体验的意见。如果遇到卡顿或异常,可以在帖内说明设备、浏览器和出现问题的位置。也欢迎说说,希望下一步补充深圳的哪个地方。
场景预览



图片为程序化三维场景,非实景摄影。
主楼 - 灰灰2026-09-0917623
能不能操控有一个人在地面上走,走路的视角
- markdown7102026-09-0921099
哈哈,很不错的角度,后面看下怎么设计
- Z_Y2026-09-0918157
- 飛空2026-09-0932690
整体效果惊艳,向佬学习
- Seanhuang2026-09-0929154
五小时限制的我根本不敢用这个模型搞这些项目
- zicoy2026-09-0940473
这个还可以继续推进呀
- Ler1Shy-linuxdo2026-09-0922798
视角变换时 地名tag在抽动 试试优化一下
- lhb9918162026-09-0934953
纯纯大佬,学习了,看看能继续学到什么
- faouzia12026-09-0921059
有点帅啊,地形建筑道路都是ai自己找资料的?