dtbb

Ludum Dare Games Browser

En vivo en: https://zenmumbler.net/dtbb

Este es un concepto de sitio web que hice para buscar rápidamente las muchas entradas enviadas para los Jams de juegos Ludum Dare. Ni los sitios LD oficiales ni los nuevos oficiales son particularmente buenos para buscar en los juegos.

Características del sitio:

• Busque cualquier número de términos en un índice de texto completo sobre todo el texto en un envío.
• Filtrar por tipos de descarga como Mac, Win, Linux, HTML5, etc.
• Filtrar por categoría (todos, compuesto, mermelada)
• Todo el filtrado es instantáneo, lo que le permite jugar con términos de búsqueda libremente
• Enlace directamente (en una nueva pestaña) a cualquier juego que desee jugar (enlaces a la página de entrada de LD)
• Un diseño visual horrendo (¿nuevos diseños bienvenidos?)

¡Pruébalo ahora!

Edificio

A continuación, sustituya pnpm con el Administrador de paquetes que usa, uso PNPM.

1. Dependencias de instalación: pnpm install
2. Para ejecutarse para el desarrollo y las pruebas locales: pnpm run dev Esto también iniciará un servidor local con AutoReload
3. Para construir código de producción minificado: pnpm run build

Importación de datos

Nota bien : los datos procesados ​​completos para todos los eventos compatibles ya están presentes en los archivos site/data/ldXY_entries.json . Todos los archivos arañados (excepto las miniaturas) también están presentes, aunque con cremallera, en import/spider_data/entry_pages . Descomprima estos para usarlos en el proceso de extracción de importación. Solo te meta con las cosas de importación si lo encuentras interesante por alguna razón.

En la carpeta import ejecutar node import para obtener una lista de comandos disponibles, en este momento están listing , entries , thumbs y extract . Cada uno de estos comandos toma 1 o 2 números como parámetros, son los índices iniciales y terminados de los números de eventos LD ("problemas") para procesar.

listing 15 obtiene el Listado de entrada para LD 15.
entries 20 25 Descarga las páginas de entrada para SUD 20 a 25 inclusive.
etc.

entries y thumbs requieren los datos descargados por listing y extract requieren las páginas de entrada descargadas por entries . Entonces, para descargar y procesar todos los datos, haría algo como:

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

Tenga en cuenta que cada una de estas operaciones llevará bastante tiempo. El raspado ocurre secuencialmente, tanto por razones de simplicidad como por no martillar demasiado el sitio LD y un extracto completo de todas las entradas de ~ 35k tomará alrededor de 20-30 minutos.

SUD antes del n. ° 15 no tenía un sistema de envío estructurado en su lugar y no son compatibles. El importador admite, en su mayor parte, importar eventos en el nuevo sitio de Ldjam.com (#38 y más nuevo). Lo principal está deshabilitado es la detección de la plataforma, que produjo demasiados vacíos/falsos positivos en los datos del nuevo sitio.

Detalles

El sitio es una aplicación web solo para cliente, no hay componente del servidor. Está alojado como un sitio web S3 estático. El sitio alojado S3 se alimenta con CloudFlare, que maneja el almacenamiento en caché, la compresión de activos, la minificación y otras cosas divertidas. Esto tiene la ventaja de un costo muy bajo para mí (piense en centavos por mes) ya que no tengo que pagar por las instancias de alojamiento web o EC2 y me obligó a ser creativo ejecutando todo localmente.

Entonces, si bien este proyecto comenzó principalmente para abordar mi frustración con el sitio web de LD envejecido, cambió a un proyecto donde pude explorar y practicar con varias características web (Dev) con las que no había hecho mucho. Entonces, si las cosas son un poco más complejas de lo que deben ser para una aplicación tan pequeña, entonces es por eso. A Whit, he hecho/hecho lo siguiente:

• Un raspador de sitio basado en el nodo completo que recupera listados y páginas de entrada única y extrae los datos de esas páginas (usando JSDOM) en archivos de catálogo JSON.
• (En 2016) Investigué y experimenté con la mayoría de los sistemas de construcción web y me decidí por una combinación de Gulp + Rollup para el código, ya que es sencillo y produce una producción limpia y sin crud. (El código de la aplicación minificado total es de solo ~ 33kb) en 2020, esto se reemplazó con un proceso de construcción basado en el rollo.
• Una vista de la cuadrícula de desplazamiento de la celda para permitir que uno se desplazará a través de miles de entradas sin las penalizaciones de rendimiento o memoria.
• Un componente de búsqueda de texto completo sobre la marcha que puede buscar ngrams de cualquier longitud. El sitio limita esto a 2 a 12 caracteres en aras del tamaño de índice. Los índices pueden (DE) serializar desde/en objetos JSON simples.
• El indexador se puede usar localmente o como trabajador web para el procesamiento asincrónico de datos que libera el hilo de la interfaz de usuario. Un envoltorio API simple permite el uso de solicitud/respuesta basado en la promesa del trabajador.
• Un buen envoltorio de flujo de trabajo mecanografiado basado en la promesa alrededor de IndexedDB. Esto se utiliza para almacenar datos de catálogo en caché e índice de texto que permiten la navegación fuera de línea de las entradas. (Nuevo) Este es ahora un proyecto separado y está disponible como un paquete NPM.
• (En 2016) En lugar de usar un gran motor de plantilla, hice tipos simples de observación de observación y observación que fomentan los mismos accesorios, el paradigma de los métodos que por ejemplo. El estado del sitio emplea los mismos conceptos que Vue usa, etc. En 2020 reemplacé esto con un sitio basado en Svelte, que aún produce una salida de código de ~ 33kb.

Descargo de responsabilidad

Los datos en el sitio en vivo fueron raspados de los antiguos y nuevos sitios web de Ludum Dare. DTBB tiene una copia completa de todas las miniaturas y datos de catálogo alojados en S3.

La categorización de las entradas de la plataforma se basa en sus enlaces y títulos de descarga. Traté de ser razonablemente inteligente, pero puede haber falsos positivos.

Ni este proyecto ni yo estamos afiliados o respaldados por el personal de Ludum Dare. No tengo o reclamo poseer los datos extraídos del sitio LD. De hecho, si desea hacer algo genial usted mismo, use los archivos LDXY-Entries.json en el sitio de Sitio/Data Dir y vaya.

Ahora ve a hacer, jugar y calificar los juegos.