Netscape Meteors

 (erynwells.me)
2 điểm bởi GN⁺ 2023-08-04 | 1 bình luận | Chia sẻ qua WhatsApp
  • Quá trình tìm bản gốc của animation tải “meteors” trong Netscape Navigator, gắn liền với ký ức web thời thơ ấu, kéo dài nhiều ngày; kích thước gốc dùng làm chuẩn là 60×60 px
  • Các ứng viên tìm thấy trên web đều khác bản gốc; đặc biệt phiên bản 400×400 px quá lớn và pixel bị biến dạng như hình chữ nhật nên khó tin cậy
  • Đã kiểm tra cả mirror GitHub Netscape 5.0 và các archive mã nguồn cũ trên Mozilla FTP, nhưng file animation đã bị loại bỏ
  • Khi nhờ trợ giúp trên Mastodon, một người bạn đã tag Jamie Zawinski; từ trang mà ông, người từng tham gia phát triển Netscape Navigator, gửi lại, đã tìm được bản gốc
  • Trong bản gốc còn một artifact nhỏ ở bên trái frame 10; các bản chỉnh sửa 60×60 px và 240×240 px đã được tạo bằng cách hiệu chỉnh cho khớp với các pixel xung quanh

Quá trình truy tìm bản gốc animation Netscape

  • Mục tiêu là tìm bản gốc của animation “meteors” trong Netscape Navigator
    • Animation này là hình ảnh gắn rất chặt với ký ức của tác giả về việc khám phá web thời thơ ấu
    • Kích thước gốc là 60×60 px
  • Tìm kiếm trên web cho ra nhiều ứng viên, nhưng chưa đủ để xem là bản gốc
    • Một phiên bản có kích thước 400×400 px, quá lớn
    • Do resize sai cách, các pixel bị biến dạng như hình chữ nhật
  • Việc dò tìm trong các archive mã nguồn cũng không đem lại kết quả ngay

Phản hồi của Jamie Zawinski và bản chỉnh sửa

  • Sau khi nhờ trợ giúp trên Mastodon, một người bạn đã tag @jwz để hỏi liệu ông có giữ file hay không
  • Jamie Zawinski đã trực tiếp trả lời, và từ trang ông gửi, tác giả đã tìm được animation tải Netscape meteors
    • Jamie Zawinski từng tham gia nhiều dự án phần mềm trong thập niên 1990 và cũng có liên quan đến công việc trên Netscape Navigator
    • Ông tạo ra và duy trì Xscreensaver, và hiện đang vận hành DNA Lounge ở San Francisco
  • Trong bản gốc tìm được còn một artifact nhỏ ở bên trái frame 10
    • Phần đó được render như các pixel màu đỏ và cam
    • Tác giả đã tạo một bản chỉnh sửa bằng cách thay các pixel này bằng những pixel hài hòa với vùng xung quanh
  • Bản chỉnh sửa được tạo thành phiên bản 60×60 px và phiên bản lớn hơn 240×240 px

Bài viết liên quan

