Isometric SF - SF Bay Areaをピクセルアートで描くインタラクティブマップ

Show HN: Isometric SF – A pixel-art map of the SF Bay Area

Isometric SF - SF Bay Areaをピクセルアートで描くインタラクティブマップ

Isometric SFは、San Francisco Bay Area全体をアイソメトリック(斜め見下ろし)のピクセルアートで再現したインタラクティブマップです。Google Maps Photorealistic 3D Tilesから取得した画像やESA WorldCoverの土地被覆データ、Copernicusの標高データを組み合わせ、街並みや地形をレトロゲーム風のドット絵タイルとして描画しています。Leafletベースの地図上でズームやパンができ、見慣れたベイエリアを新鮮な視点で散策できるのが魅力。技術的な制作過程は作者のブログで公開されており、地図データとピクセルアートを融合させた新しい地図体験を気軽に試せます。

見慣れたSan Francisco Bay Areaが、レトロゲームの世界のようにドット絵で広がる——地図を眺めるだけでは終わらない、まったく新しい散策体験です。
  1. drayfield

    水を差すようで申し訳ないが、これは自分には本当にひどく見える。本物のピクセルアートが持つ、あの贅沢なまでの精密さが完全に欠けている。

  2. mlmonkey

    OPは言及していなかった(あるいは私が見落としたのかもしれない)が、元になっている画像はGoogleの3DフォトリアリスティックタイルAPIから来ている:https://developers.google.com/maps/documentation/tile/3d-til...

    これを再現したい人がいるなら、月1000回のAPIコールが無料で提供されているので参考までに。

  3. fwipsy

    これは素晴らしいけど、『ピクセルアート風』と呼ぶべきかもしれない。ピクセルアートは細部へのこだわりがすべてだ。これはどちらかというとシェーダーを適用したようなものだ(とはいえ、AIのアーティファクトもいくつか見えるけど)。

  4. kenferry

    …でも実際にはピクセルアートじゃないよね?

  5. dllu

    2018年に友人のセスナからミッション地区を同様の角度で撮った7388 x 5097の写真がこちらだ。細部を比較するのに良い参考になる:

    https://i.dllu.net/2018-04-14-23-31-28_DSC04018_6201e8e3a215...

    このアイソメトリックビューアでは、写真中央にある白い倉庫のような350 Treat Aveなど、いくつかの建物が2色でブレンドされているのがわかる。実際には全体が均一な白なのに、左側が黄色、右側が灰色になっている。これはおそらく画像生成が2つのタイルで別々に実行され、その後ブレンドされたためだろう。

    それでも、遠くから見ればこれは素晴らしく見える。

この日のほかの記事

2026-11-13