dtbb

Navegador de jogos de ousadia de Ludum

Ao vivo em: https://zenmumbler.net/dtbb

Este é um conceito de site que fiz para pesquisar rapidamente as muitas entradas enviadas para os Jams do Ludum Dare Game. Nem os sites antigos nem os novos LD são particularmente bons em pesquisar nos jogos.

Recursos do site:

• Pesquise qualquer número de termos em um índice de texto completo em todos os texto em um envio.
• Filtre por tipos de download como Mac, Win, Linux, Html5, etc.
• Filtre por categoria (todos, compo, geléia)
• Toda a filtragem é instantânea, permitindo que você brinque com os termos de pesquisa livremente
• Link diretamente (em uma nova guia) a qualquer jogo que você queira jogar (links para a página de entrada LD)
• Um design visual horrendo (novos designs são bem -vindos?)

Experimente agora!

Prédio

A seguir, substitua pnpm pelo gerenciador de pacotes que você usa, eu uso o PNPM.

1. Instale dependências: pnpm install
2. Para concorrer a desenvolvimento e testes locais: pnpm run dev isso também iniciará um servidor local com o AutoReload
3. Para construir o Código de Produção Minificado: pnpm run build

Importação de dados

Nota bem : Os dados processados ​​completos para todos os eventos suportados já estão presentes no site/data/ldXY_entries.json arquivos. Todos os arquivos arremessados ​​(exceto as miniaturas) também estão presentes, embora com zíper, em import/spider_data/entry_pages . Descompactá -los para usá -los no processo de extração de importação. Apenas mexa com o material de importação se você achar interessante por algum motivo.

Na Pasta import Executar node import para obter uma lista de comandos disponíveis, no momento eles estão listing , entries , thumbs e extract . Cada um desses comandos leva 1 ou 2 números como parâmetros, eles são os índices iniciais e finais dos números de eventos LD ("questões") para processar.

listing 15 Obtém a lista de entrada para LD 15.
entries 20 25 Downloads As páginas de entrada para LDS 20 a 25 inclusive.
etc.

entries e thumbs exigem os dados baixados pela listing e extract requer as páginas de entrada baixadas por entries . Então, para baixar e processar todos os dados, você faria algo como:

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

Observe que cada uma dessas operações levará algum tempo. A raspagem acontece sequencialmente, tanto por razões de simplicidade quanto para não martelar o site LD demais, e um extrato completo de todas as entradas de ~ 35k levarão cerca de 20 a 30 minutos.

O SUD antes do #15 não possuía um sistema de envio estruturado no local e não é suportado. O importador suporta, na maioria das vezes, importando eventos no novo site LDJAM.com (#38 e mais recente). A principal coisa desativada é a detecção da plataforma, que produziu muitos vazios/falsos positivos nos dados do novo site.

Detalhes

O site é um aplicativo da Web somente para cliente, não há componente do servidor. É hospedado como um site estático S3. O site hospedado S3 é então alimentado pelo Cloudflare, que lida com o cache, compressão de ativos, minificação e outras coisas divertidas. Isso tem a vantagem de um custo muito baixo para mim (pense em centavos por mês), pois não preciso pagar por instâncias de hospedagem na web ou EC2 e isso me forçou a ser criativo executando tudo localmente.

Portanto, embora esse projeto tenha começado principalmente para abordar minha frustração com o site do LD envelhecido, ele se transformou em um projeto em que eu poderia explorar e praticar com vários recursos da Web (Dev) com os quais não havia feito muito. Portanto, se as coisas são um pouco mais complexas do que precisam ser para um aplicativo tão pequeno, é por isso. Para Whit, eu fiz/fiz o seguinte:

• Um raspador de site baseado em um nó completo que recupera listagens e páginas de entrada única e extrai os dados dessas páginas (usando JSDOM) para arquivos de catálogo JSON.
• (Em 2016) pesquisei e experimentei a maioria dos sistemas de construção da web por aí e resolvi uma combinação de gulp + rollup para código, pois é direta e produz uma saída limpa e sem crudação. (O código de aplicativo Minified Total é de apenas ~ 33kb) Em 2020, isso foi substituído por um processo de construção baseado em rollup.
• Uma visualização da grade de rolagem que reutiliza as células para permitir que se role através de milhares de entradas sem as penalidades de desempenho ou memória.
• Um componente de pesquisa de texto completo que pode procurar ngrams de qualquer comprimento. O site limita isso a 2 a 12 caracteres em prol do tamanho do índice. Os índices podem (de) serializar de/em objetos JSON simples.
• O indexador pode ser usado localmente ou como um web trabalhador para o processamento assíncrono de dados liberando o thread da interface do usuário. Um invólucro de API simples permite o uso de solicitação/resposta baseado em promessa do trabalhador.
• Um bom wrapper de fluxo de trabalho digitado baseado em promessa em torno do indexedDB. Isso é usado para armazenar dados de catálogo em cache e índice de texto, permitindo a navegação offline das entradas. (Novo) Este agora é um projeto separado e está disponível como um pacote NPM.
• (Em 2016) Em vez de usar um grande mecanismo de modelos, fiz tipos simples de assistência e capacidade de assistência que incentivam os mesmos props-down, paradigma de métodos que, por exemplo, Vue. O estado do site emprega os mesmos conceitos que o Vue usa, etc. Em 2020, substituí isso por um site baseado em esbelto, que ainda produz a saída de código de ~ 33kb.

Isenção de responsabilidade

Os dados no site ao vivo foram raspados nos sites antigos e novos do Ludum Dare. O DTBB possui uma cópia completa de todas as miniaturas e dados de catálogo hospedados no S3.

A categorização da plataforma de entradas é baseada em seus links e títulos de download. Tentei ser razoavelmente inteligente, mas pode haver falsos positivos.

Nem este projeto nem eu somos afiliados ou endossados ​​pela equipe de Ludum Dare. Não possuo ou afirmo os dados extraídos do site LD. De fato, se você quiser fazer algo legal, use os arquivos ldxy-rentries.json no site/dados DIR e faça um Go.

Agora vá e faça, jogue e avalie jogos.