Beş yaklaşım, tek sayfa
Her blok aynı ölçüde gösteriliyor ki yan yana karşılaştırılabilsin. Aşağıdaki her kartın altında tek satır mono not var: tahmini ek yük, mobil riski ve canlıya alınırsa hangi sayfaya oturduğu. Bu sayfa canlı sayfaların hiçbirine dokunmaz.
Hepsi görünmediğinde durur · sekme arkadayken durur · “hareketi azalt” açıksa tek kare
Kaydırırken arka plan görseli ile başlık farklı hızda hareket eder; sayfa iki katmana ayrılmış gibi okunur. WebGL yok — saf CSS transform ve tek bir kaydırma dinleyicisi.
≈0 KB EK YÜK · MOBİL RİSKİ: DÜŞÜK · UYAR: /kirkcesme, /uskudar, /bitez proje kapakları
Döndürülebilir 3B nesne. Gerçek model henüz yok; burada 15 yatay kontur diliminden prosedürel bir topografya kütlesi üretiliyor — her dilimin çevre eğrisi biraz farklı. Fare veya parmakla döndür; kendiliğinden yavaş döner, dokununca durur.
≈160 KB (three.js gzip, sayfada bir kez) · MOBİL RİSKİ: ORTA · UYAR: /photogrammetry, /topography-of-senses, arazi anlatımı
Stripe tarzı WebGL degrade: koyu zeminde çok yavaş akan organik renk geçişi, simplex gürültü shader'ı ile. Solda peyzaj yeşili, sağda motorspor kırmızısı — aynı shader, iki palet.
≈160 KB paylaşımlı + ~2 KB shader · MOBİL RİSKİ: ORTA-YÜKSEK (tam ekran, sürekli piksel işi) · UYAR: / ana sayfa ve /whats-next arka zemini
Sim yarış oyunlarındaki pist dili: asfalt artık çizgi değil, eni (13 birim) ve kalınlığı (0.44 birim) olan bir kütle — yan duvarlar hacmi okutuyor. Virajlarda kırmızı-beyaz kerb, tur boyunca yumuşak iniş-çıkış (kot) ve hafif dever var. Hız renklendirmesi asfaltın kendisinde değil, üzerine çizilen yarış çizgisinde: virajda apekse kaçar, kırmızıdan yeşile döner. Damalı start/finiş, iki sektör kapısı, altta zemin ve izdüşüm gölgesi. Fare veya parmakla döndür.
≈165 KB (three.js paylaşımlı) + ≈6.3 BİN ÜÇGEN / ~0.3 MB GPU TAMPONU · MOBİL RİSKİ: ORTA · UYAR: /telemetry, /driver, /path — tur analizi görseli
Resend tarzı: sahnede tek basit geometri, yüzey normaline göre renk veren özel GLSL shader ile hafif yanardöner etki. Koyu zeminde sakin, yavaş döner. Solda sage, sağda kırmızı varyant.
≈160 KB paylaşımlı + ~1 KB shader · MOBİL RİSKİ: DÜŞÜK-ORTA (tek nesne, küçük alan) · UYAR: /submit, /about, /contact — tek odaklı görsel imza