บันทึกการเปลี่ยนแปลง

แต่ละเวอร์ชันของเว็บเปลี่ยนอะไรไปบ้าง เวอร์ชันปัจจุบันคือ v1.0.0

1. v1.0.0

   ล่าสุด25 ตุลาคม 2569

   เวอร์ชันแรกที่เปิดให้ใช้จริงที่ drone.dekgp.com

   เพิ่ม

   • ท้ายเว็บใหม่ใช้ร่วมกันทุกหน้า (หน้าแรก ตัวจำลอง สนาม ผลงาน ผู้จัดทำ บันทึกการเปลี่ยนแปลง): ลิงก์ไปทุกส่วนของเว็บจัดเป็นหมวด และกล่อง "มีอะไรใหม่" ที่ดึงรายการล่าสุดจาก CHANGELOG.md อัตโนมัติ เปลี่ยนตามทุกครั้งที่ออกเวอร์ชันใหม่
   • ทัวร์แนะนำการใช้งานครั้งแรกที่เข้าแต่ละหน้า (หน้าแรกเฉพาะส่วนบนสุด, ตัวจำลอง, สนามและกติกา, บทเรียน ขึ้นทันทีที่เข้าครั้งแรก): ไฮไลต์ด้วยกรอบสี มีข้อความอธิบายและปุ่มถัดไป/ย้อนกลับ/ข้าม ใช้คีย์ลูกศรและ Esc ได้ รองรับมือถือ แท็บเล็ต และแนวนอน จำว่าดูแล้ว ปุ่ม "วิธีใช้" มุมขวาล่างเปิดดูซ้ำได้ (ต่อท้าย URL ด้วย ?notour เพื่อปิด)
   • หน้าแรกมีคำใบ้ "เลื่อนลงเพื่อดูโดรนและผลงาน" ใต้ปุ่มหลัก
   • หน้าโหลดโมเดลโดรนบนหน้าแรก หายทันทีที่โมเดลพร้อม ไม่มีเวลาขั้นต่ำ มีเพดานไม่เกินราว 3 วินาที และโชว์ครั้งเดียวต่อเครื่อง (จำว่าโหลดสำเร็จแล้ว รีเฟรชหรือกลับมาหน้าแรกไม่โชว์ซ้ำ)
   • ตัวจัดการโจทย์ฝึก: เลือกจุดวางโดรนและทิศหัวได้ (ลากบนแผนผัง) และเลือกฐานได้ 3 แบบ คือ อยู่ที่จุดเริ่ม / อยู่ที่อื่น / ไม่มีฐาน (ลงตรงไหนก็จบภารกิจ) ใช้ได้กับกริดและพื้นว่าง ตัวจำลอง 2D/3D ทำตาม
   • แกลเลอรีภาพหลายรูปต่อผลงาน: หลังบ้านอัปโหลดหลายรูป/เลือกจากคลัง เรียงลำดับและลบได้ หน้าผลงานแสดงทุกภาพ กดดูภาพใหญ่ เลื่อนด้วยลูกศร
   • SEO ครบชุด: metadata และ canonical ทุกหน้า, ภาพแชร์ (Open Graph) แยกรายหน้า, sitemap อัตโนมัติ (รวมบทเรียนและผลงานจากฐานข้อมูล), robots, manifest, llms.txt, ข้อมูลโครงสร้าง JSON-LD (องค์กรการศึกษา, บทเรียน, ผลงาน, วิดีโอ, ตัวจำลอง, เส้นทางหน้า)
   • หน้า /changelog แสดงบันทึกนี้
   • คำคมประโยคเดียว "เราพังมาก่อน คุณจะได้บินเลย" พร้อมภาพคนทำ เหนือท้ายหน้าแรก ลิงก์ไปหน้า /team (ภาพต้นฉบับเก็บที่ assets/photos/)
   • หน้า /team (ผู้จัดทำ) ภาพเต็มกรอบ คำเปิด และแนะนำผู้เขียนเว็บ เพิ่มรายชื่อทีมได้ที่ src/lib/team.ts
   • การตั้งค่า Vercel: สองสาขา main (รวมงาน, ได้ลิงก์ทดลอง) และ release (ขึ้นเว็บจริง) พร้อมขั้นตอน CI และขั้นตอนออกเวอร์ชันอัตโนมัติ
   • ส่วนหัว HTTP ด้านความปลอดภัย และกันหน้าหลังบ้านออกจากผลค้นหา

   เปลี่ยน

   • มือถือ: เมนูผู้ใช้ (บัญชี/จัดการเว็บไซต์/ออกจากระบบ) ย้ายจากแถบบนเข้าไปอยู่ในลิ้นชักเมนู แถบบนเหลือเฉพาะโหมดสว่าง/มืดกับปุ่มเมนู
   • การ์ดทางเลือกในหน้าบทเรียนใหญ่ขึ้น อ่านง่าย มีปุ่ม "เปิดอ่าน →" ชัดว่ากดได้
   • ห่วงในตัวจำลองสมจริงขึ้น: มีเสาตั้งจากพื้น คานบน-ล่าง และฐานถ่วง โดรนที่เฉี่ยวโครงห่วงจะตกลงพื้นและจบภารกิจ (ลอดช่องตามความสูงที่ตั้งยังผ่านได้ บินลอดใต้คานล่างหรือข้ามคานบนได้ถ้าสูง/ต่ำพอ) หลังบ้านเลือกหมุนห่วงได้ 4 ทิศและตั้งความสูงขอบล่าง-บนของช่องได้
   • เสียงใบพัดในตัวจำลองสังเคราะห์ใหม่ให้ใกล้ควอดคอปเตอร์จริง: มอเตอร์ 4 ตัวรอบต่างกันเล็กน้อย (เสียงหึ่งแกว่งเป็นจังหวะ) ฮาร์มอนิกของใบพัด เสียงลมตีใบ และเสียงหวีดมอเตอร์ เปลี่ยนตามรอบและความเร็วบิน
   • ภาพแชร์ (Open Graph/Twitter) ทุกหน้าใช้ภาพ public/brand/og.jpg (ย่อจาก ชมรมโดรน.jpg) แทนภาพที่สร้างอัตโนมัติ เอาโค้ดสร้างภาพเดิมและฟอนต์ที่ใช้เฉพาะส่วนนั้นออก
   • หลังบ้านทุกรายการ (ผลงาน ฤดูกาล หมวดเนื้อหา โจทย์ฝึก): ปุ่มถังขยะเปลี่ยนเป็นเมนูสามจุด รวมแก้ไข เปิดดูบนเว็บ เผยแพร่/ฉบับร่าง และลบ (ถามยืนยัน) สถานะแสดงเป็นป้าย มือถือใช้การ์ดแทนตาราง
   • เส้นทางหน้า (breadcrumb) บนมือถืออยู่บรรทัดเดียว เลื่อนข้างได้ เปิดมาแล้วเลื่อนไปที่หน้าปัจจุบันเสมอ ขอบเฟดบอกใบ้ให้เลื่อน
   • หน้าผลงาน: container กว้างขึ้น (84rem), เนื้อหาอยู่ในการ์ด, ส่วน "ผลงานอื่น" มีภาพและปีของผลงาน
   • ส่วน "ผลงานที่ผ่านมา" บนหน้าแรกอยู่ใน container ครอบ การ์ดเริ่มตรงขอบกรอบ และเฟดเลือนหายที่ขอบซ้าย-ขวา
   • โมเดลโดรน 3 มิติบีบอัดด้วย meshopt: ตัวละเอียด 1.49 MB → 249 KB ตัวเบา 659 → 141 KB พร้อมดึงไฟล์และโค้ด 3 มิติล่วงหน้า หน้าแรกจึงขึ้นโดรนเร็วขึ้นมาก
   • ใช้ฟอนต์ Noto Sans Thai ตัวเดียวทั้งเว็บ (เดิมผสม Geist, Manrope, Sarabun) ให้อ่านสบายและไม่ลายตา
   • ย้ายไฟล์ต้นฉบับโมเดล Blender ออกจากโฟลเดอร์สาธารณะ
   • ให้ลิงก์ในเส้นทางหน้า (breadcrumb) ที่ส่งให้เครื่องมือค้นหาเป็น URL เต็ม

   แก้

   • ห่วงในฉาก 3 มิติเดิมวาดหันผิดทิศ 90° จากที่เอนจินคิด (เสาไปขวางทางบินตรงกลาง) แก้ให้ตรงกัน และแผนผัง 2 มิติของโจทย์กริดไม่วาดแท่น/ลูกโป่ง/เป้าของสนามแข่งซ้อนอีกต่อไป
   • ใบพัดโดรนในฉาก 3 มิติหมุนรอบแกนมอเตอร์ (เดิมจุดหมุนเยื้องหลังบีบอัดโมเดล)
   • หลังบ้านบนมือถือเลื่อนลงไม่ได้/เลื่อนซ้ายขวาได้ และการ์ด "แก้ไขล่าสุด" ในแดชบอร์ดล้น
   • ขั้นตรวจชนิด (typecheck) ใน CI สร้างไฟล์ Prisma และ MDX ก่อนรัน
   • วางข้อความจาก Facebook ในตัวแก้ข้อความ อิโมจิไม่กลายเป็นรูปเล็กๆ อีก (แปลงกลับเป็นตัวอักษรอิโมจิ) และกันซ้ำที่ฝั่งบันทึก
   • กรอบหลังบ้าน (border ที่ครอบเนื้อหา) ล็อกให้อยู่กับหน้าจอเสมอ เลื่อนขึ้นลงเฉพาะเนื้อหาข้างใน เห็นกรอบครบทุกด้านตลอด
   • แถบข้างหลังบ้านตอนพับ ซ่อนข้อความทั้งหมด เหลือไอคอนกึ่งกลางกับโลโก้
   • เว็บที่ขึ้น preview ไม่ถูกจัดอันดับในผลค้นหา และเข้าสู่ระบบบนลิงก์ preview ได้

   เอาออก

   • คีย์ลัด Ctrl/⌘+B เปิด-ปิดแถบข้างของหลังบ้าน (ชนกับคีย์ลัดตัวหนา) ใช้ปุ่มสลับอย่างเดียว
   • แพ็กเกจที่ไม่ได้ใช้: @aws-sdk/s3-request-presigner, ฟอนต์ Geist, Manrope, Sarabun

