Build 2.5D and 3D immersive map experiences in a browser - Paweł Krzywicki - NDC Oslo 2026

Seçkin kanalWebKanal: NDC ConferencesYayın: 28.10.2026Süre: 33:32

Neden izlemeli?

Tarayıcıda 2.5D ve 3D harita deneyimleri inşa etmek isteyen frontend geliştiricilere yönelik pratik bilgiler sunuyor. Performans, WebGL ve kullanıcı etkileşimi gibi konularda uygulanabilir teknikler öğrenebilirsiniz.

Video özeti

Sunum, tarayıcıda 2.5D ve 3D harita deneyimleri oluşturmak için gereken temel yaklaşımları ve uygulama ayrıntılarını ele alıyor. Konuşma, web tabanlı haritalamanın pin atma ötesine nasıl evrildiğini anlatarak WebGL, performans optimizasyonları, 2.5D ve gerçekçi 3D görselleştirme teknikleri ve etkileşim desenleri üzerinde duruyor; kullanıcı deneyimini zenginleştiren modelleme, ışıklandırma ve veri işleme yöntemleri örnekleniyor. Ayrıca tarayıcı sınırları, donanım uyumluluğu, veri akışı yönetimi ve harita tabanlı animasyonlar gibi pratik konulara değiniliyor. Frontend geliştiriciler, UI/UX mühendisleri ve web üzerinde zengin coğrafi görselleştirme yapmak isteyenler için uygundur; temel JavaScript bilgisi ve WebGL/three.js gibi grafik kütüphanelerine ilişkin ön bilgi işleri kolaylaştırır. İzleyici, tarayıcıda etkileşimli 2.5D/3D haritalar inşa etmek için hangi tekniklerin kullanıldığını, performansı nasıl yöneteceğini ve kullanıcı etkileşimini nasıl iyileştireceğini öğrenmiş olacak; anlatım pratik ipuçları ve uygulamaya yönelik öneriler içeriyor.

Öne çıkan fikirler

  • Tarayıcı tabanlı 3D haritalarda performans, veri işleme ve render stratejileriyle sağlanır.
  • Kullanıcı etkileşimini zenginleştirmek için 2.5D ile gerçek 3D arasındaki seçimi ve optimizasyonları bilerek yapmak gerekir.
  • WebGL/three.js gibi araçlar doğru kullanıldığında tarayıcıda sürükleyici coğrafi deneyimler oluşturmak mümkündür.

Özet ve bölüm başlıkları Opendart editörlüğünde hazırlanmıştır; videonun içeriği ve hakları kanal sahibine aittir.

YouTube'da aç

Opendart Akademi

Bu konuyu canlı derste, gerçek projelerle öğrenin → Angular Eğitimi

Diğer ilgili eğitimler: Vue.js Eğitimi · React Native Eğitimi

Eğitmen eşliğinde, canlı online veya sınıf içi; bireysel ve kurumsal seçenekler. Tüm eğitimler