หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เบราว์เซอร์เกม Ludum Dare

อยู่ที่: https://zenmumbler.net/dtbb

นี่เป็นแนวคิดของเว็บไซต์ที่ฉันทำเพื่อค้นหารายการมากมายที่ส่งมาสำหรับเกม Ludum Dare Game ไม่ว่าจะเป็นไซต์เก่าแก่ของ Old และ Offfical LD ​​ใหม่ที่ดีในการค้นหาเกม

คุณสมบัติของไซต์:

  • ค้นหาคำศัพท์จำนวนเท่าใดก็ได้ในดัชนีข้อความเต็มมากกว่าข้อความทั้งหมดในการส่ง
  • กรองตามประเภทดาวน์โหลดเช่น Mac, Win, Linux, HTML5 ฯลฯ
  • กรองตามหมวดหมู่ (ทั้งหมด, compo, jam)
  • การกรองทั้งหมดนั้นทันทีช่วยให้คุณเล่นกับคำค้นหาได้อย่างอิสระ
  • ลิงก์โดยตรง (ในแท็บใหม่) ไปยังเกมใด ๆ ที่คุณต้องการเล่น (ลิงก์ไปยังหน้า LD Entry)
  • การออกแบบภาพที่น่ากลัว (ยินดีต้อนรับการออกแบบใหม่?)

ลองเลย!

อาคาร

ในต่อไปนี้ให้แทนที่ pnpm ด้วยตัวจัดการแพ็คเกจที่คุณใช้ฉันใช้ PNPM

  1. ติดตั้งการพึ่งพา: pnpm install
  2. ในการเรียกใช้สำหรับการพัฒนาและการทดสอบในท้องถิ่น: pnpm run dev นี่จะเริ่มต้นเซิร์ฟเวอร์ท้องถิ่นด้วยการโหลดอัตโนมัติ
  3. ในการสร้างรหัสการผลิตขนาดเล็ก: pnpm run build

การนำเข้าข้อมูล

หมายเหตุดี : ข้อมูลที่ประมวลผลเต็มรูปแบบ สำหรับเหตุการณ์ที่ได้รับการสนับสนุนทั้งหมดมีอยู่แล้วในไฟล์ site/data/ldXY_entries.json ไฟล์สไปเดอร์ทั้งหมด (ยกเว้นรูปขนาดย่อ) ก็มีอยู่เช่นกันแม้ว่าซิปใน import/spider_data/entry_pages คลายซิปเหล่านี้เพื่อใช้ในกระบวนการสกัดการนำเข้า ยุ่งกับสิ่งที่นำเข้าหากคุณพบว่ามันน่าสนใจด้วยเหตุผลบางอย่าง

ในโฟลเดอร์ import การเรียกใช้ 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 มากเกินไปและสารสกัดเต็มรูปแบบของรายการ ~ 35K ทั้งหมดจะใช้เวลาประมาณ 20-30 นาที

LDS ก่อน #15 ไม่มีระบบส่งที่มีโครงสร้างและไม่รองรับ ผู้นำเข้าสนับสนุนส่วนใหญ่การนำเข้ากิจกรรมในเว็บไซต์ LDJAM.com ใหม่ (#38 และใหม่) สิ่งสำคัญที่ปิดการใช้งานคือการตรวจจับแพลตฟอร์มซึ่งให้ผลบวกมากเกินไป/บวกกับข้อมูลจากไซต์ใหม่

รายละเอียด

ไซต์เป็นแอปเว็บแบบไคลเอนต์เท่านั้นไม่มีส่วนประกอบเซิร์ฟเวอร์ เป็นโฮสต์เป็นเว็บไซต์ S3 Static ไซต์โฮสต์ S3 นั้นใช้พลังงานจาก CloudFlare ซึ่งจัดการกับการแคชการบีบอัดสินทรัพย์การลดขนาดเล็กและสิ่งที่สนุกสนานอื่น ๆ นี่เป็นข้อได้เปรียบของค่าใช้จ่ายที่ต่ำมากสำหรับฉัน (คิดว่าเซ็นต์ต่อเดือน) เนื่องจากฉันไม่ต้องจ่ายค่าเว็บโฮสติ้งหรืออินสแตนซ์ EC2 และมันบังคับให้ฉันสร้างความคิดสร้างสรรค์ทุกอย่างในพื้นที่