2. v0.9.0

   25 ตุลาคม 2569

   เพิ่ม

   • โจทย์ฝึกตัวจำลอง 14 ข้อ (ต้นแบบ 3 ภารกิจแข่งแบบฝั่งเดียว + โจทย์บนกริด 5×5 เมตร ช่องละ 1 เมตร ชื่อช่อง A1–E5)
   • วัตถุใหม่ในสนาม: จุดผ่านแบบมีลำดับ, ห่วงลอดกำหนดทิศและความสูง, แท่น ลูกโป่ง เป้า วางตามใจ
   • หลังบ้านจัดการโจทย์แบบลากวาง (ลายสนาม ตำแหน่ง ลำดับ คะแนน ระดับ โค้ดเริ่มต้น)
   • ตัวแก้โค้ดใหม่: ไฮไลต์สี, ชื่อคำสั่งผิดขีดเส้นแดง, พิมพ์แล้วมีรายการแนะนำ, ปุ่มแทรกคำสั่งเร็ว
   • เอนจินตรวจคะแนนจุดผ่านและห่วงจากเส้นทางบินจริง

   เปลี่ยน

   • ตัวจำลองเรียงเป็นขั้น เลือกโจทย์ → อ่านโจทย์ → เขียนโค้ด และรองรับลิงก์ ?tab=
   • โดรนเริ่มที่แท่นฐานเสมอ ความสูงเป็นไปตามคำสั่ง (เลิกโหมดลากโดรนวางเอง)
   • การออกตัวมีแรงกระชาก และเบรกไหลต่อเล็กน้อยตามโดรนจริง

