dtbb

Browser Ludum Dare Games

Live at: https://zenmumbler.net/dtbb

Ini adalah konsep situs web yang saya buat untuk dengan cepat mencari melalui banyak entri yang dikirimkan untuk Ludum Dare Game Jams. Situs LD resmi maupun yang lama tidak pandai mencari melalui permainan.

Fitur Situs:

• Cari sejumlah istilah pada indeks teks lengkap atas semua teks dalam pengiriman.
• Filter dengan jenis unduhan seperti Mac, Win, Linux, HTML5, dll.
• Filter berdasarkan kategori (semua, compo, selai)
• Semua penyaringan instan, memungkinkan Anda untuk bermain -main dengan istilah pencarian dengan bebas
• Tautan langsung (di tab baru) ke game apa pun yang ingin Anda mainkan (tautan ke halaman entri LD)
• Desain visual yang menghebohkan (desain baru disambut?)

Cobalah sekarang!

Bangunan

Berikut ini, ganti pnpm dengan manajer paket yang Anda gunakan, saya menggunakan PNPM.

1. Instal Ketergantungan: pnpm install
2. Untuk Menjalankan untuk Pengembangan dan Pengujian Lokal: pnpm run dev Ini juga akan memulai server lokal dengan AutoReload
3. Untuk membangun kode produksi yang lebih terpini: pnpm run build

Mengimpor data

Catatan dengan baik : Data penuh yang diproses untuk semua acara yang didukung sudah ada di file site/data/ldXY_entries.json . Semua file spidered (kecuali untuk thumbnail) juga hadir, meskipun zip, dalam import/spider_data/entry_pages . Buka ritsleting ini untuk menggunakannya dalam proses ekstraksi impor. Hanya mengacaukan hal -hal impor jika Anda merasa menarik karena suatu alasan.

Di folder import Run node import untuk mendapatkan daftar perintah yang tersedia, saat ini mereka listing , entries , thumbs dan extract . Masing -masing perintah ini mengambil 1 atau 2 angka sebagai parameter, mereka adalah indeks awal dan akhir dari nomor acara LD ("masalah") untuk diproses.

listing 15 Mendapat daftar entri untuk LD 15.
entries 20 25 Unduh Halaman Entri untuk LDS 20 hingga 25 Inklusif.
dll.

entries dan thumbs mengharuskan data yang diunduh dengan listing dan extract memerlukan halaman entri yang diunduh oleh entries . Jadi untuk mengunduh dan memproses semua data yang akan Anda lakukan seperti:

 node import listing 15 38
node import entries 15 38
node import extract 15 38
node import thumbs 15 38 (optional)

Perhatikan bahwa masing -masing operasi ini akan memakan waktu cukup lama. Menggoreskan terjadi secara berurutan, baik untuk alasan kesederhanaan dan tidak terlalu memalu situs LD dan ekstrak penuh dari semua entri ~ 35K akan memakan waktu sekitar 20-30 menit.

LDS sebelum #15 tidak memiliki sistem pengiriman terstruktur dan tidak didukung. Importir mendukung, sebagian besar, mengimpor acara di situs LDJam.com baru (#38 dan lebih baru). Hal utama yang dinonaktifkan adalah deteksi platform, yang menghasilkan terlalu banyak kekosongan/positif palsu pada data dari situs baru.

Detail

Situs ini adalah aplikasi web khusus klien, tidak ada komponen server. Ini di -host sebagai situs web statis S3. Situs yang di -host S3 kemudian ditenagai oleh Cloudflare yang menangani caching, kompresi aset, minifikasi dan hal -hal menyenangkan lainnya. Ini memiliki keuntungan dari biaya yang sangat rendah bagi saya (pikirkan sen per bulan) karena saya tidak perlu membayar untuk hosting web atau instance EC2 dan itu memaksa saya untuk menjadi kreatif menjalankan semuanya secara lokal.

Jadi, sementara proyek ini dimulai terutama untuk mengatasi frustrasi saya dengan situs web LD yang sudah tua itu berubah menjadi proyek di mana saya dapat mengeksplorasi dan berlatih dengan beberapa fitur web (dev) yang belum saya lakukan. Jadi, jika hal -hal sedikit lebih kompleks daripada yang seharusnya untuk aplikasi sekecil ini, maka itulah sebabnya. Untuk sedikit pun, saya telah membuat/melakukan hal berikut:

• Pengikis situs berbasis node lengkap yang mengambil daftar dan halaman entri tunggal dan mengekstrak data dari halaman-halaman tersebut (menggunakan JSDOM) ke dalam file katalog JSON.
• (Pada tahun 2016) saya meneliti dan bereksperimen dengan sebagian besar sistem pembuatan web di luar sana dan memilih kombinasi Gulp + Rollup untuk kode karena mudah dan menghasilkan output yang bersih dan bebas crud. (Total Kode Aplikasi Minified hanya ~ 33kb) pada tahun 2020 ini diganti dengan proses pembuatan berbasis rollup.
• Tampilan kisi-kisi pengguliran yang menggulung sel untuk memungkinkan seseorang menggulir ribuan entri tanpa penalti atau penalti memori.
• Komponen pencarian fullText on-the-fly yang dapat mencari ngram dengan panjang berapa pun. Situs membatasi ini hingga 2 hingga 12 karakter demi ukuran indeks. Indeks dapat (DE) membuat serial dari/ke objek JSON sederhana.
• Pengindeks dapat digunakan secara lokal atau sebagai pekerja web untuk pemrosesan data yang tidak sinkron membebaskan utas UI. Pembungkus API sederhana memungkinkan untuk permintaan/respons penggunaan yang berbasis janji dari pekerja.
• Pembungkus alur kerja yang diketik berdasarkan janji yang bagus di sekitar IndexedDB. Ini digunakan untuk menyimpan katalog cache dan data indeks teks yang memungkinkan penelusuran entri offline. (Baru) Ini sekarang menjadi proyek terpisah dan tersedia sebagai paket NPM.
• (Pada tahun 2016) sebagai pengganti menggunakan mesin templating besar, saya membuat tipe yang ditonton dan watchable yang sederhana yang mendorong props-down yang sama, paradigma metode-up seperti misalnya vue. Status situs menggunakan konsep yang sama dengan yang digunakan Vue, dll. Pada tahun 2020 saya mengganti ini dengan situs berbasis langsing, yang masih menghasilkan ~ output kode 33kB.

Penafian

Data di situs langsung dikikis dari situs web Ludum Dare yang lama dan baru. DTBB memiliki salinan lengkap dari semua thumbnail dan data katalog yang dihosting di S3.

Kategorisasi platform entri didasarkan pada tautan dan judul unduhan mereka. Saya mencoba menjadi cukup pintar tetapi mungkin ada positif palsu.

Baik proyek ini maupun saya tidak berafiliasi dengan atau didukung oleh staf Ludum Dare. Saya tidak memiliki atau mengklaim memiliki data yang diekstraksi dari situs LD. Bahkan, jika Anda ingin membuat sesuatu yang keren, gunakan file ldxy-entries.json di Situs/Data Dir dan cobalah.

Sekarang pergi dan membuat, bermain dan menilai game.