dtbb

Ludum Dare Games Browser

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

Это концепция веб -сайта, которую я сделал, чтобы быстро искать множество записей, представленных для игровых джемов Ludum Dare. Ни старые, ни новые официальные сайты LD не особенно хороши в поиске игр.

Функции сайта:

• Поиск любого количества терминов в полнотекстовом индексе по всем текстам в представлении.
• Фильтр по типам загрузки, такими как Mac, Win, Linux, HTML5 и т. Д.
• Фильтр по категории (All, Compo, Jam)
• Вся фильтрация мгновенна, что позволяет вам свободно играть с терминами поиска
• Прямая ссылка (на новой вкладке) на любую игру, в которую вы хотите играть (ссылки на страницу записи LD)
• Ужасный визуальный дизайн (новые дизайны приветствуются?)

Попробуйте сейчас!

Здание

Далее, замените pnpm с помощью диспетчера пакетов, который вы используете, я использую PNPM.

1. Установить зависимости: pnpm install
2. Для запуска для разработки и локального тестирования: pnpm run dev Это также запустит локальный сервер с AutoreLoad
3. Чтобы построить минимизированный производственный код: pnpm run build

Импорт данных

Примечание . site/data/ldXY_entries.json Также присутствуют все пауковые файлы (за исключением миниатюр), хотя Zipped, в import/spider_data/entry_pages . Разанизируйте их, чтобы использовать их в процессе извлечения импорта. Помещайте только импорт, если вы найдете это интересным по какой -то причине.

В папке import Polder node import , чтобы получить список доступных команд, прямо сейчас они listing entries , thumbs и extract . Каждая из этих команд принимает 1 или 2 числа в качестве параметров, они представляют собой начальные и конечные показатели номеров событий LD («проблемы») для обработки.

listing 15 получает список записи для LD 15.
entries 20 25 Загрузка страниц входа для LDS 20–25 включительно.
и т. д.

entries и thumbs требуют загруженных данных с помощью listing и extract , требуют загруженных страниц entries . Поэтому, чтобы загрузить и обработать все данные, которые вы сделаете что -то вроде:

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

Обратите внимание, что каждая из этих операций займет довольно много времени. Сскабливание происходит последовательно, как по причинам простоты, так и для того, чтобы не слишком много забить сайт LD, и полная выдержка из всех записей ~ 35 тыс. Займет около 20-30 минут.

СПД до #15 не имели структурированной системы подчинения и не поддерживаются. Импортер поддерживает, по большей части, импортируя события на новом сайте ldjam.com (#38 и более новее). Главное отключение - это обнаружение платформы, которое дало слишком много пустот/ложных срабатываний на данные с нового сайта.

Подробности

Сайт является веб-приложением только для клиента, нет серверного компонента. Он размещен в качестве статического веб -сайта S3. Затем сайт, размещенный S3, питается CloudFlare, который обрабатывает кэширование, сжатие активов, министерство и другие забавные вещи. Это имеет преимущество очень низкой стоимости для меня (подумайте о центах в месяц), так как мне не нужно платить за экземпляры веб -хостинга или EC2, и это заставило меня проявить творческий подход на локальном уровне.

Таким образом, в то время как этот проект начинался в основном для решения моего разочарования с помощью стареющего сайта LD, он превратился в проект, где я мог бы исследовать и практиковать с несколькими функциями веб -(DEV), с которыми я мало что сделал. Так что, если все будет немного сложнее, чем они должны быть для приложения таким маленьким, то вот почему. Уайт, я сделал/сделал следующее:

• Полный скребок сайта, основанный на узле, который извлекает списки и отдельные страницы входа и извлекает данные с этих страниц (с использованием JSDOM) в файлы каталога JSON.
• (В 2016 году) я исследовал и экспериментировал с большинством систем веб-сборки и остановился на комбинации Gulp + Rollup для кода, так как он прост и производит чистый и безумный выход. (Общий код Minified App составляет всего ~ 33 КБ) в 2020 году.
• Повторный вид сетки сетки, позволяющий прокручивать тысячи записей без штрафов за производительность или памяти.
• Полный текстовой компонент поиска на лету, который может искать NGRAM любой длины. Сайт ограничивает это до 2–12 символов ради размера индекса. Индексы могут (de) сериализовать от/в простые объекты JSON.
• Индексер может использоваться локально или в качестве веб -работника для асинхронной обработки данных, освобождающих поток пользовательского интерфейса. Простая обертка API допускает использование запроса/ответа на основе обещаний/ответа.
• Хорошая обертка для рабочего процесса на основе обещаний вокруг IndexedDB. Это используется для хранения кэшированного каталога и данных текстового индекса, позволяющих просмотреть записи в автономном режиме. (Новое) Это теперь отдельный проект и доступный в виде пакета NPM.
• (В 2016 году) Вместо использования большого шаблонного двигателя я сделал простые визибные и смотрящиеся типы, которые поощряют ту же парадигму методов, как EG Vue. В штате сайта используются те же концепции, которые использует Vue, и т. Д. В 2020 году я заменил это на стройный сайт, который по -прежнему дает ~ 33 КБ -вывод кода.

Отказ от ответственности

Данные на живом сайте были сорваны с старых и новых веб -сайтов Ludum Dare. DTBB имеет полную копию всех миниатюр и данных каталога, размещенных на S3.

Категоризация платформы записей основана на их ссылках и названиях загрузки. Я старался быть достаточно умным, но могут быть ложные позитивы.

Ни этот проект, ни я связаны с сотрудниками Ludum Dare. Я не владею или не претендую на владение данными, извлеченными с сайта LD. На самом деле, если вы хотите сделать что-то крутое, используйте файлы ldxy-entries.json в DIR/DATA DIR и сделайте GO.

Теперь иди и делай, играй и оценивай игры.