3. v0.8.0

   25 ตุลาคม 2569

   เปลี่ยน

   • ออกแบบหน้า /field ใหม่ทั้งหมด: เลือกประเภท → ดูโดรนบินในสนาม → ต้องทำอะไร → ได้คะแนนยังไง
   • ออกแบบหน้า /simulator ใหม่ให้เห็นขั้นตอนชัด
   • ปุ่มควบคุมสนามมีข้อความกำกับทุกปุ่ม

   เอาออก

   • ตัวเร่งเวลา 1× 2× 4×
   • คลิป YouTube ในหน้าสนามและกติกา

4. v0.7.0

   25 ตุลาคม 2569

   เพิ่ม

   • ส่วน "เว็บนี้ทำอะไรได้บ้าง" บนหน้าแรก เรียง 5 ข้อตามลำดับที่คนใหม่ควรทำ
   • เมนูผู้ใช้เมื่อล็อกอิน (ชื่อ อีเมล สิทธิ์ ออกจากระบบ) ปุ่มเข้าสู่ระบบเป็นไอคอน, session อยู่ได้ 30 วัน
   • โดรน 3 มิติเปลี่ยนสีตามธีม (สว่างเป็นขาว มืดเป็นดำ)

   เปลี่ยน

   • ฉาก "โดรนบินได้ยังไง?" มีคำอธิบายเป็นภาษาคนทุกฉาก พร้อมเลขฉากและคำศัพท์เทคนิค
   • ขยายความกว้างทั้งหน้าแรกเป็น 84rem และจัดขอบให้ตรงกัน
   • กรอบโฟกัสช่องค้นหาโค้งมนแบบ squircle, ปุ่มทุกอันใช้ squircle-xl

