แอปเทพ.com
สมัครฟรี
📚 การศึกษาและเรียนรู้

Quest Lines

ฝึกภาษาอังกฤษผ่านเกมผจญภัยที่ใช้ AI สร้างเนื้อหา

50 คะแนนแอปเทพ
ยังไม่มีสมาชิกให้ดาว ❤️ 0 ถูกใจในกลุ่ม
คะแนนแอปเทพ50เต็ม 100
ถูกใจในกลุ่ม0ครั้ง
หมวด📚การศึกษาและเรียนรู้
โหลดหน้าแรก1.6วินาที
ภาษาENอังกฤษ
สมัครสมาชิกมีมีระบบ login

ผลงานนี้ทำอะไรได้

พาผู้เล่นฝึกภาษาอังกฤษผ่านการผจญภัย โดยใช้ AI แต่งเนื้อเรื่อง สร้างสัตว์ประหลาด และวาดภาพ pixel ผู้เล่นใช้งานแยกจาก Claude.ai ได้ผ่าน Anthropic API key ของตนเอง และเพิ่มทางเข้าบนหน้าจอมือถือได้

เจ้าของผลงานเล่าไว้แบบนี้

https://victory-v-road.vercel.app # Quest Lines — ผจญภัยฝึกภาษาอังกฤษ (โปรเจกต์แบบสแตนด์อโลน) โปรเจกต์นี้คือเกมตัวเดียวกับที่คุณเล่นในแชท แต่ปรับให้ **ทำงานได้ด้วยตัวเอง นอกเว็บ Claude.ai** โดยเพิ่ม backend เล็กๆ ของตัวเองที่เรียก Anthropic API โดยตรง (ใช้ API key ของคุณเอง) และเพิ่มไฟล์ที่จำเป็นสำหรับทำให้ "ติดตั้งเป็นแอป" บนมือถือได้ (PWA) ## โครงสร้างไฟล์ ``` quest-lines-app/ ├── public/ │ ├── index.html ← ตัวเกมทั้งหมด (HTML+CSS+JS ไฟล์เดียว) │ ├── manifest.json ← ทำให้ "Add to Home Screen" กลายเป็นแอปได้ │ ├── service-worker.js ← แคชไฟล์ไว้ เปิดได้แม้เน็ตช้า/หลุด │ └── icons/ ← ไอคอนแอป ├── api/ │ └── claude.js ← เซิร์ฟเวอร์เล็กๆ ที่เรียก Claude API แทนหน้าเว็บ (เก็บ API key ให้ปลอดภัย) ├── package.json └── .env.example ``` **สำคัญ:** ฟีเจอร์ AI ในเกม (แต่งเนื้อเรื่อง / สร้างมอนสเตอร์ / วาดภาพพิกเซล) เดิมทีใช้ความสามารถพิเศษที่มีเฉพาะในหน้า Artifact ของ Claude.ai เมื่อเอาออกมาทำเป็นแอปของตัวเอง โค้ดจึงถูกปรับให้เรียก **Anthropic API ของคุณเอง** ผ่านไฟล์ `api/claude.js` แทน — นี่คือเหตุผลที่ต้องมี "เซิร์ฟเวอร์" เล็กๆ ส่วนนี้ (ไม่ใช่แค่ไฟล์ HTML เฉยๆ) --- ## ขั้นตอนที่ 1: ขอ Anthropic API Key 1. ไปที่ https://console.anthropic.com/settings/keys 2. สมัคร/ล็อกอิน แล้วกด "Create Key" 3. คัดลอกคีย์เก็บไว้ (จะขึ้นต้นด้วย `sk-ant-...`) 4. **ห้าม** ใส่คีย์นี้ในโค้ดฝั่งหน้าเว็บ (`public/index.html`) เด็ดขาด ใส่เฉพาะในตัวแปรสภาพแวดล้อม (environment variable) ของเซิร์ฟเวอร์เท่านั้น ค่าใช้จ่าย: คิดตามการใช้งานจริง (pay-as-you-go) ดูราคาปัจจุบันที่ https://docs.

โดย ryugyu153248-collab · ดูโพสต์ต้นทาง

ให้คะแนนผลงานนี้

ต้องเข้าสู่ระบบก่อนถึงให้คะแนนได้ เข้าสู่ระบบหรือสมัครฟรี

ผลงานอื่นในหมวด การศึกษาและเรียนรู้

คำถามที่พบบ่อยเกี่ยวกับ Quest Lines

Quest Lines ทำอะไรได้

พาผู้เล่นฝึกภาษาอังกฤษผ่านการผจญภัย โดยใช้ AI แต่งเนื้อเรื่อง สร้างสัตว์ประหลาด และวาดภาพ pixel ผู้เล่นใช้งานแยกจาก Claude.ai ได้ผ่าน Anthropic API key ของตนเอง และเพิ่มทางเข้าบนหน้าจอมือถือได้

ใครเป็นคนสร้าง Quest Lines

ryugyu153248-collab เป็นผู้สร้าง Quest Lines ผลงานหมวดการศึกษาและเรียนรู้ เว็บแอปเทพให้เครดิตเจ้าของผลงานและมีลิงก์กลับไปยังต้นทางทุกรายการ

Quest Lines ยังเปิดใช้งานได้อยู่ไหม

ตรวจล่าสุดเมื่อ 27 ก.ย. 2569 ยังเปิดใช้งานได้ปกติที่ https://victory-v-road.vercel.app

คะแนน 50 จาก 100 ของ Quest Lines คิดจากอะไร

คะแนนเต็ม 100 คิดจาก 4 ส่วน คือ เว็บยังเปิดใช้งานได้จริง 40 คะแนน (ลิงก์ตายเหลือ 5) คุณภาพเว็บจากการสแกนอัตโนมัติสูงสุด 20 คะแนน (ใช้บนมือถือได้ 5 โหลดเร็วสูงสุด 7 มีคำอธิบายเว็บ 4 มีภาษาไทย 4 รวมคะแนนบรรณาธิการ) ความนิยมในชุมชนต้นทางสูงสุด 20 คะแนน คิดแบบลดหลั่นตามจำนวน reactions และคะแนนดาวจากสมาชิกเว็บสูงสุด 20 คะแนน (ดาวเฉลี่ยคูณ 4)

เป็นเจ้าของผลงานนี้และอยากแก้ข้อมูลหรือนำออก แจ้งเราได้ที่นี่