--- title: ฝึก PE Revoice ห้องเรียนสกลฯ การเขียนโปรแกรมภาษาคอมพิวเตอร์ อ.สุธิรา 10 ม.ค. 66 นาโน subtitle: date: วันจันทร์ที่ 16 มกราคม 2566 เวลา 09.09 น. --- (ข้อความสดจากระบบถอดความเสียงพูดทางไกล) (อาจารย์สุธิรา) นะคะ ก็เลยเสียเวลาหน่อยหนึ่ง สัปดาห์ก่อน เรามี background แล้วเรามีตัวแล้วนะที่นี้ Code อันดับแรกเด็ก ๆ ต้องเช็คก่อนเช็กตำแหน่งแรกก่อนนะคะ ไปทีละบรรทัด เปิด เปิดไฟล์นะ ที่เราทำสัปดาห์ที่แล้ว หนก่อนน่ะขึ้นมา หนก่อนเราทำ class ไว้นี่ ตอนนี้เด็ก ๆ มีคลาสแล้ว ก็ชื่อตัวเกมเราแล้วใช่ไหมคะ นะคะ ตอนนี้คลาส เด็ก ๆ ถึงบรรทัดไหนแล้ว โหลดเข้ามาหรือยัง ดูนะคะ ว่าเราจะต้องมีส่วนของ class ที่เป็นสไปรท์ ก็คือเราจะนำภาพต่อเนื่องเข้ามาใช่ไหมคะ เด็ก ๆ โหลดภาพเข้ามาแล้วเด็ก ๆ สร้างส่วนนี้หรือยัง ส่วนสร้างภาพเคลื่อนไหว ใครยังไม่มีส่วนนี้ มีหรือยังคะ ใครยังไม่มียกมือนะ ถ้ามีแล้ว ส่วนต่อมาที่เด็ก ๆ จะต้องมีนะคะ ก็คือส่วนของฟังก์ชัน Run กับ ฟังก์ชัน Update มีหรือยังคะ เดี๋ยวขยายขนาดเพิ่ม นี่ 2 ฟังก์ชันนี้ ใครยังไม่มี มีแล้วนะ เพราะหนก่อนเราน่าจะทำไปถึงประมาณนี้ โอเคไหม ถ้าเราได้ส่วนนี้แล้ว สิ่งที่จะต้องมาทำนะคะ ส่วนของ sprite group การจัดกลุ่มให้มันน่ะ มีหรือยังคะ ตรงส่วนนี้ เห็นไหม create sprite and group คือมีแล้วนะ นะคะ OK ส่วนต่อมา ที่จะเช็กนะคะ จะค่อย ๆ เช็กไป ก็คือส่วนของการเรียกไอ้ตัว Movie sprite Movie sprite Update มาใช้ โอเคไหม ใครยังไม่มีตรงนี้ ถ้าจะผิด OK หรือยัง ยังไม่มี บาสต้องคีย์เพิ่มนะคะ เพราะมันเป็นส่วนของการแสดงผล มันต้องเรียกมันมาใช้งาน ต้องคีย์สองบรรทัดนี้เพิ่ม สังเกตนะ เรามี Hashtag คำว่า "การแสดงผล" ไว้ เห็นไหมถ้าเราใส่ hashtag เวลาเราบอกว่าเราจะไปแก้ไขแต่ละส่วนเราจะเห็นว่ามันอยู่ตรงในส่วนของอะไรในโปรแกรมเรา เห็นไหมคะ เหมือน Moving sprite draw กับ Moving sprite Update ก็จะอยู่ในส่วนของแฮชแท็กที่ชื่อว่าการแสดงผลสังเกตว่าทุกครั้งจะบอกว่าให้ใส่แฮชแท็กแล้วบอกว่าไอ้ส่วนนี้เราเอาไว้ทำอะไรนะคะ เราจะได้รู้ตำแหน่งเวลาแก้ เราจะได้เช็กได้ว่ามันผิดตรงไหนตำแหน่งไหน พอไล่แก้มันก็จะหาเจอ เมื่อคืน อาจจะเป็นเครื่องที่บ้าน เดี๋ยวจะก๊อบฯ แล้วไปลอง ก๊อบฯ ไฟล์นี้ แล้วไปลองแก้ที่บ้านดู คือรูป รูป background มันไม่ขึ้น ไอ้เครื่องที่บ้านน่ะ ใช้ไม่ได้เลย โอเคนะ ถ้าใครมีครบนะคะ ทุกส่วน เหมือนที่กล่าวมา แล้วลองกด Ctrl + B 1 ครั้งก่อน จะดูแล้วว่ารันแล้วมันเป็นอย่างไร แล้วมันไปเออเร่อตรงไหน ให้เด็ก ๆ กด ctrl + B นะคะ ถ้าใครที่ขึ้นนะ มันจะต้องที่เราทำ แล้วก็ขึ้นตัวอันนี้ไปทำสักส่วนมันบิดเบี้ยวไปหน่อย เดี๋ยวค่อยขยายให้เดี๋ยวขยายให้ใหม่ก็ได้ แมวเป็นแมวผอม ๆ หรือเปล่า ถ้าใครทำได้ เห็นไหม 1. คือ เราให้ฉากเลื่อนใช่ไหมคะ แล้วพอเรากดน้องแมว แมวเรานะคะ จะเดิน เห็นไหมเพราะเราเลือกภาพที่เป็นไกด์ก็คือมันมีภาพต่อเนื่องนั่นเองนะคะ น้องก็จะเดิน เห็นไหมคะ น้องก็จะค่อย ๆ เดิน ความเร็วในการเดินก็จะขึ้นอยู่กับการตั้งค่าเวลานะคะ เดี๋ยวให้บอกว่าตรงไหนที่เร็วมากเร็วน้อย ใครไม่เป็นอย่างนี้ ยกมือ ใครไม่มีฉากขึ้นมา ไม่มีตัวการ์ตูนขึ้นมาเลย มันน่าจะมี Error เตือนด้วย ถ้าใครไม่ผ่าน ของมิ่ง นี่ มิ่งต้องใส่ไอ้ตัว bgx บรรทัดที่ 75 เห็นไหม เข้าไปก่อน ก่อนหน้ามันนะ แล้วก็ใส่ น่าจะเพิ่มบรรทัดที่ 2 เข้ามา เห็นไหม มิ่ง ๆ มิ่งจะเห็นตรงส่วนที่เราทำแฮชแท็กว่าเป็น sprite grouสไปรท์กรุ๊ปน่ะวิ่งตัดแล้วย้ายมาต่อจากตัวนี้นึกออกไหมลูกเห็นหรือเปล่า ตำแหน่งวางตำแหน่งผิด ทำแถบครอบ ตั้งแต่นี่จนถึงไอ้นี่เลยลูก ทำอย่างนี้ แล้วก็กด ctrl x เพื่อตัต ตัด Ctrl x กดปุ่มคอนโทรลแล้วก็ x ลูกเห็นไหมแล้วก็เอามาไว้ต่อจากตรงนี้Enter แล้วก็ ctrl Vกด ctrl v ทุกครั้งที่เปิดแก้ปุ๊บน่ะ ให้เด็ก ๆ กด ctrl B ทุกครั้งโอเคหรือยังพอย้ายแล้วกด ctrl B ดูกด ctrl บครั้งนะคะ พอแก้ Code น่ะเด็ก ๆ ทำไม ขึ้นว่า 2 เลย หรอ System หรือ ใช่ System หรือมิ่ง sys ลูก sys ติ๊ดลูกซดูดี ๆ นะเห็นไหม Import คำสั่งมี Import file GameImpossibleเด็กhy มันไปอยู่ตำแหน่ง System น่ะตัวสัปดาห์มันจะมีตัวช่วยขึ้นมาพ่อไปกดมันมีตัวช่วยมันก็เลยผิดนะคะ นะคะ ต่อไป บรรทัดต่อมา ตำแหน่งนี้ ตั้งค่าทั่วไป เดี๋ยว move ทำเหมือนเดิม Ctrl x คอนโทรลตัดตัดctrl V OK Enter ลงไปctrl B ใหม่ ทุกครั้ง พอแก้โค้ด คำสั่งต้องผิดสัก 1 ตัว sys ที่นี้ดูน้ำมิ่งนะ pygame.init clock หรือเปล่าที่ผิดน่ะ เห็นไหมC P y g a m e.time.c l o c k ตัวใหญ่ C L O C K ตัวนี้ที่เป็นตัวใหญ่ หมายถึงอะไรบาลีที่เรียกใช้ มาร์กี้ดูนะคะ เวลา Code มัน Error มันจะชี้ตำแหน่ง เห็นไหม เห็นไหม ไม่เหมือนตรงไหน ดูสิ spriteสไปรท์สไปรท์สไปรท์ไก่ตัวที่ 2 Sprite ตัวแรกเป็นตัวใหญ่ เห็นไหม แก้แค่นั้นแหละ ตัวที่ 2 S ตัวที่ 2 ต้องเป็น S ตัวใหญ่ลูก เห็นไหม ต่างกันนะ มันจะเป็นคนละตัวนะคะ มันจะเป็นตัวแปรคนละตัวเลย เห็นไหมคะ sprite ตัวเล็ก ตัว Sprite ไหมคะ ตัวที่ 2 สไปรท์ตัวใหญ่เห็นไหมนี่คือเสร็จแล้วกด ctrl B ทุกครั้งนะคะ ตรงไหนขึ้น Error จะได้ไปดู เด็ก ๆ เวลา error แล้ว มันขึ้นว่าuse tab อะไรแบบนี้นะคะ แสดงว่าตรงตำแหน่งนี้อาจจะใช้วิธีกด space bar ไม่ได้กด tab วิธีแก้ก็คือดูนะคะ ไปที่ไม้บรรทัดหัวหน้า LINE ที่ Error มันขึ้น Error LINE 9 ไปที่ Line 8 บรรทัดที่อยู่บนแล้วกด delete 1 ครั้ง อย่างนี้นะคะ เพื่อให้ในบรรทัดนั้นน่ะ นี่ เห็นไหม กดจนให้ตัวข้อความน่ะ มันเข้ามาชิดตัวสุดท้ายของข้อความ แล้วกด Enter ลงไป เห็นไหมมัน จะอัตโนมัตินะคะ ถ้าใครขึ้น เดี๋ยวทำให้ดู สมมติสมมติ เด็ก ๆ กด Space Bar กด Ctrl + B มันจะขึ้นคำว่า use of tab statistical มาปุ๊บนี่ นั่นหมายถึงว่า ตรงบรรทัดนี้ใช้วิธีเว็บการ์ตูนกด Tab นึกออกนะ วิธีแก้ก็เหมือนที่บอกก็คือนี่สังเกตได้อย่างไร ดูที่ตัวตัวนี้ เห็นไหมคะ ที่พอทำ tab แล้ว มันจะเป็นจุด ๆ ถ้าเป็นแถบมันจะเป็นขีดมันจะเป็นขีดมันจะไม่เป็นจุดนะคะ ที่นี้บางคน บางคนดูอยู่ในหน้าจอ เพราะว่าต้องดูพี่ล่ามด้วย แล้วตัวมันเล็ก ดูไม่ออก วิธีขยายขนาดกด Control กับเครื่องหมายบวก เห็นไหม ขนาดหลบฝนมันก็จะขึ้นมันจะทำให้เห็นได้ชัด เพราะฉะนั้น ถ้าของใครที่พอขึ้น Error use of tab แบบเมื่อกี้นะคะ ก็คือแล้วกด Enter ลงมา นึกออก มันจะหาย ฉะนั้น วันนี้เราจะแก้เองได้แล้ว ถ้า error แบบนี้นะคะ เดี๋ยวนะคะ ทีละคน ใจเย็น ๆ นะเวลาแก้โค้ด ต้องใจเย็น ๆ พวกมันหลายเครื่องบางคนนี่ พอใช้คำสั่งนี้มิ่ง ดูนะคะ บางทีนี่ไฟล์รูปที่เราเอามานะคะ เด็ก ๆ ลองเปิดด้วยโปรแกรมที่ชื่อว่า paint Open with paint นี่ตัวมันใหญ่ใช่ไหม ตัวน้องใหญ่นี่ วิธีที่เราจะลดขนาดให้มันเท่ากัน ดูวิธีนะคะ เด็กเข้าไปแก้ทุกตัวเลย ได้ไม่ต้องไปแก้ตรงโค้ดไม่ ออกใหม่ลูกเราดีกว่า เดี๋ยวจะงง ก็คือเลือก เห็นไหมคะ resized ไหมตรงเปอร์เซ็นต์น่ะค่ะ แล้วก็ลดลงทีละครึ่ง 50% พอไหม คลิก OK เห็นไหมคะ นึกออกนะ เพราะฉะนั้นเปิดไอ้ไฟล์ตัวไอ้นี่เราทุกอัน แล้วก็ resize อย่าลืมนะคะ พอดี Size มิ่งเข้าใจแล้วนะ ทีนี้ พอ save ไป บางคนมีพื้นหลังด้วยนะ เอาพื้นหลังออก ทำอย่างไรคะจำได้ไหม ใน Google นะคะ เอาพื้นหลังออก ชื่อนี้ เอาไว้สอนทีหลังดีกว่าจะเสียเวลา ถ้าอย่างนั้นมิ่งดูนะคะ ถ้าจะแก้ให้พิมพ์ตรงนี้เพิ่ม เห็นไหมคะ ตรง sprite append ประโยคนี้สเกลเข้าไปก่อน 1 อันก่อนแล้วกอล์ฟแล้วจะบอกว่าแก้ตรงไหนอีก อีกจุดหนึ่งนะคะ ที่เด็ก ๆ น่าจะผิดเหมือนกันหมดเลย ก็คือคำสั่งนี้ค่ะ อยู่ไหนนะ นี่ ๆ Moving.sprite เด็ก ๆ มี sprite 2 ครั้งใช่ไหม ลบออกอันหนึ่ง sprite มันมี 2 นี่ลบออกอันนึงลบออกลบออกอันหนึ่งลบ 1 อัน ไม่ ๆ ๆ ลบตัวที่ 2 ออกนะคะ ตัวหัวหน้าไม่ต้องลบนะ เพราะมันเป็นของตัวแรก ลบตัวที่ 2 ออก OK แล้วก็กด Ctrl + B นี่ ๆ แก้ด้วยแก้ตรงนี้ ใช่ไหม เปิด OKแล้วก็ดูตรงชื่อนะคะ ชื่อ cat นี่ มันเป็นตัวเกมแม่นะคะ ตัวเกมเด็ก ๆ ชื่ออะไร ใส่ชื่อตัวเอง ไม่ใช่มาใส่ชื่อ cat เหมือนของเรานะ ใครแก้แล้วลองกด Ctrl + B ใหม่ Ctrl + B บรรทัดไหนอีก ไหนนะ Line 77 sprite และอีกจุดนึงที่เด็ก ๆ จะผิดกันบ่อยนะคะ อีกจุดหนึ่ง ที่จะอยู่ตรงบรรทัดที่ ล่าง ๆ หน่อย ที่บอกว่า คำสั่งที่บอกว่า Moving sprite Updateตัวเลขคือค่าที่เป็นทศนิยม 0. ไม่ใช่ 0 แล้วก็คอลมานึกออกไหมเป็นค่าตัวเลขนะคะ 0.30 ไม่ใช่ 0,30 นะคะ มันเป็น 0.5 คะ ตัวเลขแก้เป็นคำว่าเอาคอมมาออก ใส่ 0.25 หรือ 30 ก็ได้ ก็คือค่านี้ ก็คือเป็นให้ไอ้ตัวเคลื่อนไหวเป็นอัปเดตน่ะค่ะ ระยะเวลาที่เราตั้งไว้นั่นเองนะคะ Ctrl + B บอกแล้วทุกครั้งกด Ctrl + B เลยนะคะ อะไร แก้ไปทีละบรรทัด นิดเดียว ที่นี้ เปิด อ๋อ ตัวนี้ไม่ต้อง เราเรียกมาแล้ว ลบออกได้เลย บรรทัดนี้ ลบออกได้เลย บางคนจะมีบรรทัดหนึ่งที่ไปเรียกตัวภาพมาใช้นะ แก้เสร็จ กด Ctrl + B ใหม่ลูก ติดอยู่บรรทัดที่เท่าไร 79 Clock.tick พิมพ์ผิดนี่ C เห็นไหมคะ C l o c k C l o c k ตัวเองพิมพ์ไอ้กุ้งพิมพ์เป็น c c kช็คด้วยเช็คคำผิดด้วยสังเกตเวลา Error มันก็จะบอกตำแหน่งให้ดูบรรทัดแล้วก็ดูที่ข้อความ4 ก่อนกด Space Bar อีกแล้ว เดี๋ยวก็ Error อีก อย่าไปกด Space Bar เด้อ ต้องกดอะไรคะ กด Tab กด Tab Ctrl + B ใหม่ อีกบรรทัดหนึ่ง คำสั่งนี้ผิดแน่นอน ไม่ต้องบอกก็รู้ มันคือพายเกม ไม่ใช่ sprite sgame py P u y ตอนนี้พายazureลบตัวเองออกตัว s ลบออกลูกนี่เห็นหรือเปล่าข้างหน้าลบออกตัว s ออกลบออกค่ะ OKCtrl + B ใหม่ นั่นไง ลองกดแป้น ไม่เคลื่อน ไม่เคลื่อน เพราะอะไร นี่ pygame Update เรามีแรง อันนี้ซ้ำเอาออกลบออกได้ลบออกเลยค่ะ OK Ctrl + B ใหม่ ไม่ move ตัวนี้ไม่ move เริ่มบรรทัดไหน 65 นี่ไง ชื่อ b ไม่ใช่หรือ แปลชื่อนะ คือในโค้ดตัวอย่างบอกแชทก็ cat ตามเลย จำด้วยชื่อตัวการ์ตูนตัวเองชื่ออะไรใช่ ๆ กด Ctrl + B ใหม่สิ แล้วกดปุ่มลูกศร นี่ไง ทีนี้รูปตัวเองเอามากี่รูป เพราะมันไม่ขยับเลยใช่ไหม รูปมันไม่ขยับ เรามาดูที่ sprite นี่ นกตัวที่ 1 ตัวที่ 2 ตัวที่ 3 ตัวที่ 4 ตัวที่ 5 มีนก 5 ตัว ขอเปิดไฟล์รูปให้ดู แล้วทำไมไซซ์ไม่เท่ากันนะ นกตัวที่ 1 ตัวใหญ่ ตัวที่ 2 ทำไมตัวเล็ก ปรับไซซ์ไม่เท่าหรือ กุ้ง ๆ กุ้งลองเอาชื่อนี้ นี่ นี่ ๆ ชื่อที่เป็นภาษาอังกฤษ แม่จับนกเต็นเบิร์ดไหม เบิร์ดแก้ชื่อตรงนี้ชื่อภาษาไทยเป็นชื่อภาษาอังกฤษ เพราะเรามี 2 ไฟล์ใช่ไหม ลองเปลี่ยนเป็น b i r d แก้ทุกวันเลยลูก แล้วลอง run ใหม่นะ ของใครยังไม่ขึ้น ยังไม่ขึ้น มิ่งได้หรือยัง ติดไหน บรรทัดไหน มิ่งกลับมาหมดแล้วใช่ไหม อีกบรรทัด ข้างหลัง มิ่งดู เพิ่มขนาด ขนาด ลองก่อนได้นะ นี่คือขนาดรูปที่เราจะ เห็นไหม ตรงนี้ ใส่ข้างใน ใส่เข้าไปก่อน นะคะ แล้วก็วรรค แล้วก็ใส่ค่าตัวเลขตามนี้ จำนวนวงเล็บปิด ให้ใส่เท่าตัวหลังนะลูกนะ โอเค แล้วก็เหมือนเดิม แล้วก็ก๊อบฯ ให้ครบ โอเค กด Ctrl + B Run ดู ไปไหนล่ะ Error หรือ บรรทัดที่ Line 53 ทำไมบรรทัดนี้ขึ้น Error salf.sprite.append .Image.load bird นามสกุลหรือ ขอดูนามสกุลProperty PNG อันนี้เป็น PNGแก้นามสกุล P ใช่ไหมตัว PนามสกุลPNG เหมือนตัวอย่างลูก เห็นไหม .PNG นี่ ๆ ๆ ทุกอันเลย แก้ทุกอันเลย โอเค LINE 33 บอกว่า update อ๋อ บรรทัดนี้มิ่งโค้ดผิดใช่หรือเปล่า มันขึ้นสีนี้ทั้ง 2 อัน กด S ใหม่ลูก แล้วก็กด S เลือก Speed แล้ว enter อ๋อ ตรงนี้ นี่ไง ชื่อ function Update เห็นไหม เดี๋ยว มิ่งเอาไอ้นี่ขึ้นไปเลย บรรทัดนี้ขึ้นไปเลย delete เลยลูก กด delete เลยค่ะ โอเค นั่นไง ได้แล้วเห็นไหม สังเกตโค้ดเรานะ ถ้าถูกมันก็จะตรง เห็นหรือเปล่า Ctrl + B ใหม่ อะไรที่ไม่ขึ้น Error ด้วย ไอ้เจ้ามิ้ง แสดงผล เดี๋ยวนะ ครบหรือยัง ครบแล้ว run animate = Anime while trueแก้ตรงนี้ด้วยไทม์มิ่งผิด เห็นไหม แก้ตรง while true ไล่ไปทีละบรรทัด โอเค ใช่ไหม ทีนี้ทำไมรูปมันเป็นใช่ไหม เรามาดูกันที่ตำแหน่งของภาพตัวที่ 1 เดี๋ยวนะ มันขึ้น Error หรือเปล่านี่ LINE 80 ยังใช้ไม่ได้ quick ตัวเล็ก เห็นไหม ใช้ไม่ถูก สังเกตด้วยนะคะ บางทีมันเป็นตัวใหญ่ บางทีมันเป็นตัวเล็ ก แก้เลย โอเค ใช้ตัวเล็กลูก Ctrl + B ใหม่ ไม่ขึ้น ทำไมรูปไอ้นี่ไม่ขึ้นนะ ไฟล์ภาพชื่ออะไรนะ Background 18253 มิ่งเปิดโฟลเดอร์ที่เก็บรูปให้ดูด้วย ไหนของใครยังไม่ออกอีก เดี๋ยวนะคะ ทีละคนนะคะ ทีละคนที ละคน ใจเย็นนะคะ เมื่อกี้นี้ผิด แม็กกี้ดู ตรงเท่ากับ true run Animete กดอันไหน กดผิดหรือเปล่านี่ ถูกแล้ว rum animate และอีกบรรทัดหนึ่งนะคะ ที่จะต้องเพิ่มเข้าไป เห็นไหมคะ ต่อจาก super วงเล็บ .init นะคะ เด็ก ๆ จะต้อง = เอาลงไปด้วย 1 บรรทัดบรรทัดนี้นะคะ ใส่บรรทัดนี้เข้าไปบางคนนี่ไม่มีบรรทัดนี้เด้อ นี่ เพราะว่าเราสร้างฟังก์ชั่นรันแล้ว พอตอนอัปเดตน่ะมันไม่ขึ้น เพราะไม่ได้เรียกมัน ใครที่แก้แล้วตัวรูปตัวเองใหญ่นะคะ บอกแล้วว่าให้ไปลดขนาดตัวนี้ ใน paint น่ะค่ะ โปรแกรม paint หรือพิมพ์ตัวนี้ pygame scale นี่ เข้าไป พิมพ์ไอ้นี่เข้าไปตรงก่อนเอารูปเข้าน่ะ เห็นไหม นี่ พิมพ์ พิมพ์ตรงนี้จนถึงคำว่าสเกลนะคะ แล้วก็ Copy ลงไปให้ครบตามจำนวนรูปของเรา ใส่ค่าตัวเลขนี่ มาลดขนาด ดูนะคะ ที่จะผิดอีกก็จะเป็นตัวนี้ นี่ เห็นไหมคะ clock แรกนี่ตัวเล็ก แต่ Clock ตัวหลังเป็น C ตัวใหญ่ เห็นไหม เช็กดี ๆ นะคะ บอกแล้วจะชอบพี่ผิด เห็นความแตกต่างหรือเปล่า โดนฆ่าไวรัสลงให้เงินไข dgx นี่ เป็น -1550 นี่ ตรงนี้ตรงนี้ก็บอกให้เท่ากัน เพราะฉะนั้นเด็ก ๆ ไปเท่าไร บวกใให้เท่ากันนะคะ แต่ขนาดอาจจะไม่เหมือนกันผมเองก็ได้คือสงสัยว่ามันเกิดก็ปรับ ให้ตรงกับของตัวเอง โอเคนะ คือ รูป รูป เราใช้แค่รูปเดียวไง พอที่นี้เอาเวลาไปตัดนะ สังเกตนะคะ เพราะพื้นหลังนี่ ใช้แค่รูปเดียวพอเวลาเริ่มเริ่มใหม่นะขอเริ่มใหม่ก่อน มันก็ไปเริ่มที่ตำแหน่งแรกของภาพ นึกออกไหมคะ แต่ถ้าเรามีรูปที่ เหมือนมีต้นไม้ในลักษณะซ้ำ ๆ กันน่ะ แล้วเริ่มวางขนาดหรือมีช่องว่างน่ะ มันจะเห็นได้ชัดว่าภาพมันต่อกัน แต่อันนี้มันกลายเป็นเอารูปเดิม แล้วเอาภาพข้างหน้า ต้องไปเลือกภาพที่มันไม่มีลักษณะเห็นว่ามันต่างกันนะ นึกออกไหม เข้าใจนะคะ คือ ตอนนี้ ภาพ ๆ นี้ มันเป็นอย่างนี้ใช่ไหม แล้วตรงปลายภาพมันมืด หมด ภาพสุดท้ายใหม่ที่มาต่อไม่มีเรียนนึกออกนะ นั่นล่ะ แค่นั้นเอง วิธีการ ก็คือภาพพื้นหลังเอง นึกออกนะ ก็คือเหมือนว่าให้มันมีระยะห่างระหว่างรอยต่อ นี่ คือของต้นไม้มันไม่เนียน เห็นไหม คนเดียวน่ะ นึกออกหรือเปล่า ยกเว้นว่าจะ flipไป flip มอันนี้ทำตัวอย่างเฉย ๆ คือต้นฉบับน่ะเขาใช้รูป2-3 ตัวมาต่อกันนะคะ เพราะฉะนั้น ขึ้นอยู่กับพื้นหลังที่เราเอามาใช้นะคะ สมมุติ ถ้าเลือกนะ เลือกภาพที่เป็นลักษณะสี ไม่เปิดให้อีก Open หายไปแล้วหรือ สมมติให้นึกถึงนะ นึกถึงว่า ภาพ ที่เราจะเอามาใช้ นี่ ถ้าเด็กเลือกภาพที่มันมีลักษณะ เหมือนตำแหน่งของภาพน่ะ เริ่มต้น นี่เ ห็นไหมคะ เหมือนตรงนี้ ภาพเริ่มต้นมันสว่าง ตรงสิ้นสุดมันมืด พอเราให้ภาพมันเลื่อนนี่ ภาพสว่างมันก็จะมาเริ่มจากตรงนี้เสมอ มันก็เลยจะเห็นว่าภาพมันไม่เนียน แต่ถ้าเมื่อใดที่เราเลือกภาพที่มีลักษณะเดี๋ยวนะ เหมือนอย่างนี้ สี สีต้นไม้ กับสีไอ้นี่ ต่อกันน่ะ อาจจะได้นะคะ นี่ หาภาพที่มีลักษณะสีโดยรวม ๆ นะ ถ้าเอาต้นไม้สีนี้มาต่อกับตรงนี้ มันก็จะเนียนอยู่เพราะภาพมันต่อ เข้าใจนะ เพราะฉะนั้น ขึ้นอยู่กับภาพที่เราเลือกเอามาใช้ด้วยนะลูกนะ ว่า แต่โดยปกติเวลาเขาทำเกมเขาจะขึ้นหลังเอง เพราะว่าให้ภาพมันเคลื่อนไหวนะ มันต้องเป็นภาพที่เป็นลักษณะภาพต่อเนื่อง เหมือนตอนวาดตัว ตรวจฉี่นั่นแหละ นะคะ ของใครยังไม่ออกอีก ไม่เหมือนถ้าเลือกภาพนี้เห็นไหมลักษณะต้นไม้บนภาพกับถ่ายภาพมันตีคนละสีนี่ พอเอามาต่อกันมันก็จะไม่เรียงไงคะนะคะ ฉะนั้น เราต้องเลือกของภาพที่จะเอามาใช้ด้วยนะคะ เหลือใครยังไม่ออก มีมิ่งออกไปแล้ว ปรากฏว่าเอาไปแก้แล้วรูปหาย ติดตรงไหน ไม่ขึ้นอะไรเลย เป็นเหมือนมิ่งเลย เดี๋ยวรอแก้เคสมิ่งก่อนนะ 13 2 06 ปี 2ปี 1 พูดผิด กุญแจอยู่กับไอ้เก๋ อ๋อ ว่าเขามาต่อไฟ กุญแจห้องแม่อยู่กับพี่เก๋ เขาอยู่ข้างล่างกัน เขาก็อยู่ข้างล่างกันแล้ว กุญแจอยู่กับไอ้เก๋ นั่นแหละ โอเค กุญแจอยู่กับไอ้เก๋แล้วดูนะคะ ให้แก้ตรงนี้อีกนิดหนึ่งนะะค เพราะว่าไม่อย่างนั้นมันดันไปแล้วมัน Error ก็คือมันไม่มีที่สิ้นสุดนี่ แกตรง loop พิมพ์ run ขอโทษที พิมพ์ run = True อะไรนี่พิมพ์ผิดได้อย่างไร แล้วก็ นะคะ แล้วก็ตรงนี้Run : บรรทัดสุดท้ายเป็นเวลานานเท่ากับเจ้าหนี้แล้วก็กด saveที่นี่บางคนบางคนที่ยังไม่ออกเพราะอะไร เช่น เช่น รูป รูปตัวเองไม่เคลื่อนไหวก็มีนะคะ เหมือนของบาสชน่ะ ื่ชื่ออรูปมาหมดเลย แต่ภาพมันไม่เคลื่อนไหว ยังไม่ได้เปิดเข้าไปดู Detail นะคะ มีของบาสมีบรรทัดหนึ่งที่เกินมาน่ะ ให้ลบออก ที่ต่อจาก bg pic น่ะ มี ะพฟน่ะลบออกนะคะ ลองรันดู ไม่แน่ใจ บางคนอาจจะไม่มี ไอ้ update กับ flip นี้นะคะ เช็ด้วยตัวโค้ชเราจริง ๆ จะมีประมาณเท่าไรเอง 80 82 บรรทัดเท่านั้นเองนะ 80 บรรทัดเองนะเด็ก ๆ นะคะ เดี๋ยวสัปดาห์นี้นะคะ เราก็จะพอแค่นี้นะคะ เพราะส่วนใหญ่เหลืออุบลใช่ไหมยังไม่ออกจะไปดูให้นะคะ ส่วนใหญ่จะออกไปหมดแล้วนะคะ OK ที่ออกแล้ว animate ไม่วิ่งก็มีนะคะ ก็มีจุดตำแหน่งผิดเล็ก ๆ น้อย ๆ นั่นแหละ เหมือนที่บอกนะคะ ต้องค่อย ๆ เช็กไป โอเคค่ะ ขอบคุณพี่ล่ามค่ะ