Show HN: Game WebGL terinspirasi Marble Madness yang dibuat untuk Netlify

• Netlify membagikan kabar bahwa mereka telah mencapai 5 juta developer
• Dalam prosesnya, ada banyak momen yang menyenangkan dan juga penting
• Melalui perjalanan ini, Anda bisa melihat bagaimana mereka sampai ke titik ini, dan peran apa yang Anda mainkan dalam kisah ini

[GN⁺]

Pendapat di Hacker News

• Tantangan paling seru adalah menghindari titik putih bercahaya di jalur

  • Fokus tim ini pada membuat game yang menyenangkan benar-benar patut dipuji. Titik-titik bercahaya itu mudah dihindari, dan cerita yang disampaikan di sana juga tidak mengganggu, jadi ini terlihat seperti kompromi yang bisa dimaklumi
  • Rasanya titik-titik itu seharusnya menjadi semacam power-up yang membuat kita ingin menabraknya
    Saat ini, mengetahui tentang perusahaan terasa seperti hukuman, yang sepertinya bukan maksudnya
    Kalau ada yang bingung karena menginjak titik lalu tidak tahu cara keluar dari layar informasi, tekan tombol panah. Saya baru mengetahuinya setelah cukup lama mencoba Esc dan klik
    Meski begitu, idenya benar-benar keren
  • Saya juga melakukan hal yang sama: memainkan game ini sebagai menghindari titik putih. Rasanya ini juga menyentuh persoalan yang lebih dalam tentang bagaimana sebuah merek berelasi dengan saya dalam game bersponsor perusahaan. Mungkin menamai gamenya “Avoid the white dots” justru bisa menjadi satu langkah ke arah itu
    Saat menonton konten di YouTube lalu iklan menerobos masuk, saya berpikir, “Apa yang dipikirkan merek-merek ini, masuk ke ruang keluarga saya di tengah konten lalu mencoba menjual tampon?” Setelah itu rasanya saya tidak akan pernah membeli tampon itu lagi
    Namun saya suka game ini dan studio yang membuatnya. Sebagai masukan jujur, saya masih belum tahu apa yang dilakukan perusahaan yang mensponsori game ini. Tidak ada koneksi emosional, dan saya juga tidak cukup tertarik untuk mencari tahu apa yang mereka lakukan
    Dulu, saat melihat karya seni yang hebat, saya jadi ingin mengetahui lebih jauh apa yang ada di baliknya, sang pembuatnya, dan kalau benar-benar luar biasa, bahkan tahap berikutnya. Merek seperti Panic membuat saya melakukan hal semacam itu
    Saya ingat iklan asuransi Geico di YouTube yang berkata, “Iklan ini sudah selesai, jadi tidak bisa dilewati.” Menurut saya itu hebat karena berempati dengan penonton. Menamai game ini “Avoid the dots” mungkin bisa menghasilkan efek serupa
    Setelah berpikir sebentar di balkon, saya membayangkan bagaimana kalau di awal game ditampilkan judul besar putih bergaya Super-hot: “Avoid the dots (Speedrun challenge)”, lalu di akhir tiap level menampilkan papan rekor terbaik. Dengan begitu mungkin ada peluang viral di komunitas speedrun
  • Saya juga memainkannya sebagai tantangan speedrun 0%

• Saya salah satu developer yang terlibat dalam proyek ini. Kalau ada pertanyaan, saya bisa menjawab
  Informasi proyek ada di sini: https://www.littleworkshop.fr/projects/5milliondevs/

  • Benar-benar dibuat dengan baik dan berhasil menangkap nuansa Marble Madness. Mungkin saya terlalu memikirkannya, tapi saya suka rotasi bolanya. Versi asli tidak menyampaikan bagian itu sekeren versi ini
  • Dibuat dengan baik. Namun di level 5 ada tiga kotak pantul hijau; kalau jatuh ke salah satunya, bola memantul ke yang kedua lalu ke yang ketiga, kemudian menembus platform seperti noclip dan masuk ke kondisi “jatuh ke kehampaan”. Setelah itu respawn di bawahnya dan langsung mati terus. Ada bug, jadi saya tidak ingin mengulang dari awal. Akan bagus kalau dirilis sebagai open source
  • Benar-benar menyenangkan. Tepat sebelum lubang kecil di level 2, MacBook saya mulai sedikit melambat, dan deteksi tabrakan entah bagaimana menyedot bola ke dalam lantai
    https://imgur.com/ZANb1cT
  • Dibuat dengan baik, dan saya penasaran dengan sisi teknisnya. Untuk adegan dan objek 3D, framework apa yang dipakai? Bagaimana gerakan kamera ditangani agar mengikuti bola, dan library apa yang dipakai untuk suara? Saya juga ingin tahu bagaimana fisikanya diimplementasikan
  • Saya penasaran berapa orang yang terlibat dalam proyek ini dan berapa lama pengembangannya. Dibuat dengan baik

