dtbb

Ludum Dare Games Browser

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

Dies ist ein Website -Konzept, das ich vorgenommen habe, um die vielen Einträge, die für das Ludum Dare Game Jams eingereicht wurden, schnell zu durchsuchen. Weder die alten noch die neuen offiziellen LD -Sites sind besonders gut darin, die Spiele zu durchsuchen.

Site -Funktionen:

• Suchen Sie nach einer beliebigen Anzahl von Begriffen in einem Volltextindex über den gesamten Text in einer Einreichung.
• Filter durch Downloadtypen wie Mac, Win, Linux, HTML5 usw.
• Filter nach Kategorie (alle, Compo, Jam)
• Die gesamte Filterung ist augenblicklich, sodass Sie frei mit Suchbegriffen herumspielen können
• Verknüpfen Sie (in einer neuen Registerkarte) direkt mit jedem Spiel, das Sie spielen möchten (Links zur LD -Eintragsseite).
• Ein schreckliches visuelles Design (neue Designs willkommen?)

Versuchen Sie es jetzt!

Gebäude

Im Folgenden verwende ich pnpm durch den Paketmanager. Ich verwende PNPM.

1. Installieren Sie Abhängigkeiten: pnpm install
2. Um für die Entwicklung und lokale Tests zu laufen: pnpm run dev Dies startet auch einen lokalen Server mit Autoreload
3. Zum Erstellen eines Minimierer -Produktionscodes: pnpm run build

Daten importieren

Hinweis gut : Die vollständigen verarbeiteten Daten für alle unterstützten Ereignisse sind bereits in den Dateien site/data/ldXY_entries.json vorhanden. Alle spinnendateien (mit Ausnahme von Miniaturansichten) sind ebenfalls vorhanden, obwohl sie in import/spider_data/entry_pages geschliffen werden. Entpacken Sie diese, um sie im Import -Extraktionsprozess zu verwenden. Legen Sie sich nur mit dem Import -Zeug an, wenn Sie es aus irgendeinem Grund interessant finden.

Im import führen Sie node import , um eine Liste der verfügbaren Befehle zu erhalten. Im Moment listing sie, entries , thumbs und extract . Jedes dieser Befehle benötigt 1 oder 2 Zahlen als Parameter, sie sind die Start- und Endindizes der LD -Ereignisnummern ("Probleme"), um zu verarbeiten.

listing 15 erhält die Eintragsauflistung für LD 15.
entries 20 25 Download die Eintragsseiten für LDS 20 bis 25 inklusive.
usw.

entries und thumbs erfordern die Daten, die durch listing und extract heruntergeladen werden, müssen die Einträge nach entries heruntergeladen. Um alle Daten herunterzuladen und zu verarbeiten, die Sie so etwas tun würden:

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

Beachten Sie, dass jede dieser Operationen einige Zeit dauern wird. Das Kratzen erfolgt nacheinander, sowohl aus einfachen Gründen als auch aus Einfachheit und nicht zu sehr, und ein vollständiger Auszug aller ~ 35-km-Einträge dauert ungefähr 20-30 Minuten.

HLT vor #15 hatte kein strukturiertes Einreichungssystem vorhanden und wird nicht unterstützt. Der Importeur unterstützt größtenteils Ereignisse auf der neuen Ldjam.com -Website (#38 und neuer). Die Hauptsache deaktiviert ist die Plattformerkennung, die zu viele Leer-/Fehlalarme für die Daten der neuen Website ermöglichte.

Details

Die Website ist eine Web-App-App, die keine Serverkomponente gibt. Es wird als S3 Statische Website gehostet. Die S3 -Hosted -Site wird dann von CloudFlare angetrieben, die mit Caching, Vermögenskomprimierung, Minifikation und anderen lustigen Zügen umgeht. Dies hat den Vorteil einer sehr geringen Kosten für mich (denken Sie an Cent pro Monat), da ich nicht für Webhosting- oder EC2 -Instanzen bezahlen muss, und es zwang mich, kreativ zu sein, alles lokal zu führen.

Während dieses Projekts hauptsächlich begann, um meine Frustration über die alternde LD -Website zu begehen, änderte es sich in ein Projekt, bei dem ich mit mehreren Web -Funktionen (DEV) untersuchen und üben konnte, mit denen ich nicht viel gemacht hatte. Wenn die Dinge also etwas komplexer sind, als sie für eine so kleine App sein müssen, dann ist das der Grund. Zu Whit habe/habe ich Folgendes gemacht:

• Ein vollständiger Knotenbasis-Site-Schaber, der Listings und einzelne Eintragsseiten abruft und die Daten von diesen Seiten (mit JSDOM) in JSON-Katalogdateien heraus extrahiert.
• (2016) recherchierte ich und experimentierte mit den meisten Web-Build-Systemen und habe mich für eine Gulp + -Rollup-Kombination für Code entschieden, da er unkompliziert ist und eine saubere und crudfreie Ausgabe erzeugt. (Der Gesamt-Minifik-App-Code beträgt nur ~ 33 KB) Im Jahr 2020 wurde dies durch einen Rollup-basierten Build-Prozess ersetzt.
• Eine zellverzögerende Scroll-Gitteransicht, mit der man Tausende von Einträgen ohne Leistungs- oder Speicherstrafen scrollen kann.
• Eine FullText-Suchkomponente im Fliege, die nach Ngrams jeglicher Länge suchen kann. Die Site beschränkt dies auf 2 bis 12 Zeichen, um die Indexgröße willen. Die Indizes können (de) aus/in einfache JSON -Objekte serialisieren.
• Der Indexer kann lokal oder als Webworker zur asynchronen Verarbeitung von Daten verwendet werden, die den UI -Thread befreien. Ein einfacher API-Wrapper ermöglicht eine vielversprechende Anfrage/Antwortverbrauch des Arbeiters.
• Eine schöne, versprachbasierte, getippte Workflow-Wrapper um indexeddb. Dies wird verwendet, um zwischengespeicherte Katalog- und Textindexdaten zu speichern, die das Offline -Surfen von Einträgen ermöglichen. (Neu) Dies ist jetzt ein separates Projekt und als NPM -Paket erhältlich.
• (2016) habe ich anstelle einer großen Templating-Engine einfache und beobachtbare Typen gemacht, die die gleichen Requisiten, Methoden-up-Paradigma wie z. B. VUE, fördern. Der Site -Staat verwendet die gleichen Konzepte, die Vue usw. im Jahr 2020 verwendet habe. Ich habe dies durch eine schlanke Site ersetzt, die immer noch ~ 33 KB -Codeausgabe ergibt.

Haftungsausschluss

Die Daten auf der Live -Website wurden von den alten und neuen Ludum -Dare -Websites abgeschafft. DTBB verfügt über eine vollständige Kopie aller Miniaturansichten und Katalogdaten, die auf S3 gehostet werden.

Die Plattformkategorisierung von Einträgen basiert auf ihren Download -Links und -Titeln. Ich habe versucht, einigermaßen klug zu sein, aber es kann falsch positiv sein.

Weder dieses Projekt noch ich sind mit Ludum Dare -Mitarbeitern verbunden oder befürwortet. Ich besitze oder behaupte nicht, die von der LD -Site extrahierten Daten zu besitzen. Wenn Sie sich selbst etwas cool machen möchten, verwenden Sie die LDXY-Enpriies.json-Dateien in der Site/Data Dir und versuchen Sie es zu versuchen.

Jetzt geh und machen, spielen und Spiele bewerten.