5. v0.6.0

   25 ตุลาคม 2569

   เพิ่ม

   • ชุดสาธิตโดรน 3 มิติ CmdDemo แสดงว่าหลังสั่งแต่ละคำสั่ง โดรนทำอะไร
   • หน้า "อ่านโค้ดให้ออก" สำหรับคนไม่เคยเขียนโปรแกรม (ตัวแปร ฟังก์ชัน วัตถุ เมธอด OOP)
   • หน้า "เชื่อมต่อ Arduino กับโดรน" และ "คำสั่งแรก" พร้อมเหตุผลของแต่ละ delay
   • โค้ดตัวอย่างให้ดาวน์โหลด drone_sanam5.zip ทดสอบคอมไพล์ผ่านทั้ง 3 โหมด
   • ตัวอย่างคำนวณ move_left_cm(100) และวิธีหาตัวคูณ ms ต่อ ซม.
   • กล่อง "สรุปก่อนอ่าน" ในหน้า C++

   เปลี่ยน

   • เรียงบทเรียนใหม่เป็นลำดับ 1 2 3 (เริ่มต้น → Arduino → เขียนโค้ด → กลไก → สนามแข่ง) ส่วนฟิสิกส์และอิเล็กทรอนิกส์เป็นบทเสริม

6. v0.5.0

   25 ตุลาคม 2569

   เพิ่ม

   • บทเรียนครบ 52 หน้า 8 หมวด ตั้งแต่โดรนบินได้ยังไง ฟิสิกส์ อิเล็กทรอนิกส์ ติดตั้ง Arduino C++ เขียนโค้ดสั่งโดรน กลไก ลงสนามแข่ง ถึงโปรโตคอลขั้นสูง
   • รูป SVG อธิบายเนื้อหา ~66 รูป และภาพจริง 15 ภาพ (เรนเดอร์ของชมรม + ภาพจากคู่มือ RCSA พร้อมเครดิต)
   • เครื่องคิดเลขในบทเรียน, ปุ่มเปิดโปรแกรมตัวอย่างในตัวจำลอง

7. v0.4.0

   24 ตุลาคม 2569

   เพิ่ม

   • เส้นทางหน้า (breadcrumb) ทุกหน้า ยกเว้นหน้าแรก
   • ฝังคลิปแข่งขันในหน้าผลงาน

   เปลี่ยน

   • อัปโหลดรูปไป Cloudflare R2 ผ่านเซิร์ฟเวอร์ (แก้ปัญหาอัปโหลดตรงไม่ผ่าน)
   • ผลงานเปลี่ยนจากช่อง "ทีมที่ทำ" เป็น "สถานที่"
   • ลดขนาดตัวอักษรเนื้อหาเหลือ 16px และปรับระยะบรรทัดของรายการ

8. v0.3.0

   24 ตุลาคม 2569

   เพิ่ม

   • แถบเมนูมีเอฟเฟกต์ (แถบไฮไลต์ตามเมาส์ จุดบอกหน้าปัจจุบัน หดเมื่อเลื่อน) และ Drawer บนมือถือ
   • หน้าเข้าสู่ระบบ
   • หลังบ้านเต็มระบบ: ผลงาน ฤดูกาล/กติกา หมวดเนื้อหา โจทย์ สมาชิกและสิทธิ์ คลังรูป พร้อมแถบข้างแบบ inset
   • ตัวแก้ข้อความแบบ WYSIWYG, ครอปรูปแบบ dialog, คลังรูป, ใส่รูปในเนื้อหาได้

9. v0.2.0

   24 ตุลาคม 2569

   เปลี่ยน

   • จัดหน้าแรกใหม่ให้เน้นโชว์ผลงาน ไม่อธิบายสเปก (ย้ายคำอธิบายไปบทเรียน) มีตัวหนังสือวิ่ง
   • ส่วนผลงานเป็นการ์ดขนาดเท่ากัน รูปบน ข้อความล่าง วิ่งเป็น marquee และ carousel กดเข้าดูรายละเอียดได้
   • ฉากเรื่องเล่า "โดรนบินได้ยังไง?" ตรึงหน้าจอแล้วเปลี่ยนเนื้อหา มีโดรน 3 มิติตัวเดียวอยู่กลางภาพเส้น SVG

10. v0.1.0

    24 ตุลาคม 2569

    เพิ่ม

    • เริ่มโปรเจกต์: ย้ายจาก Astro เป็น Next.js (App Router) + Tailwind v4 + shadcn
    • หน้าแรกพร้อมโดรน 3 มิติที่ขยับตามการเลื่อนหน้า
    • ระบบบทเรียน Fumadocs 7 หน้าแรก
    • ฐานข้อมูล Neon (Prisma), ระบบสมาชิก Better Auth, ที่เก็บรูป Cloudflare R2
    • สนามจำลอง 3 มิติ 10×10 เมตรตามกติกาปี ๒๕๖๙ และตัวจำลองการบิน