1 bình luận

 
GN⁺ 2023-08-04
Ý kiến trên Hacker News

  • Có thể trích xuất animation từ Netscape Communicator tải từ winworldpc.com bằng một quy trình khá đơn giản: 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
    Ở đây, extract_images.py là công cụ của dự án https://github.com/akx/res-extract. Trước đây có người cần biểu tượng Excel 95 nên tôi đã làm nó cho họ
    Tuy nhiên kết quả chỉ là các khung hình 32x32, chứ không phải bản 60x60 đẹp như trong bài: https://i.imgur.com/sXcEEDU.png

    • Trên di động gần như không thể xem được ảnh thật trên trang imgur. Không hẳn là muốn phàn nàn, nhưng phía trên là một quảng cáo Futurama khổng lồ, phía dưới là nội dung quảng bá, còn ảnh đó chỉ chiếm khoảng 3% màn hình nên khá buồn cười. Tất nhiên cũng vì ảnh chỉ cao 30px
    • Nếu là “trước đây có người cần biểu tượng Excel 95 nên tôi đã làm nó cho họ” thì tôi cũng muốn giới thiệu reshacker.exe: http://www.angusj.com/resourcehacker/
      Hồi tuổi teen tôi đã dành rất nhiều thời gian dùng nó để thay đổi đồ họa Windows. Chẳng hạn như đổi ảnh màn hình tải Windows hoặc màn hình tắt PC; đó là một thời rất vui
    • Có thể đoán được từ tên gọi, đây là phiên bản Netscape Communicator muộn hơn, hào nhoáng hơn và nhiều màu hơn so với thứ được nói trong bài. Thường được gọi là “Netscape 4”, với UI ngả vàng hơn và “chi tiết” hơn
      Bài viết có lẽ nói về animation của Netscape Navigator phiên bản 3, tức “Netscape 3”
      Navigator: https://duckduckgo.com/?q=netscape+navigator&t=h_&iar=images...
      Communicator: https://duckduckgo.com/?q=netscape+communicator&t=h_&iar=ima...
    • Giờ tôi tò mò không biết tổng cộng có bao nhiêu phiên bản animation sao băng
      Có một animation chỉ tách riêng phần vòng lặp ở đây. Khung hình đầu tiên bị loại bỏ: https://i.ibb.co/DMDBR7L/Netscape-Communicator-Meteor-Loop.g...

  • Trong kho lưu trữ website Dataglyph (Marsh Chamberlain) có các phiên bản khác của animation này: https://web.archive.org/web/20011214155044/http://dataglyph....
    Ở phiên bản cũ hơn của site, còn ghi rằng la bàn xoay, một biểu tượng không được dùng, cũng do Dataglyph tạo ra: https://web.archive.org/web/19981206034010/http://www.datagl...

    • Thật ngạc nhiên không biết người ta tìm ra những thứ như vậy bằng cách nào

  • Tất cả đều ở đây. Không chỉ có bản Netscape 4: http://www.netscape-communications.com/netscapes-throbber-an...

    • Nhân lúc site hoạt động trở lại, xem qua thì tôi không chắc có thật là tất cả không. Có vẻ không có cái trong bài gốc. Cái trong bài gốc dường như cũng không phải Netscape 4, và theo [1] thì thứ bài gốc đang tìm là Netscape 1, tức “Netscape Navigator nguyên bản” như tác giả nói
      Ngoài ra ảnh ở [1] có dấu hiệu đã bị chỉnh sửa. Nó có viền trắng, có vẻ thiếu vài khung cuối, và bảng màu cũng không khớp hẳn. Ngược lại, bảng màu trong bài gốc có đúng cảm giác của thời đó, khiến luận điểm của bài càng thuyết phục hơn
      [1]: https://www.versionmuseum.com/history-of/netscape-browser
    • Thật trớ trêu khi ai đó đã bỏ thời gian tái hiện trong một bài blog một mảnh nhỏ của thứ từng được hàng nghìn người nhìn thấy. Cảm giác như một thời đại mà thông tin rải rác như những hòn đảo
    • Có vẻ site đó không chịu nổi lượng truy cập từ HN. Dù vậy bài blog vẫn còn sống
    • NCSA Mosaic là đỉnh nhất. Đặc biệt nhớ thời chạy nó trên SunOS

  • Sự kết hợp giữa dithering và bảng màu đã lượng tử hóa khiến người ta nhớ cực kỳ rõ về thời đó

    • Lâu lắm rồi mới nhớ lại màu an toàn cho web (web-safe colors)
    • Nhìn ví dụ so sánh đặt cạnh nhau ở cuối bài, đặc biệt màu đỏ được dithering khá thú vị

  • À, biểu tượng Netscape Navigator. Những kỷ niệm ấm áp. Bảng màu của trang Netscape và trình duyệt thật đẹp và dễ chịu
    Khi sao băng chuyển động thì biết là đã kết nối Internet; nếu nó không chuyển động thì phải gọi lại sau

  • Tất nhiên nghe hơi buồn cười, nhưng IE 3 và 4 luôn “có cảm giác” nhanh hơn Netscape vì tốc độ animation
    Tôi vẫn luôn thắc mắc liệu Microsoft có cố tình làm nó nhanh hơn để nhắm vào nhận thức đó không

    • Chắc chắn là có khác biệt. Đội Facebook đã đổi loader khởi động của ứng dụng iOS từ kiểu vạch sọc Facebook ||||| sang spinner iOS tiêu chuẩn, vì người dùng cảm thấy Facebook chậm với loader Facebook, còn với spinner iOS thì lại cảm thấy iPhone chậm
    • Chuyện đó hoàn toàn không buồn cười, mà gần với tâm lý con người hơn. Trước đây tôi từng đọc một bài nói rằng dù thực tế chậm hơn, nếu có phản hồi hiển thị thì người ta sẽ cảm thấy nhanh hơn
      Nếu muốn tự thử, hãy tạo một app có 3 nút bằng ngôn ngữ bạn thích. Nút đầu tiên đợi 9 giây rồi hiển thị “done”, nút thứ hai cập nhật thanh tiến trình mỗi giây trong 10 giây rồi hiển thị “done”, nút thứ ba cập nhật thanh tiến trình mỗi 100ms trong 10 giây rồi hiển thị “done”. Xem bên nào cho cảm giác nhanh nhất
    • Tôi muốn khảo sát chuyện đó. Sẽ rất hay nếu căn thời điểm thay đổi UI theo việc có hay không spinner/loader bị giật hoặc khựng, rồi so sánh nhận thức của người dùng thay đổi thế nào
      Nếu có cảm giác mượt mà, người ta thấy như cỗ máy được lập trình tốt và gọn gàng; còn animation GIF chậm thì tạo cảm giác có gì đó sai sai
    • Có phải đang nói đến icon mây di chuyển phía sau logo Windows không? Trên laptop của tôi tốc độ nhanh đến vô lý, trông như mây đang chạy ở tốc độ warp vậy. Tôi không nhớ có phải IE 3 không, nhưng lúc nào nó cũng trông kỳ lạ
      Sửa: là IE 2
    • Các phiên bản IE đầu tiên thật sự nhanh và cũng nhiều tính năng. Kích thước file thực thi cũng khá nhỏ

  • Đúng là chạm mạnh vào nỗi hoài niệm. Đó là một thời điểm tuyệt vời để gia nhập World Wide Web

    • Đó là thời kỳ web thuần túy, không đủ thứ trang trí rườm rà
      Rồi Netscape tạo ra JavaScript, ban đầu là Mocha/LiveScript, và cuối cùng dẫn tới dáng vẻ như bây giờ
    • Cũng làm tôi nhớ đến một trong những dự án lập trình đầu tiên của mình. Thầy giáo đã làm một game tàu vũ trụ cho Netscape, còn tôi port nó sang mô hình UI của IE
      Khi đó chưa có DOM chuẩn hóa, và theo tôi nhớ thì cố tình tạo bất tương thích là một phần trong chiến lược của Microsoft

  • Tôi sẽ đặt ở đây một chồng tạp chí .net và Wired, bạn chỉ việc nghe tiếng modem bắt tay là được

    • Cũng đừng quên tạp chí “Yahoo! Internet Life”

  • Có ai biết ban đầu animation được tạo bằng quy trình nào không? Tôi tò mò không biết họ vẽ tay từng frame, hay dùng kỹ thuật nào khác

    • Tôi đoán là họ tự vẽ các frame, nhưng thời đó cũng có công cụ chuyển ANI sang GIF
      Vì vậy cũng có thể nó được làm trong 3D Studio Max, Maya của SGI, hoặc Lightwave trên Amiga, rồi đi qua .ANI sang .GIF
      Nếu đúng thế thì biết đâu còn có cách đào lại file project gốc để render 8K thật đẹp
    • Tôi nghĩ đó là một workflow kiểu hack như thế này. Animation cơ bản và render ánh sáng có khả năng được làm bằng thứ như Autodesk 3D Studio R3/R4 (DOS) hoặc Lightwave 3D (Amiga), vì làm thủ công thì quá địa ngục
      Sau đó có lẽ là trộn thêm phần mềm tùy biến để tối ưu palette, Mac Photoshop để compositing, và chỉnh tay từng frame. Thứ tự không nhất thiết đúng như vậy
      3ds Max ra mắt năm 1996, Maya năm 1998. Tuy nhiên Netscape do Jim Clark, người nổi tiếng với SGI, sáng lập, nên khả năng cao phần 3D được làm bằng phần mềm chạy trên máy SGI
    • Đó là một ảnh bitmap gồm các frame riêng lẻ được ghép nối theo chiều ngang. Đây từng là cách phổ biến để tạo những thứ như vậy trong các GIF động rất nhiều và rất được ưa chuộng trên web một thời: http://leighb.com/throbgif.htm

  • Đó là thời đại mà Internet khiến người ta cảm thấy như bất cứ ai cũng có thể mua một cuốn sách dày 6 inch ở Borders Bookstore, ngồi đọc và học HTML, rồi bắt tay làm ngay và xây dựng sự nghiệp
    Thực tế tôi đã làm đúng như vậy, và lúc mới bắt đầu tôi dùng chương trình có sẵn trong Netscape