• Untuk sesuatu yang tampaknya dibuat sebagai iklan singkat, kualitas gamenya jauh melebihi yang diperlukan. Implementasinya bagus, kontrolnya sempurna, dan desain level-nya juga baik
  Saya juga sangat menikmati adanya beberapa jalur dan fakta bahwa sebagian besar tampilan iklan bisa dilewati
  Sayang sekali ini bukan game lengkap. Kalau iklannya dihapus dan ditambahkan level yang lebih kompleks dengan teka-teki, ini bisa menjadi game kecil yang sempurna untuk jeda singkat

  • Saya terkejut kontrol WASD bekerja sebaik ini. Benar-benar intuitif
  • Saya melihat satu bug kontrol. Jika menahan tombol saat sedang muncul atau sebelum muncul, itu tidak terdaftar sebagai input
  • Ballance juga layak dicoba
    https://www.gog.com/en/game/ballance

• Rasanya ini pertama kalinya saya melihat game online memberi instruksi dengan benar untuk memakai tombol WARS sebagai tombol gerak. Senang sekali melihat mereka menangani tata letak non-QWERTY
  Optimisasinya juga hebat. Di MacBook 2012 dengan GPU terintegrasi HD 4000 yang tua pun berjalan sepenuhnya mulus, dan untuk standar game web masa kini itu bukan hal kecil

  • Terima kasih. Sebagai pengguna AZERTY, saya sangat paham rasa sakit memakai situs web yang hanya memikirkan keyboard AS
    Kalau ada yang penasaran, untuk menangani tata letak keyboard internasional kami memakai metode getLayoutMap dari Keyboard API
    https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

• Menyenangkan. Saya sama sekali tidak tertarik pada “fakta Netlify”, tetapi menggulirkan bola itu menyenangkan dan pengalaman bermain yang mulus terasa mengesankan. Dibuat dengan baik

• Sepertinya belum ada yang membicarakan ini di sini, tetapi menariknya Marble Madness dirancang oleh Mark Cerny
  https://en.m.wikipedia.org/wiki/Marble_Madness
  https://en.m.wikipedia.org/wiki/Mark_Cerny
  Ia lebih dikenal sebagai perancang PS4 dan PS5
  Selain itu, ada yang bisa menjelaskan Netlify itu perusahaan yang melakukan apa? Saya sudah melihat situsnya, dan meski saya paham hal seperti ini sulit dijelaskan dengan bahasa pemasaran, pada akhirnya saya tetap tidak jadi lebih tahu. Saya bekerja sebagai programmer, jadi mungkin saya bukan target pelanggannya

  • Saya tidak tahu apakah sekarang masih begitu, tetapi sekitar 5 tahun lalu Netlify adalah hosting Jamstack yang cukup solid, menyediakan deployment berbasis Git dengan CI/CD bawaan untuk orang yang tidak ingin mengelola VPS sendiri

• Sedikit keluar dari topik, tapi Marble Madness adalah salah satu pemicu besar yang membuat saya mulai memprogram. Ayah saya memainkan game ini saat kecil dan sangat terkesan, jadi saya juga mencobanya lewat MAME ketika masih kecil
  Saya terkejut mengetahui bahwa komputer bisa mensimulasikan objek yang jatuh dengan cukup kompleks di ruang isometrik, tetapi saat itu saya sama sekali tidak tahu cara mereplikasinya dengan Game Maker 7. Setelah kemampuan matematika saya meningkat, hal itu memengaruhi proyek yang saya buat saat remaja, dan proyek itu masih ada di CV saya sampai sekarang

• Apakah ada kemungkinan ini dirilis sebagai open source? Sepertinya ini akan menjadi contoh yang bagus untuk menunjukkan banyak hal yang saat ini hampir tidak ada tutorialnya

  • Saya penasaran tutorial seperti apa yang menurut Anda kurang. Ini memang pengalaman kecil yang dipoles dengan baik, tetapi menurut saya tidak ada bagian yang secara khusus inovatif atau sulit dibuat dengan materi yang sudah ada sekarang. Apakah ada bagian tertentu dari yang dibagikan yang terlihat sangat sulit?
  • Untuk saat ini belum ada rencana open source, tetapi ke depannya saya berniat membagikan informasi di balik layar pembuatan

• Apakah ada halaman yang menjelaskan secara teknis apa itu Netlify? Yang terlihat semuanya hanya kalimat pemasaran, jadi saya tidak paham

  • Web hosting yang siap dipakai. Seret folder build ke sana, lalu Anda mendapat URL. Atau hubungkan repositori Git
  • https://docs.netlify.com/platform/what-is-netlify/
  • Sepertinya Anda sudah menjawabnya sendiri. Ini tampak seperti platform yang menambahkan lapisan abstraksi dan kompleksitas di atas aplikasi web biasa, dan ironisnya dirancang untuk menarik pengguna nonteknis dengan menjanjikan pengalaman membuat situs web yang seolah ajaib dan tanpa hambatan

• Dibuat dengan indah dan sangat bagus. Ini juga mengingatkan saya pada game lama bernama Ballance yang dulu saya mainkan. Aneh bagaimana memori bekerja seperti ini
  [1] https://en.wikipedia.org/wiki/Ballance_(video_game)