CatWorkScreen 🐱
น้องแมวประจำหน้าจอ VSCode — เดินเล่น/แสดงท่าทางตามขอบ panel ขณะทำงาน
ไม่ขวางการพิมพ์โค้ด และเลี้ยงได้เหมือนเกม (สะสมแต้ม เลเวลอัป แมวมีพัฒนาการ)
เอกสารออกแบบฉบับเต็มอยู่ในไฟล์ PROPOSAL.md ของซอร์สโค้ด
สถานะปัจจุบัน (Phase 1–2)
- ✅ น้องแมว (วาดด้วย CSS) อยู่ใน Webview View ที่ panel ล่าง ลากย้ายขอบได้
- ✅ เดินไปมาตามขอบล่าง เลี้ยวกลับที่ขอบ + สลับท่า idle / นั่ง / นอน เอง
- ✅ ลากตัวแมวได้ / แตะตัวแมว = ลูบหัว (ได้ปฏิกิริยา)
- ✅ hook event จริง: บันทึกไฟล์ → ได้ 🐟 + ⭐ → เลเวลอัป
- ✅ โหมดรอ (Waiting Mode) — เล่นไหมพรม 🧶 ระหว่างรอ AI/งาน
- กดเอง:
Cmd+Alt+W หรือคลิกที่ status bar
- อัตโนมัติ: เข้าโหมดรอตอน task/build รันอยู่ แล้วฉลอง/ปลอบใจตามผล
- ✅ ปฏิกิริยา build/test จริง (
onDidEndTaskProcess): ผ่าน → ฉลอง +2🐟, ล้ม → ปลอบใจ
- ✅ ระบบ Needs + Mood + การดูแล (Phase 3):
- 🍖 ความอิ่ม · 😺 ความสุข · ⚡ พลังงาน — ค่อยๆ ลดตามเวลาจริง (คำนวณ lazy)
- แถบสถานะ + 🔥 streak ในหน้าต่าง
- ปุ่มดูแล: 🍖 ให้อาหาร (5🐟) · 🧶 เล่น · 💤 พัก · แตะตัวแมว = ลูบ
- mood เปลี่ยนสีหน้า/พฤติกรรม (ง่วง→นอนบ่อย, เศร้า→ปากคว่ำ)
- ✅ เควสต์รายวัน (Phase 4) — สุ่ม 3 เควสต์/วัน ผูกกับพฤติกรรมจริง:
- 💾 บันทึกไฟล์ · ⏱️ โฟกัสเขียนโค้ด (นับเฉพาะตอนพิมพ์จริง+หน้าต่าง focus)
- 🌿 git commit · 🧪 build/test ผ่าน · 📄 สร้างไฟล์ใหม่
- แถบความคืบหน้า + ทำสำเร็จได้รางวัล 🐟⭐ อัตโนมัติ (ปุ่ม 📋 เปิดดูรายการ)
- ✅ แหล่งสัญญาณจริงเพิ่ม: สร้างไฟล์, focus minute, git commit (ผ่าน vscode.git API)
- ✅ ร้านค้า + Catdex (Phase 5) — ปุ่ม 🏪 เปิดร้าน:
- ใช้ 🐟 ปลดล็อก 10 พันธุ์/สีแมว (ส้ม/เทา/ดำ/ขาว/สามสี/วิเชียรมาศ/ทักซิโด้/มินต์/กาแล็กซี่...)
- ซื้อแล้วเปลี่ยนตัวได้ทันที (สมุดสะสมโชว์ตัวที่ปลดล็อกแล้ว)
- ✅ Achievements + Level Reward Track (Phase 5):
- 🏅 16 ความสำเร็จระยะยาว (save/commit/focus/streak/level/สะสมพันธุ์) — ปุ่ม 🏅 เปิดดู
- 🎁 ปลดล็อกแมวฟรีตามเลเวล (Lv.3/7/15/30/50 ได้แมวพันธุ์ใหม่ไม่ต้องซื้อ)
- ได้รางวัล 🐟 อัตโนมัติเมื่อถึงเป้า + แจ้งเตือน
- ✅ มินิเกมไล่จับ Critter (Phase 6) — แมว “เล่าเรื่องการเขียนโปรแกรม” 12 แบบ:
- 🪳 Error (แมลงสาบ) วิ่งตามพื้น → แมววิ่งไล่จับ/ขย้ำ
- 🐞 Bug (เต่าทอง) บินขึ้นลงไปมา → แมวกระโดดงับ
- 🟩 โค้ด Matrix (ตัวอักษรเขียวลอยแนวนอน) → แมวกระโดดหลบ “โค้ดพัง”
- 📦 npm package หล่นลงมา ·
; semicolon ที่หล่น → แมวเก็บบนพื้น
- 👻 null/undefined (NPE) → แมวขู่ฟ่อแล้ววิ่งหนี · 🦆 เป็ดยาง → แมวนั่ง “rubber-duck debug”
- 🌀 infinite loop → แมวหมุนไล่งับหางตัวเอง · 🚦 CI build เขียว ผ่าน → แมวฉลอง
- ☕ กาแฟ (เติมพลังงาน) · 🔀 merge conflict · 💎 merged-PR gem (โบนัสหายาก)
- จับ Error/Bug/package/; +🐟+⭐ มีเพดานต่อวัน (25🐟) กันฟาร์มฟรี — ปิดได้ที่
catworkscreen.critters
- ✅ เลี้ยงหลายตัวพร้อมกัน (Cat Slots) (Phase 6) — อวดเพื่อนได้:
- 👨👩👧 ปลดล็อกสล็อตเพิ่มในร้าน 🏪 — ราคา แพงขึ้นเรื่อยๆ (150→350→650→1000→1600🐟, สูงสุด 6 ตัว)
- เงื่อนไข: ต้องมี 🐟 พอ และ สะสมแมวให้ครบจำนวนสล็อต → ยิ่งทำงานเยอะ ยิ่งเลี้ยงได้เยอะ
- กดปุ่ม 🐾 ออกมา / 😴 พัก เพื่อเลือกว่าจะให้แมวพันธุ์ไหนออกมาเดินพร้อมกัน
- ✅ ระบบอัปเกรดถาวร (ใช้ 🐟) (Phase 6) — ไล่จับ/ทำงานสะสมปลาแล้วเอามาอัปในร้าน 🏪 (ปุ่ม ⬆️):
- 🏃 ความเร็ว — แมวเดิน/ไล่จับเร็วขึ้น (สูงสุด +60%)
- 🍖 ค่าอาหาร — ให้อาหารฟื้นเยอะขึ้น + ถูกลง + หิวช้าลง
- ⚡ พลัง — พลังงานหมดช้าลง + เพดานล่าต่อวันสูงขึ้น + จับได้โบนัสปลา
- 🎯 ระยะจับ — ระยะตรวจจับ critter กว้างขึ้น + critter โผล่ถี่ขึ้น
- แต่ละอย่าง 5 เลเวล ราคาแพงขึ้นเรื่อยๆ (เศรษฐกิจเดียวกับซื้อแมว/สกิน)
- ✅ เก็บข้อมูลเกมใน globalState (level/fish/streak/needs/quests/skins/achievements/slots/upgrades อยู่ข้ามเซสชัน)
วิธีรันทดสอบ
npm install- เปิดโฟลเดอร์นี้ใน VSCode
- กด F5 (Run CatWorkScreen Extension) → เปิดหน้าต่าง Extension Development Host
- เปิด Panel ล่าง แล้วมองหาแท็บ CatWorkScreen (ถ้าไม่เห็น: สั่ง
CatWorkScreen: เปิดหน้าต่างน้องแมว จาก Command Palette)
- ลองพิมพ์โค้ดแล้ว บันทึกไฟล์ (Cmd+S) → น้องแมวจะดีใจและได้แต้ม 🐟
คำสั่ง (Command Palette)
CatWorkScreen: ให้ขนมน้องแมว 🍖CatWorkScreen: เปิดหน้าต่างน้องแมวCatWorkScreen: รีเซ็ตข้อมูลเกม (เริ่มใหม่)
การตั้งค่า
catworkscreen.enabled — เปิด/ปิดน้องแมวcatworkscreen.walkSpeed — ความเร็วเดิน (0.2–3)catworkscreen.reactToSave — ให้แมวตอบสนองตอนบันทึกไฟล์catworkscreen.critters — เปิด/ปิดมินิเกมไล่จับ Error/Bug/โค้ด Matrix
พัฒนา
npm run watch # บันเดิลแบบ watch (แล้วกด F5)
npm run compile # บันเดิลครั้งเดียว
npx tsc --noEmit # ตรวจชนิดข้อมูล
ถัดไป (ตาม Roadmap)
Phase 2: ท่าทางเพิ่ม + โหมดรอ AI · Phase 3: reactions test/commit + mood
Phase 4: ระบบเกม/เศรษฐกิจเต็ม · Phase 5: เควสต์/ของสะสม · ดูไฟล์ PROPOSAL.md
| |
