เจาะรหัสสี ทำไมต้องใช้เลขฐาน 16? : คณิตคอม

# 🎬 Storyboard: เจาะรหัสสี ทำไมต้องใช้เลขฐาน 16? **รูปแบบ:** สื่อการเรียนการสอนแบบ Micro Learning **กลุ่มเป้าหมาย:** นักเรียน ปวช. สาขาคอมพิวเตอร์กราฟิก / เทคโนโลยีสารสนเทศ / นักพัฒนาเว็บ **สถานที่:** ห้องปฏิบัติการคอมพิวเตอร์ / ห้องเรียนเทคโนโลยี **ตัวละครหลัก:** ครูสาวจากภาพอ้างอิง **โทน:** สนุก ทันสมัย เป็นกันเอง เข้าใจง่าย แต่ถูกต้องทางวิชาการ **หัวข้อ:** Binary → Hexadecimal → RGB → Hex Color Code → การใช้งานจริง --- ## Shot / Scene 1: Hook — ทำไมสีแดงถึงเป็น #FF0000? **1. Shot / Scene:** 1 **2. Visual:** ครูสาวถือสมาร์ทโฟนหรือแท็บเล็ต มองเข้ากล้องด้วยสีหน้าสงสัยและท้าทาย ด้านข้างปรากฏรหัสสี `#FF0000` พร้อมพื้นที่สีแดงสด **3. Shot Size:** Close-up (CU) **4. Camera Angle / Movement:** Eye Level / Rapid Dolly In **5. Dialogue / Voice Over:** > “เคยสงสัยไหมคะ? ทำไมสีแดงในคอมพิวเตอร์ไม่เขียนว่า RED แต่กลับเป็นรหัสแปลก ๆ อย่าง #FF0000?” **6. Text / Graphic:** **#FF0000 = สีอะไร?** **7. Audio:** Upbeat Tech Music + เสียง “ฟรึ่บ!” + เสียง “ป๊อป!” **8. Duration:** 6 วินาที **9. Note:** เปิดเรื่องด้วยคำถามที่ผู้เรียนเห็นได้จริงจากงานกราฟิกและเว็บไซต์ --- # Shot / Scene 2: ใครควรรู้เรื่องนี้? **1. Shot / Scene:** 2 **2. Visual:** ครูสาวเดินอย่างมั่นใจผ่านโต๊ะคอมพิวเตอร์ มีจอแสดงงานกราฟิก เว็บไซต์ และ Color Picker อยู่ด้านหลัง **3. Shot Size:** Knee Shot **4. Camera Angle / Movement:** Low Angle เล็กน้อย / Tracking Shot ถอยตามครู **5. Dialogue / Voice Over:** > “ใครเรียนกราฟิก ทำเว็บไซต์ หรือเขียนโปรแกรมเรื่องสี คลิปนี้จะทำให้เลขฐาน 16 เข้าใจง่ายขึ้นค่ะ!” **6. Text / Graphic:** **“เด็กกราฟิก”** **“เด็กทำเว็บ”** **“เด็กไอที”** **7. Audio:** เสียงฝีเท้า + Pop-up SFX **8. Duration:** 6 วินาที --- # Shot / Scene 3: พื้นฐาน — Binary คืออะไร? **1. Shot / Scene:** 3 **2. Visual:** ครูดีดนิ้ว ฉากหลังเปลี่ยนเป็นกราฟิกเลข `0` และ `1` เคลื่อนไหวเหมือนข้อมูลดิจิทัล **3. Shot Size:** Medium Shot (MS) **4. Camera Angle / Movement:** Eye Level / Static **5. Dialogue / Voice Over:** > “พื้นฐานสำคัญก่อนเลยค่ะ ข้อมูลภายในคอมพิวเตอร์สามารถแทนด้วยเลขฐานสอง หรือ Binary ที่มีแค่ 0 กับ 1” **6. Text / Graphic:** **Binary = 0 และ 1** ตัวอย่าง: `10110101` **7. Audio:** เสียงดีดนิ้ว + Digital Glitch **8. Duration:** 8 วินาที **9. Note:** ใช้คำว่า “สามารถแทนด้วย” แทนการบอกว่าคอมพิวเตอร์ “รู้จักแค่ 0 กับ 1” เพื่อความถูกต้องทางวิชาการ --- # Shot / Scene 4: แล้วทำไมต้องมีเลขฐาน 16? **1. Shot / Scene:** 4 **2. Visual:** เลข Binary จำนวนมากปรากฏเต็มหน้าจอ ก่อนที่ครูจะใช้มือปัดออก แล้วเปลี่ยนเป็นตัวเลขและตัวอักษร Hexadecimal **3. Shot Size:** Medium Shot **4. Camera Angle / Movement:** Pan ตามการเคลื่อนไหวของมือ **5. Dialogue / Voice Over:** > “แต่ถ้าเขียนเลขฐานสองยาว ๆ มันอ่านยากมาก เลขฐาน 16 หรือ Hexadecimal จึงช่วยเขียนค่ากลุ่มนี้ให้สั้นและอ่านง่ายขึ้นค่ะ” **6. Text / Graphic:** `0000 → 0` `1111 → F` **HEX = 0–9 และ A–F** **7. Audio:** Swoosh + Magical Pop **8. Duration:** 9 วินาที --- # Shot / Scene 5: ทำไม Hex ถึงมี A ถึง F? **1. Shot / Scene:** 5 **2. Visual:** ตัวเลข `0–9` เรียงกัน แล้ว A–F ค่อย ๆ ปรากฏต่อท้าย **3. Shot Size:** Close-up **4. Camera Angle / Movement:** Static / Graphic Animation **5. Dialogue / Voice Over:** > “เลขฐาน 16 มีทั้งหมด 16 ค่า ตั้งแต่ 0 ถึง 9 แล้วต่อด้วย A B C D E และ F โดย A เท่ากับ 10 และ F เท่ากับ 15” **6. Text / Graphic:** `0 1 2 3 4 5 6 7 8 9 A B C D E F` **7. Audio:** เสียง Pop ทีละตัว **8. Duration:** 9 วินาที --- # Shot / Scene 6: หัวใจสำคัญ — 4 Bits = 1 Hex Digit **1. Shot / Scene:** 6 **2. Visual:** เลข Binary 4 หลัก `1111` รวมตัวกัน แล้วเปลี่ยนเป็น `F` **3. Shot Size:** Medium Close-up **4. Camera Angle / Movement:** Static พร้อม Motion Graphic **5. Dialogue / Voice Over:** > “จำอันนี้ไว้เลยค่ะ 4 บิตในเลขฐานสอง สามารถแทนด้วยเลขฐาน 16 ได้ 1 ตัว เช่น 1111 ในฐานสอง เท่ากับ F ในฐาน 16” **6. Text / Graphic:** **4 bits = 1 Hex digit** `1111₂ = F₁₆` **7. Audio:** เสียง Digital Transformation + “ติ๊ง!” **8. Duration:** 10 วินาที **9. Note:** Shot นี้เป็นแกนความรู้สำคัญที่ควรเน้นให้ผู้เรียนเข้าใจ --- # Shot / Scene 7: แกะรหัสสี RGB **1. Shot / Scene:** 7 **2. Visual:** ครูชี้ไปที่รหัส `#FF0000` แล้วรหัสถูกแบ่งออกเป็น 3 คู่ **3. Shot Size:** Close-up (CU) **4. Camera Angle / Movement:** Eye Level / Static **5. Dialogue / Voice Over:** > “ทีนี้มาดูรหัสสีกันค่ะ ตัวเลขหลังเครื่องหมาย # จะมี 6 ตัว แบ่งเป็น 3 คู่ แทนค่า R G B หรือ แดง เขียว และน้ำเงิน” **6. Text / Graphic:** `# FF 00 00` **R = FF** **G = 00** **B = 00** **7. Audio:** “ปิ๊ง!” 3 ครั้ง **8. Duration:** 9 วินาที --- # Shot / Scene 8: 00 ถึง FF คืออะไร? **1. Shot / Scene:** 8 **2. Visual:** กราฟิกแสดง Gradient จากสีดำไปสีแดงสว่าง พร้อมค่าที่เพิ่มจาก `00` ไป `FF` **3. Shot Size:** Medium Shot **4. Camera Angle / Movement:** Slow Zoom In **5. Dialogue / Voice Over:** > “แต่ละคู่มีค่าได้ตั้งแต่ 00 ถึง FF ซึ่งเทียบเท่ากับค่า 0 ถึง 255 ในระบบเลขฐานสิบ ยิ่งค่ามาก ความเข้มของสีนั้นก็ยิ่งมากค่ะ” **6. Text / Graphic:** `00 = 0` `FF = 255` **7. Audio:** เสียงระดับพลังงานเพิ่มขึ้นตามค่า **8. Duration:** 10 วินาที --- # Shot / Scene 9: ทดลองสร้างสีแดง #FF0000 **1. Shot / Scene:** 9 **2. Visual:** ครูใช้มือแตะกราฟิก R, G, B ทีละตัว เมื่อ R เปลี่ยนเป็น FF และ G/B เป็น 00 หน้าจอเปลี่ยนเป็นสีแดงสด **3. Shot Size:** Medium Close-up (MCU) **4. Camera Angle / Movement:** Eye Level / Slow Push-in **5. Dialogue / Voice Over:** > “ถ้าอยากได้สีแดง เราให้ R มีค่าสูงสุดเป็น FF ส่วน G และ B เป็น 00 เราก็จะได้สีแดง #FF0000 ค่ะ” **6. Text / Graphic:** `R = FF` 🔴 `G = 00` `B = 00` **#FF0000 = RED** **7. Audio:** เสียง “ชิ้ง!” เมื่อสีแดงปรากฏ **8. Duration:** 9 วินาที --- # Shot / Scene 10: เปรียบเทียบสีดำและสีขาว **1. Shot / Scene:** 10 **2. Visual:** เฟรมแบ่งซ้าย-ขวา ครูแบมือสองข้าง ฝั่งซ้ายเป็นสีดำ ฝั่งขวาเป็นสีขาว **3. Shot Size:** Medium Shot **4. Camera Angle / Movement:** Eye Level / Static **5. Dialogue / Voice Over:** > “ลองดูสองค่านี้ค่ะ #000000 คือทุกสีมีค่าเป็นศูนย์ จึงได้สีดำ ส่วน #FFFFFF ทุกสีมีค่าสูงสุด จึงได้สีขาว” **6. Text / Graphic:** `#000000 = BLACK` ⚫ `#FFFFFF = WHITE` ⚪ **7. Audio:** เสียงปิดไฟ → เสียงเปิดไฟและวิ้ง **8. Duration:** 10 วินาที --- # Shot / Scene 11: นำไปใช้จริงในงานกราฟิกและเว็บไซต์ **1. Shot / Scene:** 11 **2. Visual:** Over-the-shoulder ของครูขณะเปิดโปรแกรมออกแบบหรือหน้าต่าง CSS Color Picker แล้วพิมพ์ `#FF0000` สีของกล่องหรือองค์ประกอบบนหน้าจอเปลี่ยนเป็นสีแดง **3. Shot Size:** Over-the-Shoulder (OTS) **4. Camera Angle / Movement:** High Angle เล็กน้อย / Slow Pan ตามนิ้ว **5. Dialogue / Voice Over:** > “เวลาออกแบบเว็บไซต์หรือกราฟิก เราสามารถกำหนดค่าสีด้วย Hex Code ได้ ทำให้ระบุสีที่ต้องการได้อย่างเป็นระบบและแม่นยำ” **6. Text / Graphic:** ```text color: #FF0000; ``` **7. Audio:** เสียงพิมพ์คีย์บอร์ด + “ปิ๊ง!” เมื่อสีเปลี่ยน **8. Duration:** 10 วินาที --- # Shot / Scene 12: ทำไมเรื่องนี้สำคัญ? **1. Shot / Scene:** 12 **2. Visual:** ครูยืนกอดอกอย่างมั่นใจ ด้านหลังปรากฏงานเว็บไซต์ โลโก้ และงานกราฟิกหลายรูปแบบ **3. Shot Size:** Knee Shot **4. Camera Angle / Movement:** Eye Level / Static **5. Dialogue / Voice Over:** > “เห็นไหมคะ? เลขฐาน 16 ไม่ใช่แค่ตัวเลขบนกระดาน แต่มันอยู่ในงานเว็บไซต์ งานกราฟิก และเทคโนโลยีดิจิทัลที่เราใช้ทุกวัน” **6. Text / Graphic:** **“HEX = เครื่องมือสำคัญของงานดิจิทัล”** **7. Audio:** ดนตรี Tech ปรับขึ้นเล็กน้อย **8. Duration:** 9 วินาที --- # Shot / Scene 13: Quiz — ทดสอบความเข้าใจ **1. Shot / Scene:** 13 **2. Visual:** ครูเดินเข้ามาใกล้กล้อง ทำหน้าท้าทายและชี้ไปที่กราฟิกคำถามขนาดใหญ่ **3. Shot Size:** Close-up **4. Camera Angle / Movement:** Eye Level / Static **5. Dialogue / Voice Over:** > “เอาล่ะค่ะ! ขอทดสอบกันหน่อย ใครรู้บ้างว่า #00FF00 คือสีอะไร?” **6. Text / Graphic:** #00FF00 **= สีอะไร? ❓** ตัวเลือก: 🔴 แดง 🟢 เขียว 🔵 น้ำเงิน **7. Audio:** เสียง “ติ๊ง!” + เสียง Quiz **8. Duration:** 8 วินาที **9. Note:** เว้นจังหวะประมาณ 2 วินาทีให้ผู้เรียนคิดก่อนเฉลยในคลิปถัดไปหรือในช่วงท้าย --- # Shot / Scene 14: เฉลย + สรุป **1. Shot / Scene:** 14 **2. Visual:** สีเขียวสว่างเต็มพื้นหลัง ครูยิ้มและชูนิ้วโป้ง **3. Shot Size:** Medium Close-up **4. Camera Angle / Movement:** Eye Level / Slow Push-in **5. Dialogue / Voice Over:** > “คำตอบคือสีเขียวค่ะ เพราะ R เป็น 00, G เป็น FF และ B เป็น 00 หรือ #00FF00 นั่นเอง!” **6. Text / Graphic:** **#00FF00 = GREEN 🟢** จากนั้นแสดงสรุป: **Binary → Hex → RGB → Color** **7. Audio:** เสียง “Correct!” + เสียงวิ้ง **8. Duration:** 9 วินาที --- # Shot / Scene 15: Outro + Call to Action **1. Shot / Scene:** 15 **2. Visual:** ครูสาวเดินเข้าหากล้อง ยิ้มสดใส ก่อนโบกมือลา ฉากหลังเป็นห้องปฏิบัติการคอมพิวเตอร์ **3. Shot Size:** Medium Shot → Wide Shot **4. Camera Angle / Movement:** Eye Level / Dolly Out **5. Dialogue / Voice Over:** > “เห็นไหมคะว่าเลขฐาน 16 ไม่ได้น่ากลัวเลย! ถ้าเข้าใจหลักการ ก็สามารถนำไปใช้กับงานกราฟิกและเว็บไซต์ได้จริง อยากเรียนรู้ทริคไอทีแบบนี้อีก อย่าลืมกดติดตามนะคะ บ๊ายบาย!” **6. Text / Graphic:** **“เลขฐาน 16 ไม่ยากอย่างที่คิด!”** **“เรียนรู้ → เข้าใจ → นำไปใช้”** **“กดติดตามเพื่อเรียนรู้เรื่องไอทีเพิ่มเติม”** **7. Audio:** Upbeat Tech Outro + Fade Out **8. Duration:** 10 วินาที --- # 📚 สรุปแกนความรู้ของบทเรียน **1. Binary** `0 และ 1` ↓ **2. 4 Bits** `1111₂` ↓ **3. Hexadecimal** `F₁₆` ↓ **4. Hex Color** `#RRGGBB` ↓ **5. ค่าแต่ละช่อง** `00 – FF` ↓ **6. เทียบเลขฐานสิบ** `00 = 0` `FF = 255` ↓ **7. RGB** `R = Red` `G = Green` `B = Blue` ↓ **8. ตัวอย่าง** `#FF0000 = แดง` `#00FF00 = เขียว` `#0000FF = น้ำเงิน` `#000000 = ดำ` `#FFFFFF = ขาว` --- ## 🎯 จุดประสงค์การเรียนรู้ หลังชมวิดีโอนี้ ผู้เรียนสามารถ: * อธิบายความหมายของเลขฐาน 2 และเลขฐาน 16 ได้ * อธิบายความสัมพันธ์ระหว่าง **4 Bits กับ 1 Hex Digit** ได้ * ระบุชุดตัวเลขและตัวอักษรของ Hexadecimal ได้ * อธิบายโครงสร้าง **#RRGGBB** ได้ * อธิบายช่วงค่า **00–FF หรือ 0–255** ได้ * อ่านและวิเคราะห์รหัสสีพื้นฐาน เช่น `#FF0000` และ `#00FF00` ได้ * นำ Hex Color ไปประยุกต์ใช้กับงานกราฟิกและเว็บไซต์ได้ **แนวคิดปิดบทเรียน:** > **“เลขฐาน 16 ไม่ใช่แค่ตัวเลข แต่เป็นภาษาหนึ่งที่ช่วยให้เราเข้าใจและควบคุมสีในโลกดิจิทัลได้”** ................................................................................................................ 🎬 PANEL 2 — VIDEO GENERATION PROMPT เจาะรหัสสี ทำไมต้องใช้เลขฐาน 16? 🔒 GLOBAL VOICE LOCK ให้ใส่ส่วนนี้ในทุก Shot VOICE LANGUAGE: THAI ONLY. The female teacher speaks ONLY natural Thai language. The spoken voice must be 100% Thai. Do not speak English. Do not translate the dialogue into English. Do not read English instructions aloud. Do not improvise or add extra words. Speak exactly the Thai dialogue provided in the prompt. Use natural Thai pronunciation, natural Thai sentence rhythm, and clear Thai articulation. Accurate lip synchronization with Thai speech. Technical terms in spoken dialogue must be pronounced in Thai: RGB = อาร์ จี บี Binary = ไบนารี Hexadecimal = เฮกซะเดซิมอล Hex Code = เฮกซ์โค้ด FF = เอฟ เอฟ 00 = ศูนย์ ศูนย์ #FF0000 = แฮช เอฟ เอฟ ศูนย์ ศูนย์ ศูนย์ ศูนย์ #00FF00 = แฮช ศูนย์ ศูนย์ เอฟ เอฟ ศูนย์ ศูนย์ #000000 = แฮช ศูนย์ ศูนย์ ศูนย์ ศูนย์ ศูนย์ ศูนย์ #FFFFFF = แฮช เอฟ เอฟ เอฟ เอฟ เอฟ เอฟ IMPORTANT: The visual graphics may contain English technical terms and hexadecimal codes, but the teacher's spoken voice must remain Thai. No English voice. No English narration. No English subtitles. No automatic translation. ◈ SHOT 1 — HOOK 0–6 วินาที VIDEO GENERATION PROMPT Use the same Thai female teacher from the reference image. Keep the exact same face, hairstyle, body proportions, clothing style and overall appearance. The teacher stands inside a modern computer laboratory holding a tablet. She looks directly into the camera with a curious and challenging expression. Close-up shot, eye-level camera, fast cinematic dolly-in toward the teacher. A vivid red digital color graphic appears beside her showing #FF0000 with a red color swatch. Realistic educational technology video, natural Thai teacher performance, bright indoor lighting, realistic skin, realistic hands, cinematic but natural. VOICE LANGUAGE: THAI ONLY. Thai Voice: "เคยสงสัยไหมคะ? ทำไมสีแดงในคอมพิวเตอร์ไม่เขียนว่า เรด แต่กลับเป็นรหัสแปลก ๆ อย่าง แฮช เอฟ เอฟ ศูนย์ ศูนย์ ศูนย์ ศูนย์?" Speak exactly this Thai dialogue. Do not translate. Do not speak English. No subtitles. No English voice. Duration: 6 sec ◈ SHOT 2 — กลุ่มเป้าหมาย 6–12 วินาที Use the same Thai female teacher from the previous shot with identical appearance. The teacher confidently walks through a modern computer laboratory toward the camera. Computer monitors in the background display graphic design layouts, website interfaces and digital color palettes. Smooth tracking camera moving backward while the teacher walks. Friendly confident expression. Modern educational technology atmosphere. Floating visual graphics appear around her showing: "เด็กกราฟิก" "เด็กทำเว็บ" "เด็กไอที" VOICE LANGUAGE: THAI ONLY. Thai Voice: "ใครเรียนกราฟิก ทำเว็บไซต์ หรือเขียนโปรแกรมเรื่องสี คลิปนี้จะทำให้เลขฐานสิบหกเข้าใจง่ายขึ้นค่ะ" Speak only Thai. Do not pronounce English words. Do not translate. No subtitles. Duration: 6 sec ◈ SHOT 3 — BINARY 12–20 วินาที Use the same Thai female teacher. Medium shot inside a computer laboratory. The teacher snaps her fingers once. The background transforms into streams of digital numbers 0 and 1 flowing vertically. The teacher points naturally toward the numbers while explaining. Eye-level camera, static shot, realistic educational video. Visual graphic: "เลขฐานสอง" "0 และ 1" "10110101" VOICE LANGUAGE: THAI ONLY. Thai Voice: "พื้นฐานสำคัญก่อนเลยค่ะ ข้อมูลภายในคอมพิวเตอร์สามารถแทนด้วยเลขฐานสอง หรือ ไบนารี ที่มีแค่ศูนย์กับหนึ่ง" The English word Binary must NOT be spoken. Say only the Thai pronunciation "ไบนารี". No English voice. No subtitles. Duration: 8 sec ◈ SHOT 4 — HEXADECIMAL 20–29 วินาที Use the same Thai female teacher. Medium shot. Streams of binary numbers 0 and 1 fill the background. The teacher makes a smooth hand-sweeping gesture. The binary numbers visually transform into hexadecimal characters from 0 to 9 and A to F. Camera pans slightly following her hand. Visual graphic: "เลขฐานสิบหก" "HEX" "0 1 2 3 4 5 6 7 8 9 A B C D E F" VOICE LANGUAGE: THAI ONLY. Thai Voice: "แต่ถ้าเขียนเลขฐานสองยาว ๆ มันอ่านยากมาก เลขฐานสิบหก หรือ เฮกซะเดซิมอล จึงช่วยเขียนค่าเหล่านี้ให้สั้นและอ่านง่ายขึ้นค่ะ" The teacher must pronounce "เฮกซะเดซิมอล" in Thai. Never pronounce the English word. No English speech. Duration: 9 sec ◈ SHOT 5 — ทำไมต้องมี A ถึง F? 29–38 วินาที Use the same Thai female teacher. Close-up shot. Behind the teacher is a large clean educational graphic showing: 0 1 2 3 4 5 6 7 8 9 A B C D E F The characters appear progressively. The teacher points naturally toward A through F. Realistic classroom presentation, clean graphics, stable camera. VOICE LANGUAGE: THAI ONLY. Thai Voice: "เลขฐานสิบหกมีทั้งหมดสิบหกค่า ตั้งแต่ศูนย์ถึงเก้า แล้วต่อด้วย เอ บี ซี ดี อี และ เอฟ โดย เอ เท่ากับสิบ และ เอฟ เท่ากับสิบห้าค่ะ" Speak all numbers naturally in Thai. Speak A B C D E F using Thai pronunciation. No English voice. No subtitles. Duration: 9 sec ◈ SHOT 6 — 4 BITS = 1 HEX 38–48 วินาที Use the same Thai female teacher. Medium close-up. A large educational digital panel appears beside the teacher. The panel shows: 1111₂ The four binary digits group together and transform into: F₁₆ Then a large educational graphic appears: "4 บิต = เลขฐานสิบหก 1 หลัก" The teacher points toward the transformation. VOICE LANGUAGE: THAI ONLY. Thai Voice: "จำอันนี้ไว้เลยค่ะ สี่บิตในเลขฐานสอง สามารถแทนด้วยเลขฐานสิบหกได้หนึ่งตัว เช่น หนึ่ง หนึ่ง หนึ่ง หนึ่ง ในฐานสอง เท่ากับ เอฟ ในฐานสิบหก" Speak entirely in Thai. Do not read mathematical symbols in English. Do not say "four bits equals one hex digit" in English. Duration: 10 sec ◈ SHOT 7 — RGB 48–57 วินาที Use the same Thai female teacher. Close-up shot. A large color code appears: #FF0000 The six characters separate into three groups: FF | 00 | 00 Then labels appear: R = แดง G = เขียว B = น้ำเงิน The teacher points to each pair one by one. Stable eye-level camera, realistic classroom lighting. VOICE LANGUAGE: THAI ONLY. Thai Voice: "ทีนี้มาดูรหัสสีกันค่ะ ตัวเลขหลังเครื่องหมายแฮชจะมีหกตัว แบ่งเป็นสามคู่ แทนค่า อาร์ จี บี หรือ แดง เขียว และน้ำเงิน" Important: Do not say "hash". Say "แฮช". Do not say "R G B" as English letters. Say "อาร์ จี บี". Duration: 9 sec ◈ SHOT 8 — 00 ถึง FF 57–67 วินาที Use the same Thai female teacher. Medium close-up. A visual color gradient appears beside her, changing from very dark red to bright red. The hexadecimal value changes visually: 00 → FF A second scale appears: 0 → 255 The teacher gestures from low value to high value. Clean educational infographic style. VOICE LANGUAGE: THAI ONLY. Thai Voice: "แต่ละคู่มีค่าได้ตั้งแต่ศูนย์ ศูนย์ ถึง เอฟ เอฟ ซึ่งเทียบเท่ากับค่าศูนย์ถึงสองร้อยห้าสิบห้าในระบบเลขฐานสิบ ยิ่งค่ามาก ความเข้มของสีนั้นก็ยิ่งมากค่ะ" Do not say "zero zero". Do not say "F F" in English pronunciation. Use the exact Thai pronunciation above. Duration: 10 sec ◈ SHOT 9 — สร้างสีแดง 67–76 วินาที Use the same Thai female teacher. Medium close-up. Three digital color controls appear beside the teacher: R = FF G = 00 B = 00 The R value becomes maximum and the color swatch changes into vivid pure red. The teacher points to each value while explaining. Slow cinematic push-in. VOICE LANGUAGE: THAI ONLY. Thai Voice: "ถ้าอยากได้สีแดง เราให้ อาร์ มีค่าสูงสุดเป็น เอฟ เอฟ ส่วน จี และ บี เป็นศูนย์ ศูนย์ เราก็จะได้สีแดง แฮช เอฟ เอฟ ศูนย์ ศูนย์ ศูนย์ ศูนย์ ค่ะ" All spoken content must be Thai. Do not read the hexadecimal code using English pronunciation. Duration: 9 sec ◈ SHOT 10 — BLACK & WHITE 76–86 วินาที Use the same Thai female teacher. Medium shot with two contrasting digital panels. Left: #000000 BLACK Right: #FFFFFF WHITE The left side becomes completely dark. The right side becomes bright white. The teacher gestures toward both sides. VOICE LANGUAGE: THAI ONLY. Thai Voice: "ลองดูสองค่านี้ค่ะ แฮช ศูนย์ ศูนย์ ศูนย์ ศูนย์ ศูนย์ ศูนย์ คือทุกสีมีค่าเป็นศูนย์ จึงได้สีดำ ส่วนแฮช เอฟ เอฟ เอฟ เอฟ เอฟ เอฟ ทุกสีมีค่าสูงสุด จึงได้สีขาว" Natural Thai pronunciation. No English speech. No English narration. Duration: 10 sec ◈ SHOT 11 — ใช้งานจริง 86–96 วินาที Use the same Thai female teacher. Over-the-shoulder shot. The teacher uses a computer design program or color picker. She enters the hexadecimal color value #FF0000 into a color field. The graphic element on the screen changes to vivid red. The computer interface should look realistic and professional. VOICE LANGUAGE: THAI ONLY. Thai Voice: "เวลาออกแบบเว็บไซต์หรือกราฟิก เราสามารถกำหนดค่าสีด้วยเฮกซ์โค้ดได้ ทำให้ระบุสีที่ต้องการได้อย่างเป็นระบบและแม่นยำ" Speak "เฮกซ์โค้ด" in Thai. Do not say "Hex Code". No English speech. Duration: 10 sec ◈ SHOT 12 — ทำไมต้องรู้? 96–105 วินาที Use the same Thai female teacher. Knee shot. The teacher stands confidently inside the computer laboratory with arms crossed. Background monitors display website designs, logos, graphic design work and color palettes. She speaks directly to students with a confident but friendly expression. VOICE LANGUAGE: THAI ONLY. Thai Voice: "เห็นไหมคะ? เลขฐานสิบหกไม่ใช่แค่ตัวเลขบนกระดาน แต่มันอยู่ในงานเว็บไซต์ งานกราฟิก และเทคโนโลยีดิจิทัลที่เราใช้ทุกวัน" Visual graphic: "เลขฐานสิบหก = เครื่องมือสำคัญของงานดิจิทัล" No English voice. No subtitles. Duration: 9 sec ◈ SHOT 13 — QUIZ 105–113 วินาที Use the same Thai female teacher. Close-up. The teacher looks excited and playful. She points toward a large quiz graphic. The graphic displays: #00FF00 "สีอะไร?" Three visual answer choices: RED GREEN BLUE The teacher pauses so students can think. VOICE LANGUAGE: THAI ONLY. Thai Voice: "เอาล่ะค่ะ! ขอทดสอบกันหน่อย ใครรู้บ้างว่า แฮช ศูนย์ ศูนย์ เอฟ เอฟ ศูนย์ ศูนย์ คือสีอะไร?" Do not pronounce the hexadecimal code in English. Speak only Thai. No English narration. Duration: 8 sec ◈ SHOT 14 — เฉลย 113–122 วินาที Use the same Thai female teacher. Medium close-up. The teacher smiles and gives a thumbs-up. The background becomes vivid green. Educational graphic appears: R = 00 G = FF B = 00 Then: #00FF00 = GREEN Finally, an animated educational flow appears: เลขฐานสอง → เลขฐานสิบหก → อาร์ จี บี → สี VOICE LANGUAGE: THAI ONLY. Thai Voice: "คำตอบคือสีเขียวค่ะ เพราะ อาร์ เป็นศูนย์ ศูนย์ จี เป็น เอฟ เอฟ และ บี เป็นศูนย์ ศูนย์ หรือ แฮช ศูนย์ ศูนย์ เอฟ เอฟ ศูนย์ ศูนย์ นั่นเองค่ะ!" Speak only Thai. Do not say English color names. Duration: 9 sec ◈ SHOT 15 — OUTRO 122–132 วินาที Use the same Thai female teacher. Wide shot inside the modern computer laboratory. The teacher smiles warmly, walks slightly toward the camera and waves goodbye. Camera slowly dollies backward, revealing computers and technology equipment in the classroom. A clean visual graphic appears: "เลขฐานสิบหก ไม่ยากอย่างที่คิด!" "เรียนรู้ → เข้าใจ → นำไปใช้" "กดติดตาม" VOICE LANGUAGE: THAI ONLY. Thai Voice: "เห็นไหมคะว่าเลขฐานสิบหกไม่ได้น่ากลัวเลย! ถ้าเข้าใจหลักการ ก็สามารถนำไปใช้กับงานกราฟิกและเว็บไซต์ได้จริง อยากเรียนรู้ทริคไอทีแบบนี้อีก อย่าลืมกดติดตามนะคะ บ๊ายบาย!" Speak exactly this Thai dialogue. Do not translate. Do not speak English. Natural Thai female teacher voice. Accurate Thai lip synchronization. Duration: 10 sec 🔒 MASTER NEGATIVE PROMPT ถ้าเครื่องมือที่คุณใช้มีช่อง Negative Prompt ให้ใส่ชุดนี้เพิ่มทุก Shot: English speech, English narration, English voice, English pronunciation, automatic translation, translated dialogue, English subtitles, English captions, robotic voice, incorrect Thai pronunciation, wrong lip sync, different face, changing character, changing clothes, changing hairstyle, face distortion, deformed hands, extra fingers, missing fingers, duplicated objects, random words, random text, misspelled Thai, incorrect hexadecimal values, incorrect RGB colors, unreadable graphics, flickering, unstable face, unstable background, excessive camera shake, cartoon, anime, low quality, blurry face, watermark. ⚠️ เทคนิคสำคัญสำหรับการเจนรอบใหม่ ถ้า AI ที่คุณใช้ ยังอ่านภาษาอังกฤษอยู่ ผมแนะนำให้ อย่าใส่บทพูดภาษาอังกฤษเลยแม้แต่คำเดียวในช่อง Dialogue แม้แต่ RGB, Binary, Hexadecimal ก็ไม่ควรใส่ในบทเสียง ให้ใช้: “อาร์ จี บี” “ไบนารี” “เฮกซะเดซิมอล” “เฮกซ์โค้ด” ส่วน ข้อความบนภาพ ค่อยให้แสดงเป็น RGB, #FF0000, #00FF00, HEX ได้ ทั้ง 15 Shotโดยเน้นแก้ปัญหาเสียงภาษาอังกฤษโดยเฉพาะ ครูพูดภาษาไทยเท่านั้น 100% ศัพท์เทคนิคใน VO ใช้คำอ่านภาษาไทย กราฟิกยังคงใช้ RGB, Hexadecimal, #FF0000 ได้ ระบุให้ AI พูดตามบทตรง ๆ ห้ามแปล ลดศัพท์อังกฤษในส่วนคำสั่งที่อาจถูกนำไปอ่านออกเสียง กำหนด Thai female voice + Thai lip sync แต่ละ Shot สามารถ Copy ไปเจนแยกได้ทันที