Agent Dev Thai Academyprinciples · patterns · architecture

paper-fantasy

เกม RPG บนมือถือหน้าตาเหมือนวาดในขอบสมุด เล่น offline ได้ เป็น static HTML

agent-dev-thai/paper-fantasy บน GitHub ↗★ 0HTMLอัปเดต มิถุนายน 2026

Paper Fantasy เป็น RPG แนวตั้งเล่นคนเดียว ธีมคือเกมที่แอบวาดเล่นในขอบสมุดตอนเรียน เดินสำรวจ dungeon ที่ค่อยๆ ถูกวาดขึ้น สู้มอนสเตอร์ด้วยลูกเต๋า และต้องรีบซ่อนสมุดตอนแถบครูเต็ม ไม่งั้นโดนยึด เกมเซฟเองลง localStorage ปิดแท็บแล้วกลับมาเล่นต่อได้

ทุกอย่างวาดสดลง canvas ไม่ใช้ game library เสียงสังเคราะห์ด้วย WebAudio ภาพมอนสเตอร์กับฉากเป็น atlas ที่ gen ด้วย image_gen แต่ถ้าโหลดไม่ขึ้นก็ยังมีแบบวาดสดสำรอง README เขียนเป็น handoff ละเอียด ทั้งระบบเกม ตัวเลข สี และ timing พอจะเอาไป port เป็น engine อื่นได้

เริ่มใช้

  1. เปิดด้วย static server ตัวไหนก็ได้ แล้วเข้า http://localhost:4173/

    python3 -m http.server 4173

  2. จะ deploy ให้ push ขึ้น GitHub แล้วเลือก Deploy from GitHub repo ใน Railway มันจะเห็นเป็น static site จาก index.html เอง ไม่ต้องตั้ง env

ข้างในมีอะไร 5

  • index.html

    ตัวเกมที่ใช้ deploy

  • Paper Fantasy.html

    prototype ต้นฉบับ ไฟล์เดียวจบ ไม่มี build step

  • art-evolution.html

    หน้าเทียบภาพเก่ากับภาพใหม่ และที่มาของ asset แต่ละชุด

  • assets/

    atlas แบบหมึกมังงะที่ใช้ในเกม ภาพร่างรุ่นเก่า ไฟล์ SVG และไฟล์ดิบจาก image_gen

  • versions/

    snapshot เก่าเก็บไว้เทียบหรือย้อนกลับ

ช่วยเรื่องไหนบนกระดาน 1

บทความที่พูดถึง 1