dtbb

Ludum Dare Games 브라우저

라이브 : https://zenmumbler.net/dtbb

이것은 Ludum Dare Game Jams에 제출 된 많은 항목을 빠르게 검색하기 위해 만든 웹 사이트 개념입니다. 구약이나 새로운 공식 LD 사이트는 특히 게임을 검색하는 데 능숙하지 않습니다.

사이트 기능 :

• 제출물의 모든 텍스트를 통해 전체 텍스트 색인의 모든 용어를 검색하십시오.
• Mac, Win, Linux, HTML5 등과 같은 다운로드 유형별 필터
• 카테고리 별 필터 (모두, Compo, Jam)
• 모든 필터링은 즉각적이므로 검색어를 자유롭게 플레이 할 수 있습니다.
• 재생하려는 모든 게임 (LD Entry 페이지 링크)에 직접 링크 (새 탭)
• 끔찍한 비주얼 디자인 (새로운 디자인 환영?)

지금 시도해보세요!

건물

다음에서 pnpm 사용하는 패키지 관리자와 대체합니다. PNPM을 사용합니다.

1. 종속성 설치 : pnpm install
2. 개발 및 로컬 테스트를 위해 실행하려면 : pnpm run dev 이것은 AutorELoad를 사용하여 로컬 서버를 시작합니다.
3. 최소화 된 생산 코드를 구축하려면 : pnpm run build

데이터 가져 오기

참고 : 모든 지원되는 이벤트에 대한 전체 처리 된 데이터는 이미 site/data/ldXY_entries.json 파일에 있습니다. 모든 거미 파일 (썸네일 제외)도 ZIPPER import/spider_data/entry_pages 에도 존재합니다. 가져 오기 추출 프로세스에서 사용할 수 있도록 압축을 풀어주십시오. 어떤 이유로 든 흥미로운 것을 발견하면 가져 오기 만 엉망입니다.

extract import 폴더 thumbs node import 에서 사용 가능한 명령 목록을 얻을 listing 있습니다 entries 이러한 각 명령은 매개 변수로 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 사이트를 너무 많이 망치지 않으며 모든 ~ 35k 항목의 전체 추출물은 약 20-30 분이 걸립니다.

#15 이전의 LDS에는 구조화 된 제출 시스템이 없었으며 지원되지 않았습니다. 수입업자는 대부분 New Ldjam.com 사이트 (#38 이상)에서 이벤트를 가져옵니다. 비활성화 된 것은 플랫폼 감지로, 새 사이트의 데이터에 너무 많은 빈/오 탐지를 생성했습니다.

세부

이 사이트는 클라이언트 전용 웹 앱이며 서버 구성 요소가 없습니다. S3 정적 웹 사이트로 호스팅됩니다. 그런 다음 S3 호스팅 사이트는 캐싱, 자산 압축, 미니 화 및 기타 재미있는 물건을 처리하는 CloudFlare로 구동됩니다. 웹 호스팅이나 EC2 인스턴스에 대한 비용을 지불 할 필요가 없기 때문에 이것은 저렴한 비용 (한 달에 센트를 생각합니다)의 장점이 있습니다.

따라서이 프로젝트는 주로 Aging LD 웹 사이트에 대한 좌절감을 해결하기 시작했지만 내가하지 않은 여러 웹 (DEV) 기능으로 탐색하고 연습 할 수있는 프로젝트로 변경되었습니다. 따라서이 작게 앱에 필요한 것보다 조금 더 복잡하다면 그 이유입니다. Whit에게 다음을 수행/수행했습니다.

• 목록과 단일 항목 페이지를 검색하고 해당 페이지 (JSDOM 사용)에서 데이터를 JSON 카탈로그 파일로 추출하는 전체 노드 기반 사이트 스크레이퍼.
• (2016 년) 나는 대부분의 웹 빌드 시스템을 연구하고 실험했으며, 간단하고 깨끗하고 까다로운 출력을 생성하기 때문에 코드의 GULP + 롤업 조합에 정착했습니다. (총 최소 조정 된 앱 코드는 ~ 33KB에 불과합니다) 2020 년에는 롤업 기반 빌드 프로세스로 대체되었습니다.
• 성능이나 메모리 페널티없이 수천 개의 항목을 스크롤 할 수 있도록 셀 리시스 스크롤 그리드보기.
• 모든 길이의 NGRAM을 검색 할 수있는 온 플라이 풀 텍스트 검색 구성 요소. 이 사이트는 색인 크기를 위해 이것을 2 ~ 12 자로 제한합니다. 인덱스는 간단한 JSON 객체에서 (DE) 시리얼 화 될 수 있습니다.
• 인덱서는 UI 스레드를 확보하는 데이터의 비동기 처리를 위해 로컬 또는 웹 워크로 사용할 수 있습니다. 간단한 API 래퍼는 작업자의 약속 기반 요청/응답 사용을 허용합니다.
• INDEXEDDB 주변의 멋진 약속 기반 유형 워크 플로우 래퍼. 이는 캐시 된 카탈로그 및 텍스트 색인 데이터를 저장하여 오프라인 항목 브라우징을 허용합니다. (New) 이것은 이제 별도의 프로젝트이며 NPM 패키지로 제공됩니다.
• (2016 년) 큰 템플릿 엔진을 사용하는 대신, 나는 예를 들어 Vue와 동일한 소품 다운, 방법 업 패러다임을 장려하는 간단한 시청할 수 있고 시청 가능한 바인드 유형을 만들었습니다. 사이트 상태는 Vue가 사용하는 것과 동일한 개념을 사용합니다. 2020 년에는 이것을 ~ 33kb 코드 출력을 여전히 생성하는 Svelte 기반 사이트로 교체했습니다.

부인 성명

라이브 사이트의 데이터는 구식 및 새로운 Ludum Dare 웹 사이트에서 긁 혔습니다. DTBB에는 S3에서 호스팅 된 모든 썸네일 및 카탈로그 데이터의 전체 사본이 있습니다.

항목의 플랫폼 분류는 다운로드 링크 및 타이틀을 기반으로합니다. 나는 합리적으로 똑똑하려고 노력했지만 잘못된 긍정적 인 것이있을 수 있습니다.

이 프로젝트도 Ludum Dare 직원과 제휴하거나 승인하지 않습니다. 나는 LD 사이트에서 추출한 데이터를 소유하거나 소유하지 않는다고 주장하지 않습니다. 실제로, 당신이 무언가를 시원하게 만들고 싶다면, 사이트/data dir의 ldxy-entries.json 파일을 사용하고 이동하십시오.

이제 가서 게임을하고 게임을하고 평가하십시오.