Geri Dön
Isopolis, San Francisco'yu dev izometrik piksel haritasına dönüştürdü
SiTech Team2 წთ. საკითხავი

Isopolis, San Francisco'yu dev izometrik piksel haritasına dönüştürdü

Yeni bir web projesi, San Francisco'nun gerçek 3B geometrisini tek bir dev izometrik piksel tablosu olarak yeniden çiziyor. Şehirde gezinebilir, turlara katılabilir, radyo dinleyebilir ve kartpostal gönderebilirsiniz.

Web projesi Isopolis (sf.isopolis.city), San Francisco'yu tarayıcı penceresini kaplayan tek bir izometrik piksel tablosu olarak sunuyor. Harita, şehrin gerçek 3B geometrisinden üretildi: sokaklar ve gökdelenler, özel olarak eğitilmiş bir görüntü modeliyle karo karo yeniden çizildi; bu yüzden gerçek kent planını izliyorlar, bir sanatçının izlenimini değil.

Harita nasıl kuruldu

Proje, şehri 512 piksel boyutunda kare karolara bölüyor; karolar WebP biçiminde saklanıyor ve bir dizi yakınlaştırma düzeyinde sunuluyor — bu, yarımadanın kuş bakışı görünümünden tek tek adalara inmeye yetiyor. Herkese açık karo manifestosu 2.630 kaynak blok listeliyor. Coğrafi bağlam OpenStreetMap verilerinden (CARTO aracılığıyla), mahalle sınırları ise şehrin açık veri portalı DataSF'in yayımladığı veri kümesinden geliyor.

Görünüm bilinçli olarak retro: arayüz Press Start 2P ve VT323 piksel yazı tiplerini kullanıyor; bütün etiketler, maskotlar ve simge yerler kalın piksel grafikleriyle çizilmiş. Uygulamanın künyesinde „nuwandavek” adı geçiyor.

Turlar, radyo ve kartpostallar

Kaydırma ve yakınlaştırmanın ötesinde Isopolis küçük bir oyun gibi davranıyor. Rehberli turlar ziyaretçiyi durak durak gezdiriyor; her turun kendi maskotu var ve genel bakış ekranında tur maskotunun etkileşimli 3B modeli döndürülebiliyor. Yerleşik radyo keşif sırasında müzik çalıyor; arama alanı hem yer adını hem de „corp” (şirket), „lmrk” (simge yapı) veya „evnt” (etkinlik) gibi kısa etiketleri kabul ediyor.

İşaretli bir yere tıklandığında koordinatları ve ayrıntıları gösteren bir kart açılıyor. Her noktadan kartpostal düğmesi, o anki görünümün piksel kartpostalını doğrudan tarayıcıda çiziyor ve bulunduğunuz yerin adını taşıyan bir PNG olarak kaydediyor; X'te paylaşılabiliyor ya da Instagram uygulamasına aktarılabiliyor. Görüntüleyicinin konumu, seçili yer ve etkin tur URL parçasında saklandığı için kopyalanan bağlantı aynı görünümü yeniden açıyor.

Neden önemli

Isopolis, kent verilerinin bir araçtan fazlası olabileceğini hatırlatıyor: gerçek coğrafi verinin üzerine oturan piksel sanatı, tanıdık bir silueti adım adım keşfedilesi bir şeye dönüştürüyor. Harita kurulum gerektirmeden tarayıcıda çalışıyor — sf.isopolis.city.

SSiTech

SiTech — AI destekli web geliştirme

Hızlı ve modern web siteleri kuruyor, AI'yı gerçek iş akışlarına taşıyoruz. Projeniz veya sorunuz mu var? Yardımcı olmaktan mutluluk duyarız.