Isopolis: 旧金山等距像素地图
Show HN: Isopolis – isometric pixel map of SF
Isopolis 是一款充满创意的旧金山等距像素地图，由开发者 NuwanDavek 精心打造。它通过独特的像素艺术风格，将旧金山的街道、地标、科技巨头总部（如 Google、OpenAI、Anthropic）以及热门餐厅生动呈现。用户不仅可以探索城市，还能体验预设的趣味导览路线，如专为创始人设计的“Ship It, SF”或面向游客的“SF 101”。该项目灵感源自 Silicon Valley 剧集，支持社区贡献新地点，并配有沉浸式环境音效，让探索旧金山变成一场充满怀旧与科技感的互动冒险。
欢迎来到旧金山——这里是十亿美元初创企业的摇篮，拥有最好的桥梁、最好的天气和最好的咖喱，也是顶级 AI 模型与底层停车难题并存的地方。
HN 评论区
76- lawrencechen
幕后花絮：
https://sf.isopolis.city/dev.html
> 数据源来自 Google Photorealistic 3D Tiles。Isometric.nyc 曾探索过使用 3D 建筑数据，但最终放弃了。美国政府竟然拥有全美每个城市的免费 LIDAR 数据并向公众开放，这简直不可思议。我花了不到 30 分钟浏览了一下，最后还是决定沿用 Google 的 3D 图像。我用 Claude Code 写了一个爬虫来流式传输 3D Tiles，并用 three.js 进行渲染。这为模型学习提供了最佳的“真实”纹理基础。用其他方法则需要大量的人工工作才能把输入数据调对。
> 有了 3D Tiles 之后，我们需要生成用于训练的“真值”配对图像！和 isometric.nyc 类似，我用 Google 的 Nano Banana 生成了一些吉卜力风格的像素艺术图片。旧金山的地形非常有趣，有很多独特的特征，比如 FiDi 的摩天大楼、东南部的山丘、两座标志性的大桥、大量的海岸线、码头、公园、郊区网格以及大片水域。我生成了海量的图片并从中精选。保持风格一致是个挑战，中间经历了大量的手动试错。不过照例，Claude Code 在开发应用里帮我加了个功能，让我能挑选最佳图片并确认它们。
- rob74
不错！但旧金山以街道陡峭闻名，这图看起来却可疑地平坦 :) 好吧，你可以说这只是 2D 地图的 3D 渲染，出于实际原因可能必须这么做，以避免山丘遮挡后面的物体，因为据我所见地图无法旋转，但在 3D 视图中看不到实际的高度表示，确实需要一点时间适应。
另外，虽然有社区和地标，但据我所见没有实际的街道名称？更不用说公交站点/线路以及其他可以添加的炫酷内容了……
- burnoutdv
我不太喜欢这个。
和纽约那个一样，就是……很粗糙。我甚至敢说是垃圾（slop）。我肯定作者花了一些功夫，但这对我来说就是差点意思。那些歪歪扭扭的线条、模糊的设计，以及整体的一切。既然是像素艺术或看起来像像素艺术的东西，我期望它是像素完美的，而不是一眼看上去像像素艺术的随机图片。
这个点子感觉挺棒，但执行层面需要更多的打磨和润色。甚至可能需要手工打造才能令人印象深刻。
- EZ-Cheeze
https://arstechnica.com/science/2018/04/these-oblique-satell...
“高倾斜角度的卫星图像简直令人叹为观止”
如果你喜欢这个，那你也会喜欢那个
- codetiger
这美得令人难以置信。
几个月前，我尝试过构建我自己的 Google Earth 版本，用体素（voxels）渲染。基本上是利用公开数据中可用的地形高度图扫描来构建。要让渲染平滑并处理好细分（tessellation），即使是对于一个简单的体素渲染器来说，工作量也是惊人的。