Dalam pendekatan inovatif untuk merayakan pencapaian 5 juta developer, Netlify menugaskan pembuatan game berbasis WebGL dengan konsep menggelindingkan kelereng yang telah menarik perhatian komunitas teknologi, tidak hanya untuk pesan pemasarannya tetapi juga untuk implementasi teknis dan gameplay berbasis fisika.
Implementasi Teknis
Game ini, yang dikembangkan oleh Little Workshop selama periode 8 minggu oleh tim yang terdiri dari dua orang, menampilkan pencapaian teknis yang mengesankan menggunakan Three.js untuk rendering dan mesin fisika Rapier 3D melalui WebAssembly. Tim pengembang memanfaatkan Unity untuk desain level, dengan alur kerja canggih yang melibatkan skrip Python Blender untuk optimasi geometri dan ekspor GLTF. Integrasi konten 2D dengan lingkungan 3D dicapai menggunakan transformasi CSS 3D, mendemonstrasikan perpaduan mulus teknologi web.
Tumpukan Teknis:
- Frontend: Three.js (rendering WebGL)
- Mesin Fisika: Rapier 3D (melalui WebAssembly)
- Desain Level: Unity Editor
- Alur Kerja Aset: Skrip Python Blender
- Format: GLTF
- Waktu Pengembangan: 8 minggu
- Ukuran Tim: 2 pengembang
Fisika dan Gameplay
Implementasi fisika kelereng telah mendapat pujian khusus dari komunitas karena nuansa realistisnya. Para pengembang mengungkapkan mereka menggunakan Rapier 3D untuk simulasi fisika inti, dengan kode khusus untuk efek spesial seperti daya tarik magnetik ke hotspot. Suara pantulan bola, menariknya, dibuat menggunakan rekaman bola basket, yang secara tidak sengaja berkontribusi pada nuansa karet yang memuaskan yang disukai pemain.
Tantangan Teknis dan Laporan Bug
Meskipun presentasinya terlihat mulus, pengguna telah melaporkan beberapa masalah teknis, terutama seputar deteksi tabrakan dan mekanisme respawn. Beberapa pemain mengalami loop respawn dan kegagalan deteksi tabrakan, terutama saat frame rate menurun. Tim pengembang mengakui masalah ini, menjelaskan:
Terkadang bola melakukan hal-hal aneh karena cara kerja deteksi tabrakan. Kami mencoba mengoptimalkan dan menghindari sebagian besar masalah tetapi hal tersebut masih bisa terjadi.
Masalah Teknis yang Diketahui:
- Kegagalan deteksi tabrakan saat penurunan frame rate
- Bug perulangan respawn di bagian level tertentu
- Masalah sensitivitas kontrol pada perangkat mobile
- Gangguan gestur khusus pada iOS
Optimasi Mobile
Pengalaman mobile menghadirkan tantangan unik, dengan beberapa pengguna melaporkan kontrol yang terlalu sensitif dan masalah khusus iOS dengan penanganan gestur. Para pengembang menerapkan solusi alternatif untuk fitur pemilihan teks dan berbagi Safari iOS, meskipun beberapa tantangan masih ada karena keterbatasan platform.
Respons Komunitas
Respons komunitas teknis sangat positif, dengan minat khusus pada potensi proyek ini sebagai sumber pembelajaran. Sementara beberapa pengembang meminta kode dibuat open source, yang lain telah mulai mengeksplorasi kemungkinan speedrunning, menyoroti kemampuan game untuk dimainkan ulang meskipun berasal dari inisiatif pemasaran.
Proyek ini berdiri sebagai contoh kemampuan pengembangan web modern, mendemonstrasikan bagaimana inisiatif pemasaran dapat mendorong batas-batas teknis sambil menciptakan pengalaman pengguna yang menarik.
Sumber Kutipan: Cloudflare 1.1.1.1