Netscape Meteorları

 (erynwells.me)
2 puan yazan GN⁺ 2023-08-04 | 1 yorum | WhatsApp'ta paylaş
  • Çocuklukta web’le ilgili anılara bağlı olan Netscape Navigator’ın “meteors” yükleme animasyonunun orijinalini bulma süreci birkaç gün sürdü ve referans alınan özgün boyut 60×60 px idi
  • Web’de bulunan adaylar orijinalle uyuşmuyordu; özellikle 400×400 px sürüm çok büyüktü ve pikseller dikdörtgen gibi bozulmuş olduğundan güven vermiyordu
  • Netscape 5.0 GitHub aynası ve Mozilla FTP’deki eski kaynak arşivleri bile incelendi, ancak animasyon dosyası çoktan kaldırılmıştı
  • Mastodon’da yardım istenince bir arkadaş Jamie Zawinski’yi etiketledi ve Netscape Navigator çalışmalarına katılmış olan onun gönderdiği sayfada orijinal bulunabildi
  • Orijinalde 10. karenin sol tarafında küçük bir artefakt kalmıştı ve çevredeki piksellere uyacak şekilde düzeltilmiş 60×60 px ve 240×240 px sürümleri oluşturuldu

Netscape animasyonunun orijinalini iz sürerek bulma süreci

  • Amaç, Netscape Navigator’ın “meteors” animasyonunun orijinalini bulmaktı
    • Bu animasyon, yazar için çocuklukta web’i keşfetme anılarıyla güçlü biçimde bağlantılı bir görüntüydü
    • Orijinal boyut 60×60 px idi
  • Web aramasıyla birkaç aday bulundu, ancak bunlar orijinal sayılacak kadar yeterli değildi
    • Bir sürüm 400×400 px idi ve fazla büyüktü
    • Hatalı yeniden boyutlandırma nedeniyle pikseller dikdörtgen gibi görünüyordu
  • Kaynak arşivlerini taramak da hemen sonuç vermedi

Jamie Zawinski’nin yanıtı ve düzeltilmiş sürümler

  • Mastodon’da yardım istendikten sonra bir arkadaş @jwz hesabını etiketleyerek dosyanın onda olup olmadığını sordu
  • Jamie Zawinski bizzat yanıt verdi ve onun gönderdiği sayfada Netscape meteors yükleme animasyonu bulunabildi
    • Jamie Zawinski, 1990’larda çeşitli yazılım projelerinde yer aldı ve Netscape Navigator çalışmalarına da katkıda bulundu
    • Xscreensaver'ın yaratıcısı ve bakımını üstlenen kişidir; ayrıca bugün San Francisco’daki DNA Lounge’u işletmektedir
  • Bulunan orijinalde 10. karenin sol tarafında küçük bir artefakt kalmıştı
    • Bu bölüm kırmızı ve turuncu pikseller gibi render ediliyordu
    • Yazar, bu pikselleri çevreyle uyumlu piksellerle değiştirdiği düzeltilmiş bir sürüm oluşturdu
  • Düzeltilmiş sürümler 60×60 px ve daha büyük 240×240 px boyutlarında hazırlandı

İlgili okumalar