ดังนั้นในขณะที่โครงการนี้เริ่มต้นขึ้นเพื่อจัดการกับความคับข้องใจของฉันกับเว็บไซต์อายุ LD มันเปลี่ยนเป็นโครงการที่ฉันสามารถสำรวจและฝึกฝนด้วยคุณสมบัติหลายเว็บ (dev) ที่ฉันไม่ได้ทำมากนัก ดังนั้นหากสิ่งต่าง ๆ ซับซ้อนกว่าที่พวกเขาต้องการสำหรับแอพขนาดเล็กนี้นั่นคือเหตุผล เพื่อให้ฉันได้ทำ/ทำสิ่งต่อไปนี้:

  • เครื่องกวาดไซต์แบบเต็มโหนดที่ดึงรายชื่อและหน้ารายการเดียวและแยกข้อมูลออกจากหน้าเว็บเหล่านั้น (โดยใช้ JSDOM) ลงในไฟล์แคตตาล็อก JSON
  • (ในปี 2559) ฉันค้นคว้าและทดลองกับระบบการสร้างเว็บส่วนใหญ่ออกไปที่นั่นและตั้งรกรากอยู่ในการรวมกันของ Gulp + Rollup สำหรับรหัสเนื่องจากมันตรงไปตรงมาและสร้างผลลัพธ์ที่สะอาดและปราศจาก Crud (รหัสแอพขนาดเล็กทั้งหมดเป็นเพียง ~ 33KB) ในปี 2020 สิ่งนี้ถูกแทนที่ด้วยกระบวนการสร้างแบบโรลอัพ
  • มุมมองกริดการเลื่อนเซลล์เพื่อให้สามารถเลื่อนดูรายการได้หลายพันรายการโดยไม่มีการลงโทษหรือการลงโทษหน่วยความจำ
  • ส่วนประกอบการค้นหาแบบฟูลเท็กซ์แบบ on-the-fly ที่สามารถค้นหา ngrams ได้ทุกความยาว ไซต์ จำกัด สิ่งนี้ไว้ที่ 2 ถึง 12 อักขระเพื่อเห็นแก่ขนาดดัชนี ดัชนีสามารถ (de) อนุกรมจาก/เข้าสู่วัตถุ JSON ง่าย ๆ
  • ตัวทำดัชนีสามารถใช้งานได้ในเครื่องหรือเป็นผู้ไปพบเว็บสำหรับการประมวลผลแบบอะซิงโครนัสของข้อมูลที่ทำให้เธรด UI เป็นอิสระ Wrapper API อย่างง่ายช่วยให้สามารถใช้การร้องขอ/ตอบสนองตามสัญญาของคนงาน
  • wrapper เวิร์กโฟลว์ที่พิมพ์ตามสัญญาที่ดีรอบ ๆ indexedDB สิ่งนี้ใช้ในการจัดเก็บแคตตาล็อกแคชและข้อมูลดัชนีข้อความที่อนุญาตให้เรียกดูรายการออฟไลน์ (ใหม่) ตอนนี้เป็นโครงการแยกต่างหากและมีให้เป็นแพ็คเกจ NPM
  • (ในปี 2559) แทนการใช้เอ็นจิ้นเทมเพลตขนาดใหญ่ฉันทำประเภทที่ดูง่ายและดูได้ง่ายซึ่งส่งเสริมให้อุปกรณ์ประกอบฉากเดียวกันลงกระบวนทัศน์วิธีการขึ้นวิธีการเช่น Vue สถานะของไซต์ใช้แนวคิดเดียวกับที่ Vue ใช้ ฯลฯ ในปี 2020 ฉันแทนที่สิ่งนี้ด้วยไซต์ที่ใช้ SVELTE ซึ่งยังคงให้เอาต์พุตรหัส ~ 33KB

คำเตือน

ข้อมูลในไซต์สดถูกคัดลอกมาจากเว็บไซต์ Ludum Dare เก่าและใหม่ DTBB มีสำเนาเต็มรูปแบบและข้อมูลแคตตาล็อกทั้งหมดที่โฮสต์บน S3

การจัดหมวดหมู่แพลตฟอร์มของรายการขึ้นอยู่กับลิงค์ดาวน์โหลดและชื่อเรื่องของพวกเขา ฉันพยายามที่จะฉลาดพอสมควร แต่อาจมีข้อดีที่ผิดพลาด

โครงการนี้และฉันไม่ได้เป็นพันธมิตรหรือรับรองโดยพนักงาน Ludum Dare ฉันไม่ได้เป็นเจ้าของหรืออ้างว่าเป็นเจ้าของข้อมูลที่สกัดจากไซต์ LD ในความเป็นจริงหากคุณต้องการทำสิ่งที่ทำให้ตัวเองเย็นลงให้ใช้ไฟล์ ldxy-entries.json ในไซต์/ข้อมูล DIR และไป

ตอนนี้ไปและทำเกมเล่นและให้คะแนน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด