dtbb

Browser Ludum Dare Games

Live à: https://zenmubler.net/dtbb

Il s'agit d'un concept de site Web que j'ai fait pour rechercher rapidement les nombreuses entrées soumises pour les jams de jeu Ludum Dare. Ni les anciens ni les nouveaux sites LD officiels ne sont particulièrement bons pour rechercher les jeux.

Caractéristiques du site:

• Recherchez un nombre de termes sur un index de texte intégral sur tout le texte dans une soumission.
• Filtrez par des types de téléchargement tels que Mac, Win, Linux, HTML5, etc.
• Filtre par catégorie (tous, compo, jam)
• Tout le filtrage est instantané, vous permettant de jouer librement avec les termes de recherche
• Lier directement (dans un nouvel onglet) à n'importe quel jeu que vous souhaitez jouer (liens vers la page d'entrée LD)
• Un design visuel horrible (les nouveaux designs sont les bienvenus?)

Essayez-le maintenant!

Bâtiment

Dans ce qui suit, remplacez pnpm par le gestionnaire de packages que vous utilisez, j'utilise PNPM.

1. Installer les dépendances: pnpm install
2. Pour s'exécuter pour le développement et les tests locaux: pnpm run dev cela démarrera également un serveur local avec AutoreLoad
3. Pour construire le code de production minifié: pnpm run build

Importation de données

Remarque bien : les données complètes traitées pour tous les événements prises en charge sont déjà présentes dans les fichiers site/data/ldXY_entries.json . Tous les fichiers araignés (à l'exception des miniatures) sont également présents, bien que zippés, dans import/spider_data/entry_pages . Décompressez-les pour les utiliser dans le processus d'extraction d'importation. Ne gâchez que les trucs d'importation si vous le trouvez intéressant pour une raison quelconque.

Dans le dossier import exécutez node import pour obtenir une liste des commandes disponibles, en ce moment, ils sont listing , entries , thumbs et extract . Chacune de ces commandes prend 1 ou 2 nombres comme paramètres, ce sont les index de démarrage et de fin des numéros d'événements LD ("problèmes") à traiter.

listing 15 obtient la liste des entrées pour LD 15.
entries 20 25 Télécharge les pages d'entrée pour LDS 20 à 25 inclusives.
etc.

entries et thumbs nécessitent les données téléchargées par listing et extract nécessite les pages d'entrée téléchargées par entries . Donc, pour télécharger et traiter toutes les données que vous faites quelque chose comme:

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

Notez que chacune de ces opérations prendra un certain temps. Le grattage se produit séquentiellement, à la fois pour des raisons de simplicité et pour ne pas trop marteler le site LD et un extrait complet de toutes les entrées de ~ 35K prendra environ 20 à 30 minutes.

Les LD avant le n ° 15 n'avaient pas de système de soumission structuré en place et ne sont pas pris en charge. L'importateur prend en charge, pour la plupart, l'importation d'événements sur le nouveau site ldjam.com (# 38 et plus récent). La principale chose désactivée est la détection de plate-forme, qui a donné trop de vides / faux positifs sur les données du nouveau site.

Détails

Le site est une application Web uniquement client, il n'y a pas de composant de serveur. Il est hébergé comme un site Web statique S3. Le site hébergé S3 est ensuite alimenté par CloudFlare qui gère la mise en cache, la compression des actifs, la minification et d'autres trucs amusants. Cela a l'avantage d'un coût très bas pour moi (pensez aux cents par mois) car je n'ai pas à payer pour l'hébergement Web ou les instances EC2 et cela m'a forcé à être créatif en cours d'exécution localement.

Ainsi, alors que ce projet a commencé principalement à aborder ma frustration avec le site Web du vieillissement LD, il a transformé en un projet où je pouvais explorer et pratiquer avec plusieurs fonctionnalités Web (Dev) que je n'avais pas fait beaucoup. Donc, si les choses sont un peu plus complexes qu'elles ne doivent être pour une application aussi petite, c'est pourquoi. À Whit, j'ai fait / fait ce qui suit:

• Un grattoir complet du site basé sur des nœuds qui récupère les listes et les pages d'entrée uniques et extrait les données de ces pages (en utilisant JSDom) dans des fichiers de catalogue JSON.
• (En 2016), j'ai recherché et expérimenté la plupart des systèmes de construction Web et je me suis installé sur une combinaison Gulp + Rollup pour le code car il est simple et il produit une sortie propre et sans crud. (Le code d'application minifié total n'est que ~ 33 Ko) en 2020, il a été remplacé par un processus de construction basé sur ROLLUP.
• Une vue de grille de défilement à réutilisation des cellules pour permettre à un fait de faire défiler des milliers d'entrées sans les pénalités de performance ou de mémoire.
• Un composant de recherche en texte complet à la volée qui peut rechercher des ngrams de toute longueur. Le site limite cela à 2 à 12 caractères pour la taille d'une index. Les index peuvent (DE) sérialiser de / vers des objets JSON simples.
• L'indexeur peut être utilisé localement ou comme travailleur Web pour le traitement asynchrone des données libérant le thread d'interface utilisateur. Un simple emballage API permet une utilisation / réponse basée sur les promesses du travailleur.
• Une belle enveloppe de workflow dactylographiée basée sur des promesses autour d'indexddb. Ceci est utilisé pour stocker les données de catalogue et d'index de texte en cache permettant la navigation hors ligne des entrées. (Nouveau) Il s'agit maintenant d'un projet distinct et disponible en tant que package NPM.
• (En 2016), au lieu d'utiliser un grand moteur de modèles, j'ai fait des types simples observables et observables qui encouragent le même paradigme de méthodes et de méthodes que par exemple. L'état du site utilise les mêmes concepts que Vue utilise, etc. En 2020, j'ai remplacé cela par un site basé sur Svelte, qui produit toujours une sortie de code de 33 Ko.

Clause de non-responsabilité

Les données du site en direct ont été grattées des anciens et nouveaux sites Web de Ludum Dare. DTBB a une copie complète de toutes les miniatures et données de catalogue hébergées sur S3.

La catégorisation de la plate-forme des entrées est basée sur leurs liens de téléchargement et leurs titres. J'ai essayé d'être raisonnablement intelligent mais il peut y avoir de faux positifs.

Ni ce projet ni moi ne sommes affiliés ou approuvés par le personnel de Ludum Dare. Je ne possède pas ou ne prétends pas posséder les données extraites du site LD. En fait, si vous voulez faire quelque chose de cool vous-même, utilisez les fichiers ldxy-ntries.json dans le site de site / données et essayez.

Maintenant, allez faire, jouer et évaluer les jeux.