1 yorum

 
GN⁺ 2023-08-04
Hacker News yorumları

  • winworldpc.com’dan aldığım Netscape Communicator’dan animasyonu oldukça basit bir prosedürle çıkarabildim: binwalk -e cc32d48.exe, cd _cc32d48.exe.extracted, unshieldv3 extract comm.z comm, python extract_images.py --ico --png -d ns/ ~/Downloads/Netscape/_cc32d48.exe.extracted/comm/program/*.dll --continue-on-errors
    Buradaki extract_images.py, https://github.com/akx/res-extract projesindeki bir araç. Eskiden biri Excel 95 simgesine ihtiyaç duyduğunu söylemişti, ben de onun için yapmıştım
    Ancak sonuç, yazıdaki o güzel 60x60 değil, yalnızca 32x32 karelerdi: https://i.imgur.com/sXcEEDU.png

    • Mobilde imgur sayfasındaki gerçek görseli görmek neredeyse imkânsız. Şikâyet etmek istemem ama üstte devasa bir Futurama reklamı, altta tanıtım içeriği var; ekranın yaklaşık %3’ü ancak ilgili görsel, bu yüzden biraz absürt. Tabii görselin yüksekliği zaten sadece 30px olduğu için de böyle
    • “Eskiden biri Excel 95 simgesine ihtiyaç duyduğunu söylemişti, ben de onun için yapmıştım” denince reshacker.exe’yi de önermek isterim: http://www.angusj.com/resourcehacker/
      Ergenlik yıllarımda bununla Windows grafiklerini değiştirerek çok zaman geçirdim. Örneğin Windows yükleme ekranını veya PC kapatma ekranı görselini değiştirmek gibi; eğlenceli zamanlardı
    • Adından da anlaşılabileceği gibi bu, yazıda ele alınandan daha sonraki, daha gösterişli ve daha renkli Netscape Communicator sürümü. Genelde “Netscape 4” diye bilinen, daha altın tonlu ve daha “detaylı” bir arayüzdü
      Yazı muhtemelen Netscape Navigator sürüm 3’ün, yani “Netscape 3”ün animasyonunu ele alıyor gibi
      Navigator: https://duckduckgo.com/?q=netscape+navigator&t=h_&iar=images...
      Communicator: https://duckduckgo.com/?q=netscape+communicator&t=h_&iar=ima...
    • Şimdi meteor animasyonu sürümünden toplam kaç tane olduğunu merak etmeye başladım
      Sadece döngü kısmından yapılmış animasyon burada. İlk kare hariç tutulmuş: https://i.ibb.co/DMDBR7L/Netscape-Communicator-Meteor-Loop.g...

  • Dataglyph web sitesinin (Marsh Chamberlain) arşivinde bu animasyonun başka sürümleri var: https://web.archive.org/web/20011214155044/http://dataglyph....
    Sitenin daha eski bir sürümünde, kullanılmamış bir simge olan dönen pusulayı da Dataglyph’in yaptığı yazıyor: https://web.archive.org/web/19981206034010/http://www.datagl...

    • İnsanların böyle şeyleri nasıl bulduğuna şaşıyorum

  • Hepsi burada. Sadece Netscape 4’e ait olanlar yok: http://www.netscape-communications.com/netscapes-throbber-an...

    • Site tekrar açılmışken baktım; gerçekten hepsi mi bilmiyorum. Orijinal yazıdaki yok gibi görünüyor. Orijinal yazıdaki de Netscape 4 değil gibi; [1]’e göre orijinal yazının aradığı şey Netscape 1, yani yazarın sözünü ettiği “original Netscape Navigator” tarafı gibi görünüyor
      Ayrıca [1]’deki görselde değiştirilmiş izleri var. Beyaz bir kenarlık var, son birkaç kare eksik gibi ve palet de tam uymuyor. Buna karşılık orijinal yazıdaki palet o dönemin hissini tam veriyor ve yazının ana fikrini daha da güçlendiriyor
      [1]: https://www.versionmuseum.com/history-of/netscape-browser
    • Binlerce kişinin gördüğü şeyin küçük bir parçasını birinin blog yazısında yeniden üretmek için zaman harcamış olması ironik. Bilginin adalar gibi dağınık olduğu bir dönem hissi veriyor
    • O site HN trafiğini kaldıramamış gibi. Yine de blog yazısı ayakta
    • NCSA Mosaic harikaydı. Özellikle SunOS’ta çalıştırdığım zamanları özlüyorum

  • O dithering ve kuantize palet kombinasyonu o dönemi inanılmaz güçlü biçimde hatırlatıyor

    • Web güvenli renkleri (web-safe colors) gerçekten çok uzun zamandır düşünmemiştim
    • En alttaki yan yana karşılaştırma örneğine bakınca, özellikle dither edilmiş kırmızı ilginç

  • Ah, Netscape Navigator simgesi. Sıcacık anılar. Netscape sitesinin ve tarayıcısının renkleri güzel ve rahattı
    Meteor hareket ediyorsa internete bağlandığımı anlardım; hareket etmiyorsa daha sonra tekrar çevirmem gerekirdi

  • Elbette biraz komik bir konu ama IE 3 ve 4, animasyon hızı yüzünden Netscape’ten her zaman daha hızlı “hissettirirdi”
    Microsoft’un bu algıyı hedefleyip özellikle daha hızlı yapıp yapmadığını hep merak etmişimdir

    • Kesinlikle fark var. Facebook ekibi iOS uygulamasının başlangıç yükleyicisini Facebook tarzı çizgili ||||| göstergeden standart iOS spinner’ına çevirmişti; çünkü kullanıcılar Facebook yükleyicisinde Facebook’un yavaş olduğunu, iOS spinner’ında ise iPhone’un yavaş olduğunu hissediyordu
    • Hiç de komik bir konu değil, daha çok insan psikolojisi. Daha önce, gerçekte daha yavaş olsa bile tepki gördüğünüzde daha hızlı hissettirdiğini söyleyen bir yazı okumuştum
      Kendiniz denemek isterseniz sevdiğiniz bir dilde 3 düğmeli bir uygulama yapmanız yeterli. İlk düğme 9 saniye bekleyip “done” göstersin; ikinci düğme 10 saniye boyunca her saniye ilerleme çubuğunu güncelleyip “done” göstersin; üçüncü düğme 10 saniye boyunca her 100 ms’de bir ilerleme çubuğunu güncelleyip “done” göstersin. Hangisinin en hızlı hissettirdiğine bakın
    • Bunu araştırmak isterdim. Takılan ya da kekelenen bir spinner/yükleyici olup olmamasına göre UI değişim zamanlamasını eşleştirip kullanıcı algısının nasıl değiştiğini karşılaştırmak iyi olurdu
      Akıcılık hissi varsa makine iyi programlanmış ve düzenliymiş gibi gelir; ama yavaş bir GIF animasyonu bir şeylerin yanlış olduğu hissini verir
    • Windows logosunun arkasında bulutların hareket ettiği ikondan mı bahsediyorsun? Dizüstümde hızı saçma derecede yüksekti; bulutlar warp hızında hareket ediyor gibiydi. IE 3 müydü hatırlamıyorum ama her zaman tuhaf görünürdü
      Düzeltme: IE 2’ymiş
    • İlk IE sürümleri gerçekten hızlıydı ve özellik açısından da zengindi. Çalıştırılabilir dosya boyutu da epey küçüktü

  • Nostaljiyi tam yerinden yakalıyor. World Wide Web’e katılmak için gerçekten harika zamanlardı

    • Her türlü süsten uzak, saf web dönemiydi
      Sonra Netscape JavaScript’i yaptı; başta Mocha/LiveScript’ti, sonunda bugünkü hâline kadar geldi
    • İlk programlama projelerimden birini de hatırlattı. Öğretmenim Netscape için bir uzay gemisi oyunu yapmıştı, ben de onu IE’nin UI modeline port etmiştim
      O zamanlar standartlaştırılmış bir DOM yoktu ve hatırladığım kadarıyla uyumsuzluğu dayatmak Microsoft stratejisinin ayaklarından biriydi

  • Şuraya bir .net ve Wired dergisi yığını bırakıyorum; modem handshake sesini dinleyebilirsiniz

    • “Yahoo! Internet Life” dergisini de unutmamak lazım

  • Orijinal animasyonun hangi süreçle yapıldığını bilen var mı? Her kare elde mi çizildi, yoksa başka bir teknik mi kullanıldı, merak ediyorum

    • Kareleri doğrudan çizmiş olabilirler gibi geliyor ama o dönemde ANI’yi GIF’e dönüştüren araçlar da vardı
      Bu yüzden 3D Studio Max’te, SGI’nin Maya’sında ya da Amiga’nın Lightwave’inde yapılıp .ANI üzerinden .GIFe gitmiş olabilir
      Öyleyse orijinal proje dosyalarını bulup harika bir 8K render üretmenin yolu da olabilir
    • Böyle hack’lenmiş bir iş akışı olmuş olabilir. Temel animasyon ve ışık render’ı Autodesk 3D Studio R3/R4 (DOS) ya da Lightwave 3D (Amiga) gibi bir şeyle yapılmış olabilir; elle yapmak fazla cehennem gibi olurdu
      Sonrasında palet optimizasyonu için özel yazılım, kompozit için Mac Photoshop ve kare kare elle yapılan işler karışmış olabilir. Sıra illa böyle olmayabilir
      3ds Max 1996’da, Maya 1998’de çıktı. Ancak Netscape’i SGI ile tanınan Jim Clark kurduğu için, 3D işlerin muhtemelen SGI makinelerinde çalışan yazılımlarla yapılmış olma ihtimali yüksek
    • Tek tek karelerin yatay olarak yan yana dizildiği bir bitmap görüntüydü. Bir süre web’de çok bulunan ve popüler olan animasyonlu GIF’lerde bunu yapmanın yaygın yolu buydu: http://leighb.com/throbgif.htm

  • İnternet denen şeyin, herkesin Borders Bookstore’dan 6 inç kalınlığında bir kitap alıp oturup okuyarak HTML öğrenebileceği, ardından hemen deneyip bir kariyer kurabileceği bir şey gibi hissettirdiği dönemdi
    Ben gerçekten de öyle yaptım; başlarken Netscape’in içinde gelen programı kullanmıştım