--- title: ฝึก PE กับ bot (ASR) ห้อง 5271 การเขียนโปรแกรมภาษาคอมพิวเตอร์ อ.สุธิรา วันที่ 13 ธ.ค. 2565 ปลา subtitle: date: วันอังคารที่ 20 ธันวาคม 2565 เวลา 09.50 น. --- (ข้อความสดจากระบบถอดความเสียงพูดทางไกล) สวัสดีค่ะ ได้ยินนะคะ สัปดาห์ที่แล้ว ที่แล้วเราลงตัวเกมเราไปแค่ 1 ตัวแต่ความจริงโดนเกมเราที่จะใช้นี่ เมื่อคืนถ้าสมมุติน้องเดินนะคะ มันก็จะมีหลายทางรูปเล็ก ๆ อย่างนี้เขาก็จะเปลี่ยนก็เลยให้ไปค้นไปฉีดทุกคนน่าจะมีแล้ว ใครยังไม่มีภาพแบบนี้ยกมือ หาที่นี้โฟลออย่าลืมอย่าลืมมันจะต้องอยู่ในโฟลเดอร์ ที่ ของเรานะแล้วก็โฟลเดอร์ชื่อที่เป็นชื่อของนะคะ เพราะว่าไฟล์เกม ที่เราโค้ดดิ้งจะอยู่ในนี้ด้วยเหมือนกันก็คือตำแหน่งของไฟล์ที่เราจะใช้โค้ดกับรูปภาพมันจะต้องอยู่ในที่เก็บเดียวกัน โฟลเดอร์เดียวกัน พร้อมยัง ถ้าพร้อมแล้ว สิ่งแรกที่เราจะทำนะคะ ให้เปิด Sublime เหมือนเดิมไฟล์ s text เก่าเราขึ้นมาเลย ใครอยู่ไหน เปิด sublime แล้วนะคะ แล้วmuouyอยู่นะคะ ข้อแรกสิ่งที่เราจะทำก็คือเราจะไป Import module pygame ขึ้นมาอีก 1 ตัวคือตอนตอนเดิมเนี่ยที่เรา Import ก็คือโมดุลภายเกมแต่ทีนี้ มีเพิ่มมาอีก 1 ตัวนะคะ แล้วลำดับที่ 2 เราก็จะมาตั้งค่า พอเราไป Import module ใหม่มา เราก็ต้องมาตั้งค่าเพื่อจะเรียกใช้ไอ้โมดุลตัวใหม่เรานี่นะคะ จากนั้นเราก็ไปกำหนดการแสดงผล ไปหมดดูตัวใหม่นี่ ว่ามันจะแสดงผลในลักษณะไหนนะคะ มาดูโค้ดกัน คำสั่งแรกคือ Import pygame ใช่ไหม เรา Import pygame แล้วเราคแล้วคือเราไม่ต้องไปพิมพ์คำว่า Import ใหม่คั่นด้วยเครื่องหมายโคลอน แล้วก็ตามด้วย sys sys มาจาก System ตอนนี้ก็คือเราจะ Import module ที่ชื่อว่า System นะคะ ตัวนี้นะคะ ไม่ได้ไปไม่รู้ทำไม สี คืออะไร เราจะ Import module ที่ชื่อว่า sys หรือ System อ่ะ ทีนี้พอนะคะ ทีนี้จะไว้เมื่อไหร่มันจะช่วยในเรื่องของเวลา Assistant ก็คือตัวระบบแล้วนี่เห็นไหมถ้าโทรไปที่จะตั้ง Clock = py game.com จะกำหนดระยะเวลาแล้วพอในส่วนของการแสดงผล เรียกใช้ตัวแปรที่ชื่อเพราะเราสร้างตัวแปรเพื่อเก็บเวลานี้ Clock.t คือให้ระยะเวลาในการทำงานมันอยู่ที่ประมาณ 60 นะคะ ในคอมพิวเตอร์ไม่ใช่ 60 นาทีนะ 60 วินาทีเด็ก ๆ เพราะฉะนั้น เปิด suyเราขึ้นมานะคะ แล้วไปที่ตำแหน่ง Report ก็คือตำแหน่งแรกใช่ไหมบรรทัดนี้นะ ใส่อะไรคะ โคลอนใช่ไหมคะ แล้วตามด้วยโมดูลที่ชื่อว่าเฟรมหรือ sisFy คะ เพราะคำสั่ง Import นะคะ Import module นี่ จะอยู่ที่บรรทัดแรกเสมอเลยเพราะการทำงานของโปรแกรมนี่ คือมันจะอ่านจากบนลงหน้า เพราะฉะนั้น เราอยากให้มันไปทำอะไรก่อนเราต้องเอามันไว้ข้างบนว่างั้นเถอะ เมื่อได้โมดูลนี้แล้วส่วนต่อมาจะอยู่ที่สวนนี้นะคะ กำหนดค่าทั่วไปตัวที่ในหมายเลข 2 เด็กเห็นนะ ก็คือเพิ่มเพิ่ม Clock.= นะคะ = นะคะ ตรงนี้ขายเกมดอทคอมเราจะเรียกใช้ไลบรารีพามนั่นเองนะคะ ฉะนั้น เราก็เลยต้องเปิด module System ขึ้นมานะคะ Clock = พายเกมดอทคอมดอทคอมในวงเล็บ ปั๊มนะคะ ใน จะอยู่บรรทัดที่ต่อจากอะไรดูดี ๆ คลาย game.netตำแหน่งของการตั้งค่าทั่วไปนะคะ ตรงส่วนนี้ เดี๋ยวนะคะ จะเตือนเด็ก ๆ เสมอว่าให้เราใส่แฮชแท็กเพื่ออธิบายว่าตรงโค้ดดิ้งนี้นะคะ เราใช้ทำอะไร เราจะได้รู้ว่าคำสั่งนี่ มันเป็นการสั่งให้นำเข้ามาโมดูลที่เรานำเข้าก็คือพายเจมส์แล้วก็ฟิน 2 ตัวนี้นั่นเองเ สร็จแล้วในส่วนของการตั้งค่าทั่วไป คือ pygame.net นี่ก็คือเรียกใช้ตัวนี้ภายเกมโมเดิร์นภายเกมและตัวนึงนะคะ อันดับแรกประกาศตัวแปรชื่อว่า clock C นะคะ พิมพ์ด้วย c l o c k clock ที่แปลว่านาฬิกาน่ะลูก วิธีการประกาศตัวแปรคือชื่อตัวแปรตามด้วยเครื่องหมายเท่ากับ เครื่องหมายเท่ากับวรรคนะคะ กด Space Bar ใส่เครื่องหมายเท่ากับแล้วก็กด Space Bar อีก 1 ครั้ง แล้วก็พิมพ์ไลบรารี่ทายเกมดอทคอม ปุ๊บ คลิกเลือกภายเกมบอกแล้วว่าเราจะไม่พิมพ์ยาว เพราะถ้ามันจะขึ้นโค้ดที่เราเขียนไปแล้วหรือตัวอะไรก็แล้วแต่ เราก็มาเลือกเอานะคะ นะคะ t i m e Time แล้วก็ . เพราะอีกทีหนึ่งเลือก Clock นะคะ มันจะช่วยให้เราไม่ไปพิมพ์ผิด บอกให้รู้ว่าออเราจะใช้ตัวแปรที่ว่า clock ตัวนี้แล้วก็ใส่วงเล็บ มันจะไม่มีปัญหาว่าพิมพ์ตัวเป็นตัวเองอะไรนี่เพราะบางทีเด็ก ๆ มองแล้วดันเห็น ไม่ชัดไม่ขยายนะคะ ตรงนี้คือส่วนของการตั้งค่าทั่วไป ใครยังไม่เสร็จบรรทัดนี้ พิมพ์ให้เสร็จนะคะ ไม่อย่างนั้นไปขั้นตอนต่อไปไม่ได้นะ ตอนนี้เราเองถอดแล้วแล้วเรามาตั้งค่ากำหนดค่าให้ มันก็คือให้เป็นตัวแปรที่ชื่อว่า clock ทีนี้เราจะไปเรียกใช้งาน เราจะไปที่ตำแหน่งท้าย ๆ แสดงผลจะอยู่ประมาณตรง... เดี๋ยวนะ เอาไปไว้ท้าย ๆ ก่อน นี่ ๆ ๆ แถว ๆ พวกนี้เนี่ยแถว scอะไรพวกเนี้ยนะเด็ก ๆ ไอ้นี่ให้ก่อนนะคะ สาย ๆ ก่อน ส่วนของการแสดงผลนะ คั่นส่วนไว้จะได้รู้นะคะ สังเกตตรงการแสดงผลเราเ พราะ screen biก็คือให้มันแสดงพื้นหลังเรานะคะ เอาจริง ตัวเดียวก็ได้นี่ ลบตัวนี้ได้เลยนะน ี่เดี๋ยวค่อยมาลบนะคะ ไล่ลบ เพราะฉะนั้น คำสั่งที่ 3 ก็คือให้ เดี๋ยวนะ เราจะ เดี๋ยวนะคะ ตรงส่วนของการแสดงผลที่บอกก็คือเราจะตัวแปรa Clock นะคะ ติ๊กนี่ แล้วระบุระบุว่าเวลาเวลาที่ให้มันทำงานอยู่ที่ประมาณ 60 วินาทีนั้นตำแหน่งก็จะอยู่ตรงเมื่อกี้ที่มาร์กไว้นะการแสดงผล อยู่ตรงนี้นะคะ อย่ากด Space Bar กดอะไรคะ กด Tab ให้ไปตรงกับตำแหน่ง screen บอกแล้วนะคะ เพราะบางคนจะติดก็เห็น ย่อหน้าที่ 2 มันวะนี่ไปซะ ถ้ามันจะไม่ค่อยใช้วรรคใช่ว่าจะใช้เฉพาะวรรคระหว่างคำแต่ถ้าคำย่อหน้านี่ เราจะใช้แผ่นเราก็เรียกใช้เคาะ กินฟรีปุ๊บ เลือกบของเรานะคะ แล้วก็ตามด้วย Memory ไม่ดีนะคะ จำไม่ได้ค่ะ ขอบอก สมงสมองไปหมดอากาศเย็น สกลนครหนาวได้บอกเลย ว่าเด็ก ๆ พากันไม่มา trik นี่เป็นคำสั่งในไรนั่นเองนะคะ แล้วก็ตามด้วยวงเล็บ ใส่ 60ตัวเดิมนะ 60เดี๋ยวตัวเลขเราก็ได้ให้นึกถึงนะ ถ้าเราลองรันโปรแกรมแล้วตัวเกมเรามันวิ่งไวเกิน ไปเราก็เพิ่มเวลาให้มันแต่ถ้ามันวิ่งช้า 60 แล้วมันช้าเราก็ลดเวลาลงนะคะ ก็คือนึกถึงเวลา 1 วิ 2-3 วิหนึ่ง คือเพิ่มใช่ไหม หนึ่งมันเร็วไปเราก็ต้องเพิ่มให้มัน ช้าก็ต้องเพิ่มแต่ถ้ามันช้าเราต้องลดตัวเลขลง นี่คือเราจะได้ยังไม่รันนะคะ เพราะตัวที่เราจะรันถ้าเรากดมันก็จะไม่แสดงผลอะไรทั้งสิ้นนะคะ ยังไม่กดรันนะคะ ไปทำต่อ เรายังเขียนโค้ดไม่เสร็จ อย่าลืมว่าโค้ดมันไม่ได้มีแค่ 3 บรรทัดแน่นอนนะคะ กดผิดอันอีก ไปไสล่ะ จะเิาตัว t เอาตัวที่ออก t ถัดไป ลำดับต่อมานะคะ เรากำหนดไอ้นี่ไปเรียบร้อยแล้วนะ ห้ามนะคะ เราตั้งค่าหน้าจอเกม เราตั้งไปแล้ว set mode หรือ เราจะมาทำลูปนะคะ ทำลูปให้เขา เราทำไปแล้วจะข้ามส่วนนี้ เรามาทำต่อจากอันเดิมนะ นี่เราจะใส่ Moving Sprite เข้าไปได้นี่นะคะ ต้องไปตรงนี้ก่อนเราจะมาสร้าง Class ให้ก่อนนะคะ สร้าง class เพื่อ เพื่อที่จะทำอะไร จำได้นะตัวเกมบอกแล้วในผลต่อเราใส่เข้าไปแค่ตัวเดียวแต่ทีนี้เราจะเอาน้องมาทั้งเซตเลย น้องน้องการ์ตูนเรามาทั้งเซตเลยนะคะ เพราะฉะนั้น เราจะต้องสร้าง Class ให้น้อง เพื่อจะเรียกใช้เวลาเรียกใช้เราจะได้เรียกตามชื่อ class ครั้งเดียวพอจบ Anime ตอนนี้คะเนี่ยนะคะ รูปแบบก็คือเราจะต้องพิมพ์คำว่า Class แล้วก็ตามด้วยชื่อของคลาสคือในการเขียนโปรแกรมนี่ การสร้างค้าจะช่วยให้เราไม่ต้องเขียนโปรแกรมใหญ่มาก ๆ หลาย ๆ ครั้ง หรือเขียนเรียกใช้ตัวอะไรก็แล้วแต่นะคะ ตัวรูปภาพนี่หลาย ๆ ครั้ง มันได้คลาสนี้รูปมันมีหลายรูปอ่ะไม่งั้นเราจะต้องไปเรียกรูปหลายครั้งเลย ว่าอย่างนั้นเถอะนะคะ เราจะเรียกแคบ Minecraf ครั้งเดียวแล้วก็ใส่โคลอนเพราะเสร็จ ปลุกเน็ตจะต้องระบุโคลอนเข้าไปนะคะ แล้วก็ใส่ statement ก็คือเงื่อนไขอะไรต่าง ๆ ตามมา นะคะ เราจะไปต่อนะคะ ดูดี ๆ นะคะ ชื่อคลาสจำไว้เลยนะคะ เมื่อไหร่ที่ให้สร้าง Class เวลาตั้งชื่อค เด็ก ๆ จะต้องพิมพ์ชื่อคลาสตัวแรกด้วยตัวพิมพ์ใหญ่ เพราะฉะนั้น เตรียมกดแคปล็อกได้เลยนะคะ เมื่อเราสร้างคัดเสร็จ ลำดับต่อมาเราจะมาสร้างMedให้ให้ขาดของเรานั่นเองนะคะ 1 ตัวเอาไปตัดที่นี่นะคะ เราจะเปิดหน้านี้ไว้นะคะ เริ่มค่ะ ไปที่ sublime เราทีนี้เขาบอกว่าอยากให้มันรู้อะไร มันต้องอยู่ข้างบนเสมอเลย อาจจะอยู่ตรงส่วนที่เมื่อกี้ ใน ในที่โค้ดจะเห็นว่าค้าจะอยู่ต่อจากส่วนของ Import นะคะ แฮชแท็กค่ะ เพื่อจะได้รู้ว่าตรงนี้เป็น เราจะทำอะไร เราจะสร้างคลาส อยู่ต่อจาก เมื่อกี้ มันต้องอยู่ต่อจาก อยู่ต่อจากการตั้งค่าทั่วไปนะคะ เราจะอยู่ตำแหน่งถัดมา เพราะตรงนี้จะต้องโดนเรียกใช้ก่อนแล้วก็ค่อยมาตรงนี้ได้ ไม่เป็นไร ตอนนี้ใส่แฮชแท็ก เพื่อจะอธิบายว่าเราจะสร้าง Class สำหรับนำเข้าภาพต่อเนื่อง Sprite sheet เรานั่นเองนะคะ อธิบายไว้จะได้รู้ ถ้าใครพิมพ์แฮชแท็กหรือ comment เสร็จแล้วนะคะ ก็จะสร้างคลาสได้เลยนะคะ พิมพ์ c บางคนพิมพ์ C แล้วมันขึ้นพิมพ์ c l ก็ได้นะคะ แล้วเลือกตัวแรก Class New Class นะคะ คลิกเข้าไปกด enter เห็นไหมคะ มันจะสร้างโครงสร้างของ Class ขึ้นมาเลยมี Last name แล้วก็มี definition ฟังะ เห็นไหมคะ รูปแบบเหมือนไหมเหมือนเหมือนใน ในสไลด์เราไหม แล้วก็มีตัวนี้ส่วนของค่าต่าง ๆ เนี่ยนะคะ ขึ้นมา อาทิตย์นี้มาดูตรงนี้ Class name เขียว ๆ และมีไฟกับเด็ก ๆ ทำแบบคอบต้อง Classเนี่ยที่มันขึ้นสีเขียว ๆ เนี่ยขึ้นเราจะต้องเป็นคนตั้งชื่อให้คลาสของเรานะคะ ภาพที่เราจะนำมาใช้หรือตัวเกมที่เราจะนำมาใช้มันคือตัวอะไรคะ เด็ก ๆ จำได้นะ ของใครไปดูที่ตัวนี้เกมที่เราเอามาใช้ครั้งก่อนนี่เราใช้คำว่า Cat ใช่ไหมของเด็ก ๆ ชื่ออะไรคะ เพราะฉะนั้น เอาชื่อครับ เป็นตัวนี้แต่อย่าลืมว่าตต้นของมันตัวใหญ่ เราค่อยไปลบบรรทัดนั้นเรายังไม่ทันให้มีปัญหา Class กับ Cat คนละตัวใช่ไหม พิมพ์ด้วยตัวเลขจะต้องเป็นตัวพิมพ์ใหญ่เสมอนะคะ ชื่อ จะต้องขึ้นต้นด้วยตัวใหญ่เสมอ ทีนี้มาดูในส่วนไอ้เขียว ๆ อีกทีเราจะต้องแก้เผ็ดมันนะคะ วัตถุที่เราจะเอามาวางแล้วจะระบุอะไรไป object ของอุบลตัวอะไรนะลูก boy แต่เดิม boy เล็กก็เป็นบ่อยใหญ่นะคะ อย่าลืมนะคะ ตัวอักษรตัวแรกต้องเป็นตัวใหญ่นะลูกถ้าเป็นชื่อครับ เวลาเราตั้งชื่อตัวแปรตัวเล็กตัวใหญ่ก็ได้แต่เมื่อตั้งไปแล้วต้องเช็ก นึกออกนะ ต้องขึ้นต้นด้วยตัวใหญ่เสมอนะคะ มา object นี้เราจะใส่อะไรเข้าไปในคลาสของเรานะคะ มาดูกันที่เราจะใส่ก็คือเรียกใช้ pygame เนี่ยมันจะมีไรซ์เบอรี่บอกแล้ว ร้านไลบรารี่ที่จะใช้ก็คือดูนะคะ เด็ก ๆ ดูดี ๆ ก็ไป 2 ครั้งเนี่ย Sprites ตัวแรกตัวพิมพ์เล็กมันจะเป็นคนละตัวนะไม่ออกเนะเพราะอะไรเพราะเห็นไหมSpice ตัวที่ 2ขึ้นต้นตัว f มันจะเป็นตัวใหญ่แล้วถ้าเวลาแม่บอกว่าเรียกใช้สบายตัวใหญ่เราต้องพิมพ์ตัวใหญ่ก่อนค่อยออกเนาะแต่ถ้าเรียกสบายเล็กก็คือพิมพ์ตัวพิมพ์เล็กทั้งหมดมันจะมี 2 ตัวนะคะ เพราะฉะนั้นใน object เราจะเรียกใช้ไลบรารี่ pygame ที่ชื่อSprites spiral dot สไปรท์ใหญ่ว่างั้นเถอะโอเคไหมนะคะ วันนั้นกลับมาที่ตัวนี่ เราใส่ offset ใช่ไหมคะ เราพิมพ์ที่พี่แล้วอด pygame กด Enter ได้เลย ขึ้นท้ายเกมเลือกไฟล์เกมแล้วกด enter ไป . นะคะ สไปรท์พิมพ์สไปรท์ใหญ่ยัง ไม่ยังไม่กดนะเด็ก ๆ เพราะจะไปแลกไปตัวเล็กนะคะ STI Sprite 2 นี่ตัวใหญ่ ลองเลือก Sprite ตัวใหญ่อยู่ข้างล่างเกือบล่างสุดเลย คือS ิ้นไก่สั้prite ที่ 2 มันมันสร้างไว้ Library มันมีอยู่แล้วในออกเนาะโอเคนะคะ เพราะตัวเราไม่ต้องใส่เลยสังเกตถ้าเราอย่างเงี้ยไอ้พวกเรื่องไหนมันจะไม่หายดูใหม่นะไอ้ Sprite ที่ 2 เดี๋ยวดูใหม่นะ Facให้เลื่อนไปหาสไปรท์ใหญ่ไหมคะ แล้วกด Enter เพราะมันเป็นตัวที่เป็นอยู่ใน Library แล้วว่างั้นเถอะแต่จะไปเล็กเนี่ยมันบอกให้รู้ว่าฉันสร้างตัวนี้ขึ้นมาเพื่อจะเรียกใช้ เขาบอกตรงนี้เราจะลบออกนะคะ เป็นแค่อธิบาย ซึ่งเราอธิบายไว้ข้างบนแล้ว เรากด delete ได้เลย เราเราต้องพยายามลดบรรทัดในการเขียนโค้ด คือ 1 บรรทัดจะใช้พื้นที่ในการเก็บนะคะ เมื่อกี้เราสร้าง Class ไปแล้ว ทีนี้เราจะมาสร้างส่วนของ statement นี่นะคะ นะคะต่อ ก็คือส่วนนี้เห็นไหม def ย่อมาจาก deftetanus นะคะ มันจะพิมพ์ของมันมาแล้ว เพราะฉะนั้น ถ้าเด็กพิมพ์ไม่ถูก มันพิมพ์มาแล้วเราจะมาแก้เฉพาะในวงเล็บ เอาเอาตัวนั้นออกมันบังโค้ดเรานะคะเราจะพิมพ์จนถึงตัวนี้ก่อน Super init เนี่ยน่าจะพิมพ์มาแล้วนะคะ แล้วต่อจาก self เห็นไหมคะ แล้วตามด้วยอะไรคะ หาดูนะคะ pos_x pos_y นะคะ แน่นอน ย้ายตำแหน่งก่อน pos ใช้ _ คั่น ใช่ _ เข้าไป มันจะได้เห็นว่า posมาจาก Position นั่นเองนะคะ p osโพสต์มาจาก Position แล้วก็ ตามด้วย underscore คือตำแหน่งแกน x ตำแหน่งของแกน x แกน Y นั่นเอง เมื่อเราจะเอาไอ้รูปนี้ไปวางในตำแหน่งนี้ แกน x แกน Y ที่ระบุ นะคะ บรรทัดนี้นะคะ ก็คือจะเริ่มกำหนดว่าตำแหน่งของสิ่งที่เราจะเรียกมานี่ จะอยู่ตรงไหนอะไรอย่างไร บอกตำแหน่ง ระบุตำแหน่ง บรรทัดต่อมา มันจะเริ่มยาวขึ้นแล้วนะเด็ก ๆ ดูดี ๆ นะคะ ช่องนี้เห็นไหมคะ Class name เราไม่ต้องระบุลงไป ลบออกให้มันเป็นเปล่า ๆ แล้วเหลือแค่นี้บรรทัด ที่ต่อจาก definition นะคะ บรรทัด นี่ตรงที่อยู่ในวงเล็บในลบออกนะคะ อันนี้เราจะเหลือแค่นี้นะคะ บรรทัดถัดจากนี้ตั้งแต่พอเริ่มเรียก self เนี่ยมันจะยาวขึ้นนะคะ เราจะพิมพ์แค่ 1 ครั้ง เราใช้วิธีคัดลอกแล้วก็ไปแก้ แก้เฉพาะตัวนะคะ ดูนะคะ Sprite เล็กนะคะ self ตัวแรกตัวแรกเนี่ย Sprite เล็ก แล้วเติม s ให้ด้วย มันจะเป็นคนละตัวกับตัวบนนะคะ เด็ก ๆ Sprites ที่ใส่ก็คือสี่เหลี่ยมวงเล็บแบบสี่เหลี่ยม เห็นไหมดูดี ๆ นะคะ Sprites ในเซลล์เนี่ยเป็น Spice ที่เติม ed เข้าไปด้วยเราเรียกไปปุ๊บใช่ไหมกดมี ขึ้นมาเนี่ยแล้วเติม s เพิ่มเท่าไหดีนะมันจะเป็นคนละตัวนะ มันมีหลายตัวดูดี ๆ Sprites พอเขาเรียกไปแล้วเนี่ตัวนี้ 1 ใช่ไหม Sprite ใหญ่ 3 Spice SS ตอนนี้สบายเรามี 33 spice นะคะ บรรทัดที่เหลือจะเริ่มจะเริ่มไป ไป ไป เรียกใช้คำสั่งที่มันให้โหลดรูปที่เราเก็บไว้มานะคะ เราต้องวางเรียงจนครบทั้งหมด เรามีกี่รูปเราก็ใส่เข้าไปทั้งหมดจำนวนรูปนั้นนะคะ เดี๋ยวเขียนให้ดูก่อน ตอนนี้เราระบ ุSprites ไปแล้ว Sprites ไปแล้วสิ่งที่เราจะทำต่อมาบรรทัดต่อไปเราก็พิมพ์เซลล์เหมือนเดิมเลือกนะคะ self เหมือนเดิมนะคะ จะไปเหมือนกันแต่เลือก Sprites จะไปที่มีตัว S ไหมคะ ไม่ถูกตามด้วย self.Sprites. เพราะ... เพราะตัวแรก Sprites แรกเราป่ะโปรแกรมไปแล้ว 5 เราสร้างสมานะวันนั้นครั้งที่ 2 เราเรียกใช้มาได้เลยนะคะ จอดแล้วก็ตามด้วยหัวจะยาวรอบนึง App Play แล้วก็โหลด OKW นะคะ เลือกใช้คำLibrary Append พิมพ์ผิดบ้างอะไรบ้าง ในวงเล็บใส่วงเล็บนะคะ pygame py แล้วกด Enter ให้มันเรียกใช้ pygame เหมือนเดิม im เรื่องเอ็มเมดนะคะ โหลดเลือกโหลด ใครไม่ขึ้นแสดงว่าบางทีพิมพ์ผิดลองลบออกก่อน เดี๋ยวย่อลงหน่อยนะคะ ตรงไหนอ่ะคะ ที่ต้องย่อเพราะว่ามันยังมีต่ออีกเดี๋ยวเด็ก ๆ จะไม่เห็นว่าในบรรทัดนี้มันมีอะไรต่อนะคะ แล้วคือตอนนี้เราจะมาเรียก self.Sprites.append แล้วก็ให้สั่งให้ใครเกมันไปโหลดภาพแล้วมาดูภาพที่เราจะโหลด วงเล็บที่หลังวงเล็บหลังโหลดนะ pygame image not load ชื่อลูกรูปตัวไหนชื่อรูปเด็ก ๆ ดูนะคะ บอกแล้วบอกวิธีไปแล้วเนาะ ถ้าไม่อยากพิมพ์ผิดเหมือนอย่างนี้ เราไปที่ไฟล์ภาพเราแล้วเราคลิกขวาใช่ไหมคะ ที่ตำแหน่ง Property แล้วเราก็ก๊อปชื่อไฟล์มันมาเลย มันจะทำให้เราไม่พิมพ์ชื่อไฟล์ผิด แล้วก็เช็กด้วยว่านามสกุลมันเป็นนามสกุลอะไร PNG โอเค .png แบบนี้นะคะ มันจะไม่เกิดปัญหาในการพิมพ์ชื่อไฟล์ผิด เพราะฉะนั้นภาพที่เป็น Sprite เรามีกี่รูปบรรทัดต่อไปไม่ต้องพิมพ์ใหม่ได้ดูนะคะ ใช้วิธี Copy บรรทัดที่เราสั่งมันโหลดภาพกด Control+C แล้วก็กด Control+V ลงไป เราก็เปลี่ยนแค่อะไรคะ หมายเลขใช่ไหม 2 ไหมคะ ตรงนี้นะคะ สไปรท์เด็ก ๆ จะต้องไปสั่งให้มันโหลดรูปที่เราจะเอามาใช้ ให้ครบตามจำนวน นึกออกไหมลูก เพราะนั้นเพิ่มเพิ่มบรรทัดเองนะ ของใครมีกี่ลูกจำนวนบรรทัด ของลูกที่โหลดมันก็จะเท่ากับค่าของตัวเองไม่ออกนะ Copy อันที่ 1 แล้วก็ไปเปลี่ยนหมายเลขถูกไหม ถ้าของใครมีหมายเลข แต่ถ้าของใครไม่มีหรอกนะ นะคะแล้วก็วางจนกว่ามันจะครบจำนวน ไอ้ตัวนั้นของเรานะคะ เดี๋ยว... ตรงนี้นะคะ ชื่อไฟล์ภาพนี่ ให้ดูในเครื่องตัวเองอ่ะลูกไม่ใช่มันพิมพ์ตาม ก็คือชื่อภาพใครภาพมันภาพของใครของมัน อันนี้เป็นชื่อไฟล์ภาพที่อยู่ในเครื่องของแม่ ของเด็กชื่ออะไรเด็ก ๆ ก็ดูเอาในโฟลเดอร์ตัวเองน่ะค่ะ มีกี่รูป เดี๋ยวขอไปดูก่อนนะ มาของเรามีทั้งหมดกี่รูป ของเครื่องแม่มีถึง 10 นะคะ เพราะฉะนั้น ก็จะใส่เพิ่มอีก 5 ตัวมีเยอะมันจะก๊อบฯ แผงใหญ่ ๆ เลยแล้วก็นับต่อ 6 7 8 9 10 ให้เด็ก ๆ ดูในโฟลเดอร์ตัวเองนะ ภาพใครชื่ออะไรก็ครับ วางแล้วค่อยมาแก้อย่างนี้นะคะ อันนี้ของแม่มี 10 ภาพแม่ก็ใส่จนครบแล้ว 10 ลูกนะคะ ของเด็ก ๆ มีรูปเดี๋ยวไปช่วยดูให้ตรวจให้นะคะ ใส่วงเล็บมาถูกแล้วเอาล่ะไม่ใส่ไม่ขึ้น ตรง pygame ใส่วงเล็บ นั่นแหละ ก็ว่าใส่แล้ว จำไม่ได้ ตอนแรกใส่ไปละ แล้วมันไม่ขึ้นก็เลย เข้าใจว่าเจ้าของใส่ผิด เดี๋ยวไปเดินดูนะคะ มันจะต้องขึ้นอย่านี้ เป็น... เป็นเซ็ตเลย เร็ว ๆ สีส้มเป็นสีฟ้าแล้วก็ไปปิดด้วยโหลด ดูนะคะ ชื่อไฟล์ เราลืมแน่ ๆ เลย เมื่อกี้เดินไปผิดแน่ ๆ มันต้องใส่อะไร เครื่องหมายอะไร คำพูด นึกออกนะ จะใส่เครื่องหมายคำพูดจะเอา Single ค Single Double ก็ได้่ใส่ลงไปลืมเด็ก ๆ ใส่เครื่องหมายคำพูดลงชื่อไฟล์ที่เราจะเรียกใช้ด้วย ลืม เยอะหลายอย่าลืม นี่นะเมื่อกี้ลืมใส่นะคะ ใส่เครื่องหมายคำพูดเข้าไปให้น้องด้วยขอ ถ้าเชจากสไลด์เนี่ยตรงชื่อไฟล์มันจะเป็นสีเหลืองใช่ไหมคะ มันถึงจะถูกต้องนะคะ อันนั้น Single หรือ Double Code ก็ได้ไปตอนไหนก็ได้นะคะ ตัวใดตัวหนึ่ง เลือกเอาใครถนัดใส่ Single ก็ใส่ดับเบิ้ลก็ใส่ Double ทีนี้บางรูปของบางคนนี่ รูปมันไม่ต่อเนี่ยมันเป็นอาหาร วันนั้นเรียกลูกมาไทยก็มีส่วนนะคะ เช็นะคะ เช็กอันดับแรกเช็กที่ชื่อไฟล์ภาพที่เราจะนำมาใช้ชื่อถูกต้อง โอเคไหมแล้วก็จำนวนลูกที่เอามาใช้ทั้งหมดกี่รูป สังเกตนะคะ ถ้าใครแจ้งครบแล้ว ไอ้ตัวชื่อไฟล์ภาพจะเป็นสีเหลืองทั้งหมด นั่นแสดงว่าถูกต้องแล้วนะเด็ก ๆ ต้องเป็นอย่างนี้นะคะ ในโค้ดเราต้องเป็นอย่างนี้ถึงจะถูก ตัวเอง นี่เห็นไหม คือคำสั่งมันเยอะ เพราะมันเป็น Class มันจะมันจะลำบากตอนแรกเท่านั้นนะคะ ไหนลองสิ มันเป็น... มันได้อยู่ มันเป็นนามสกุล ชื่ออ่ะ ชื่อห้าม ผิดนามสกุลนะมันรู้อยู่ โปรแกรมมันจะรู้มันน่าจะเว้นวรรคผิด เดี๋ยวตอน Error ก็จะรู้กัน สร้าง method แล้ว ทำไรต่อ โหลด Sprite sheet แล้ว มีบรรทัดต่อนะคะ เด็ก ๆ เราจะระบุตำแหน่งว่าตำแหน่งปัจจุบันของตัว Sprite เรา จะเริ่มที่ศูนย์แล้วก็จะมาเรียกใช้ จะสร้างจะทำ Animation เห็นไหม create Animation แล้ว ขั้นต่อไป เราโหลด ตอนนี้เราสั่งให้มันไปโหลดภาพ ต่อมาเราจะสร้างส่วนของ Animation นะคะ เดี๋ยว... ใส่แฮชแท็ก เราจะเข้าสู่การสร้างแอนิเมชั่นแล้ว สร้าง... สร้างภาพเคลื่อนไหวก็ได้ เดี๋ยวจะงง เอาเป็นภาษาไทยสร้างการเคลื่อนไหวนะคะ แฮชแท็กไว้จะได้รู้ส่วน ตำแหน่งอยู่ตรง self นะคะ กด Tab นะคะ เด็ก ๆ ใช้วิธีกด Tab นะกดเป็นมาแอบเข้าไปให้ตรงกับตำแหน่ง self เดิมเรา rb,rN===selfจะไม่เปลี่ยนพิมพ์เซลล์เม็ดเลือดเซลล์น็อตดูนะคะ คำสั่งนี้ยาวหน่อย self .currentสไปรท์สไปรท์ธรรมดานะคะ อันนี้อันนี้จะเป็นตัวแปรนะ current underscores เพราะฉะนั้นเราจะต้องพิมพ์เองนะคะ C u r e n t underscore p r i t e อันนี้เป็นตัวแปรที่เราจะสร้างก็ระบุว่าตำแหน่งเริ่มต้นหรือตำแหน่งปัจจุบันคือให้มันเริ่มที่ 0 current_ = 0นะคะ คำสั่งแรก ก็คือกำหนดให้ตัวแปรที่ชื่อcurrent_sprites มีค่าเริ่มต้นที่ศูนย์ ไอ้ตัวนี้ก็คือเป็นคำสั่งที่บอกว่าเนี่ยค่าเริ่มต้นของภาพนะคะ ต้องเริ่มที่ 0 เสมอ self_carrent เท่ากับศูนย์ Current ใส่ underscore ด้วยจะแยก 2 คำบางทีสาเหตุที่มีอันเดอร์สกอร์มีอะไรเงี้ยคือบางทีประโยคมันยาวเนี่ยถ้าเราไปพิมพ์ติดกันเวลาเราเช็กโค้ดมันจะไลน์ไ ปบอกเนาะเพราะนั้นเราใช้ตัวอันเดอร์สกอร์มาเพื่อในการแยกคำ ไปบรรทัดต่อไปนะคะ เราจะกำหนดให้เรียกใช้เรียกรูปนั่นเองนะคะ s แล้วเลือก self เดิมตามด้วยเครื่องหมาย . อะไร doImageนะคะ คิด IMF ไหมคะ เท่ากับใช้เครื่องหมายเท่ากับเท่ากับแล้วอีกครั้งนึงค่ะ เฮียใช้ self อีกครั้งหนึ่งกด F แล้วเลือกเซลล์ สไปรท์สไปรท์ที่เราจะใช้ตัวนี้คือสไปรท์เด็ก ๆ ไปหาสไปรท์ S นะคะ จะไปที่มี s ข้างหลังอ่ะค่ะ เรื่องพวกนี้ แล้วก็ใส่วงเล็บสี่เหลี่ยมใหญ่เข้าไป แล้วพิมพ์ใช้ self.current_Spice ละ 5 รอบในวงเล็บสี่เหลี่ยมใหญ่เนีราจะเรียกใช้จอร์จกิน C แล้วเลือก current seyouอยู่ไหนคะเลือกเคยเรียน ที่มันขึ้นมานี่เลย เราสร้างไว้นั่นเองนะคะ บรรทัดต่อมาให้นะคะ พิมพ์ self เหมือนเดิมนะคะ เลือก phอันนี้พิมพ์เองนะคะ เล็กเล็ก เล็กเท่ากับเซลล์ ระวังฟันเซลนะคะ . เลือก self image ค่ะ I เลือก Image แล้วก็ .get Ggetunderscore เล็กนะคะ แล้วก็วงเล็บ แล้วกำหนดอีกตัวหนึ่งนะคะ เซลล์เหมือนเดิม เลือก เหมือนเดิมจอดเหมือนเดิมค่ะ กำหนดตำแหน่งหาเลข Top นะคะ เล็กเลือกเล็กนะคะ t op ท top บนซ้าย Topl e f t ะนยสำะนะคะ เท่ากับวงเล็บใหญ่วงเล็บสี่เหลี่ยมใหญ่ เรื่องโพสต์ underscoreแล้วก็ใส่โคลอนแล้วก็เลือกโพสต์ underscores ระบุตำแหน่งและอยู่ที่ poของเรานะครับ ให้ค่าเริ่มต้นในการทำงานเริ่มที่นี่ เช็กดี ๆ นะคะ ถ้าพิมพ์ถูกแล้วสีจะขึ้นแบบนี้เลย สีเจลสีตัวเลขสีเท่ากับจะขึ้นอย่างนี้เลย ถ้าใครไม่ค่อยมีแสดงว่าพิมพ์ตรงไหนตรงหนึ่งผิดแน่นอน โครงสร้างผิดแน่นอนนะคะ sublime จะช่วยในการเช็คโค้ดดิ้งไม่ดีเลยใครยังพิมพ์ 1 2 3 4 บรรทัดนี้ไม่เสร็จ เสร็จยังคะ ดูดี ๆ นะคะ Sprite ที่ใช้ที่เรียกใช้คือไซส์ S นะคะ ตอนนี้ตรงตำแหน่งนี้ เรียกผิดชีวิตเปลี่ยนนะ มันจะไม่ขึ้นไม่งั้นก็จะ Error ไปเลยนะคะ โอเคนะคะ ยังไม่จบ ยังไม่จบโค้ดมันเยอะหน่อยหนึงแต่พอเวลาไปเรียกไ*******อย่างนิดเดียวจริง ๆ เราทำClass จะใหญ่เราอนิเมชั่นแล้วสิ่งที่เราจะทำต่อไปนี่นะคะ เราจะมาเรียกใช้มันแล้วเนี่ไ ม่ใช่เรียกใช้เราจะทำ น่ะจัดจับมันกรุ๊ปมันน่ะค่ะ กรุ๊ปมันรูปมันน่ะสักภาพใหญ่ ๆ ให้มันเป็นภาพเดียวสร้าง Sprite แล้วก็กรุ๊ปน้องด้วยนะคะ อ๋อ มันเรียนรวม สอบแล้วแล้วหรือ ดูนะคะ ส่วนต่อมา เมื่อกี้เราเราจะเรียกใช้มัน เราจะสร้างมันแล้วก็ตำแหน่งจะอยู่ที่หลังเงื่อนไขนะ ตำแหน่งโค้ดเสร็จหมดแล้วนะคะ ตรงสี่บรรทัดนี้ใครยังไม่เสร็จ โอเคนะคะ เสร็จหมดแล้ว เรามาที่ตำแหน่งนี้ ตำแหน่งของการแสดงผลนี่ ตำแหน่งนี้นิดหนึ่ง ใส่แฮชแท็กเข้าไปเพื่อจะอธิบายว่าตรงส่วนนี้เราจะสร้าง สร้างภาพต่อเนื่อง มันไม่สร้าง มันสร้างไปแล้ว เราจะทำภาพต่อเนื่องให้มันเป็น... มูฟมันเข้าไปเป็นให้มันเหมือนมันเป็นรูปเดียวน่ะ เอาแปลเป็นไทยนี่ แปลลำบากมากเลย ขอเป็นอังกฤษ อธิบายยากคำไทยคำเยอะอธิบายยาก เรานะคอมพิวเตอร์เราแปลด้วยภาษาอังกฤษ Sprites and Gourp ไอ้รที่เขาทำเสร็จแล้วเนี่ยเราจะนำมันมารวมให้มันเป็นเหลือรูปเดียวจากหลาย ๆ รูปนะคะ เรียน เรียน เรียน กำหนดตัวแปร Moving เคลื่อนไหวนะคะ เคลื่อนไหว Movinารเคลื่อนไหวของภาพไฟล์ Raw Movie เท่ากับ pygame เลือก pygame.Sprite พิมพ์ไปเลือกไซส์เล็กนะคะ ตัวเล็กที่ไม่มีอีกessดูดี ๆ นะคะ เด็ก ๆ จะไปตัวที่เลือกในภายเกมต่อไปนี้เป็นสเปคที่ไม่มีนะคะ กรุ๊ปใช้ตัวใหญ่ เพราะตัวนี้มันเป็น อยู่ใน Library อ่ะค่ะ เราจะไปเรียกใช้ Class กรุ๊ปนะคะ ตอนนั้นเลยใช้ตัวใหญ่สังเกต กรุ๊ปใหญ่นะคะ ต่อไป บรรทัดต่อไปนะคะ สิ่งที่เราจะทำต่อมาก็คือประกาศตัวแปร เพื่อเรียกใช้ไอ้ตัว Classของเรานะคะ Class เราชื่อชื่อ Class ตัวใหญ่มันใช้ว่า Cat ใช่ไหม เพราะฉะนั้น ตัวแปรเราก็จะใช้ชื่อมันเป็นตัวเล็กนะคะ แล้วจะเป็นแคทเล็ก เท่ากับ Cat ใหญ่เพราะเราจะเรียกใช้ขาเราต้องเรียกแชทใหญ่นะคะ วงเล็บด้วยในวงเล็บใส่อะไรตำแหน่งค่ะ ตำแหน่งของไอ้ตัวนี้ ขอลองใส่ก่อนนะขอลองที่ 10 10 อยากรู้เหมือนกันมันจะไปโผล่ตรงไหน แล้วก็กำหนดให้แปร Moving_Sprite เนี่ยนะคะ นำเข้าถ่ายรูปนั้นน่ะให้มันกรุ๊ปอ่ะพิมพ์ mแล้วเลือกวิ่งไปไปนะคะ จะไปนี้ใช้สไปรท์ที่มี S จะไปที่เตอนะคะ ดูดี ๆ เฮียใช้ไม่เหมือนกันนะลูกApp App ก็คือเพื่อจะให้มัน App อะไรเข้าไปให้มัน Add ตัวแปร Cat เล็กของเราเข้าไป cat เล็ก OKมันเอาไปไว้ที่ตอนนี้คือเป็นเอาภาพที่มันต่อกันหลาย ๆ ภาพนี่ มาให้มันทำให้มันเป็นภาพเดียวค่ะ รวมกันเป็นภาพหนึ่งภาพให้มันดูเหมือนเป็นรูปเดียวนะคะ 3 บรรทัดนี้เสร็จยังคะ ใครยังไม่เสร็จ ยังนะคะ อย่างนั้นเดี๋ยวไปต่อไม่ได้ มันจะขาดตอนเช็กนะคะ เช็คตรงสไปรท์สไปรท์แรกไม่มีเอสนะคะ ไปที่ 2 เรียกฉายหลังนี่ vs นะคะ ต่างกันตรงนี้เพราะมันจะไม่ขึ้น Error นะ เพราะมันสร้างแล้วมันโดนสร้างแล้วแต่ดูดี ๆ แค่นั้นเอง เช็กตรงนี้ 2 จุดนี้นะคะ จะไปที่กำหนดใน Moving Sprite เนี่ยไม่มี H เวลาเรียกอ่ะต้องมี SMS นะคะ ต้นอ่ะ น่าจะเสร็จกันหมดแล้วทุกคน มาดูที่เราจะต้องทำต่อ เราจะสร้างฟังก์ชันให้มันวิ่งทีนี้ กำหนดฟังก์ชันรัน แล้วก็ไปหาอัปเดต มันวิ่งไปแล้ว เด็ก ๆ ต้องบอกว่าทำไมวันนี้โค้ดเยอะจังเลย คือมันยาว แต่พอสร้างแล้วมันจะใช้ไปได้ เพราะฉะนั้น ตัวนี้นะคะ เราจะไปที่บรรทัดที่ต่อจาก Class เห็นไหมคะ บรรทัดสุดท้ายของคลาส ได้ลงไปหน่อยเราจะบอกเขาว่าโปรแกรมบอกตัวเอง บอกตัวเองนี่ถ้าใส่แฮชแท็กในบอกตัวเองนะคะ ว่าตรงส่วนนี้เราทำอะไรสร้างฟังก์ชันค่ะ ฟังก์ชัน ตรงส่วนนี้เราจะสร้างฟังก์ชันนะคะ ที่ชื่อว่ารันกับ Update รันกับก็ 2 ตัวนะ รูปแบบของการสร้างฟังก์ชัน ก็คือ definition คำว่าเ deนั่นเองนะคะ Tap Tap เข้าไปแค่ 1 ครั้งนะคะ มันจะไม่อยู่ตรงกับ self นะมันจะอยู่ก่อน self d เลือกแบบฟังก์ชันนะคะ แต่ def แล้วก็เลือกฟังก์ชัน definition ที่ฟังก์ชันก็คือรัน ตัวแรกตัวแรกเขียว ๆ นี่ในวงเล็บเนี่ยไม่ใช่ในวงเล็บขึ้นคำว่าฟังก์ชันเนี่ยเราแก้เป็นรันนะคะ เพราะปางช้างที่เราใช้มันชื่อว่าร้านเราจะใช้มัน Balance แล้วก็เรียก self มา และเลือกเซลล์ ในส่วนของบรรทัดที่ 2 พิมพ์ self ค่ะ autos vehicles นัน underscore อนิเมะนะคะ อนิเมะ มาจาก Animation แหละจะยาวไป อนิเมทนะคะ Run Animate Anime ดีกว่า Anime Anime Anime งงไหมเนี่ย เอาแอนนิเมทละกัน เท่ากับ True ทำงานเมื่อเป็นจริง จะใส่เงื่อนไขแล้วนะคะ เท่ากับทรูใช้ทรูใหญ่นะที่เลือก Trไหมคะ เรามีฟังก์ชันแล้วสร้างอีก 1 ฟังก์ชันนะคะ def มันเดิมเลือกแบบฟังก์ชันเหมือนเดิม ตำแหน่งชื่อฟังก์ชันเปลี่ยนเป็น เราสร้าง 2 ตัวนะ เราบอกเราจะสร้าง 2 ตัว ก็คือรันกับ Update นะคะ ชื่อฟังก์ชันไม่จำเป็นต้องใช้ตัวใหญ่ เรียกใช้ self ค่ะ แล้วก็ใส่โคลอนแล้วก็เรียกใช้ Speed ในส่วนของ statement หรือ pass นี่นะคะ เราจะมากำหนดเงื่อนไข ให้มัน... มันทำงานนั่นเองนะคะ ก็คือใช้คำสั่ง If ค่ะ เลือก if statementIf Condition ตอนแรก ไม่พิมพ์เองนะเด็ก ๆ ไม่งั้นเดี๋ยวรูปแบบมันจะผิด ให้เลือก i แล้วเลือก If condition นะคะ ไม่พิมพ์นะคะ เลือกใช้ เรียก self มาแล้ว . เลือก Run Animate เราที่สร้างไว้มาใช้งาน ถ้ามี if คำสั่งเท่ากับของอีเราต้องกด 2 ตัวนะคะ = =true true พิมพ์ทีละเลือกผู้นะคะ ส่วน statement pass เราจะเรียก นะคะ พิมพ์เซลล์เดิมแซวแ CU เลือก karo เราจะเพิ่มเนื้อออกนะ พอเวลาเวลาที่มันเคลื่อนนะคะ ตำแหน่งปัจจุบันมันเริ่มที่ศูนย์มัน เพราะฉะนั้น เราจะต้องเพิ่มค่าให้มันบวกนะคะ บวกใส่เครื่องหมายบวกแล้วก็เท่ากับ ก็คือเพิ่มความหมายก็คือบวกแล้วเท่ากับแสดงว่าเพิ่มนะคะ บวกอะไรเข้าไปให้บวกเข้าไปใน Speed ที่เราสร้างไว้ กดSP แล้วเลือกสปีด กด Enter นะคะ เราจะเพิ่มเงื่อนไข ซ้อนเงื่อนไขอันนี้เพิ่มแค่ speedเพิ่มความเร็วเข้าบ่ายกด like แล้วเลือก condition เหมือนเดิม int i i n t แปลนี้นะคะ ไม่ใช่ตัวมันเป็นวงเล็บค่ะ ใส่เปิดแล้วปิดใส่เข้ามาทีเดียวเลยนะ จะได้วงเล็บจะได้ไม่หายว่าอย่างนั้นเถอะ พิมพ์ และเลือดและเลือกเซลล์นะคะ น็อต current Spice หาพิมพ์และเลือก current เงื่อนไขก็คือให้มันเช็กว่า มันยังน้อยกว่าหรือเท่ากับ len len นะคะ l -n ใส่วงเล็บค่ะ เราจะเลือก self Sprites นะคะ รอบนี้จะเลือd นะp r i t e s ไหมคะ ในเลนส์เลือก Sprites นะคะ statement pass นะคะ พิมพ์ self เหมือนเดิมเลือก self พิมพ์ self และเลือก therapist เท่ากับ เท่ากับศูนย์ตอนนี้มันกำลังเช็กให้มันเช็กค่ามันจะวนมันหมดอ่ะแล้วก็เป็นเหมือนเดิมรันอนิเมะนะคะ เลือกรันอนิเมะเอากับเค้ามีแล้วก็ต้องมี 2 โอเคถ้าไม่เป็นจริง ก็จะจบการทำงาน แล้วทำเมื่อจริงมันจะเข้ามาเช็กค่าก่อน กด และเลือกฟ้อง บรรทัดนี้เสร็จแล้ว ย้อนหลังกลับไปที่ตำแหน่งแรกนะคะ if ที่หนึ่ง ตามภาพ พิมพ์ self ค่ะ แล้วI เลือก Image self แล้วเหมือนเดิมเรียSpritesself นะคะ ไปที่เติม EST เลือกสไปรท์ EMS สี่เหลี่ยมใหญ่วงเล็บสี่เหลี่ยมใหญ่ เรียก int i-n-t int น่ะเลือกกในวงเล็บเข้าไปในวงเล็บเลือก Set current นะคะ ไหวเลย code.org สำเร็จไป อันนี้เราทำส่วนของฟังก์ชัน รันกับ Update เสร็จแล้วนะคะ มี 2 4 6 8 นี่นะคะ ตั้งแต่บรรทัดนี้เลย ออกมาทันทีเลยอยากจะไปเช็กตำแหน่งนะคะ เด็ก ๆ ตำแหน่งของฟังก์ชัน ดูก่อนนะคะ วันนี้อาจจะยาวหน่อย แต่ผลน่าจะคุ้มค่า พอใจ น่าจะเป็นที่พอใจของเด็ก ๆ อยู่ เราจะมาเรียกใช้ตัวนี้นะ คีย์เรากำหนดแล้วแต่เราต้องเรียกใช้มันนะคะ ตรง เดี๋ยวนะ เงื่อนไข if key Key Movieจะต้องเป็น คอม Key i=ดีครับ ดูนะคะ เด็ก ๆ จะเรียกใช้ตัวแปร cat ที่เรียกฟังก์ชันรันมาทำงานนะคะ ทีนี้ที่เราจะไปลบ พอจะมีตรงไหนบ้าง เราจะเริ่มลบแล้วนะ ลบตรงนี้นะคะ นำเข้าภาพนี่ ลบออกเลย เพราะเราเอาไปไว้ที่ คลาสแล้วเด็กไปหาตัวเดิมโค้ดเดิมเก่าลบออกนะคะ เดี๋ยวมันยังลง ที่เรานำรูปเข้าในสัปดาห์ก่อนนะ เราเขียนแฮชแท็กไว้อยู่ลบออกนะคะ Continuousลองกด B ดูเทสตฺค่ะ Control BTS ก็เลิกเลยเลิกก็มาหาบรรทัดที่อะไรเนี่ย LINE 75LINE 75ว่าไงวะดู ดูบรรทัดนะคะ ของใครของมัน มันบอกว่ายังไง Identity assistance 75 Clock มันบอกว่า ณชIdentation unexpectedI didn'tfinish Shell Command python ขอดูโค้ด ไปย้อนโค้ดนะคะ การตั้งค่าทั่วไป แบ่งเอาสกรีนไปใส่ข้างล่าง นะคะ เอา Trik ไปใส่ข้างล่างแล้วก็ ไปต่อ ไปต่อ เราน่าจะต้องสร้างตัวหนึ่ง รู้แล้วเราลืมตรงนี้ไปด้วย โอเคนะคะ เพิ่มเพิ่มโค้ดอีก 3 บรรทัดนี่ เห็นมะ Moving Sprite ที่เราสร้างเสร็จแล้วอ่ะ ต้องมาอยู่ตรงนี้ เยอะจนเบลอเหมือนกัน เราจะไป... เราจะไปที่ตำแหน่งการแสดงผลของเรานะคะ เพิ่มโค้ดอีก แล้วก็ให้เด็ก ๆ ก่อนอื่นให้เลือกตรงส่วนของการตั้งค่าทั่วไป 3 บรรทัดนี้นะ แล้วก็บอกกด Control + X เอาไปไว้ข้างล่าง Class นะคะ เด็ก ๆ นี่เอาวางไว้ก่อนหน้ากำหนดหน้าจอเกม ต้องขยับตำแหน่งอะไรสักอย่างหนึ่ง พิมพ์ Moving ให้เลือกเนาะก็ให้มันว่านะคะ ให้มัน d r a W drae อะไรให้มันวาด screen แล้วก็เลือกใช้คำสั่ง Update นะคะ Moving Update เรียก function Update ให้ค่าเริ่มต้นอยู่ที่ศูนย์ ตำแหน่งนะคะ 25 แล้วก็เลือก pygame. มาใช้งาน Blacklist น็อตคลิป fl นะคะ ใส่วงเล็บ น่าจะ 76 screen blit unexpected ไม่รู้จัก Atribute moduleamoled ผิดตรงไหนโ เรียกฟังก์ชันผิดเองไม่เป็นไร funkYou Are Not function of the fastest ผิดอีกอะ บอกว่าไม่รู้จัก Attribute add มี Error Clock เล็ก เลือก Clock เล็ก Line 74 in MoC Moving B aspirin function of the fastest มันจะเป็นไปได้ไง ไม่รู้จัก Add ไม่รู้จัก Add ใส่เข้าไม่ได้3 ตัวนี้ Current self ag moving sprite add มีไหม ไม่ ไม่เจอ อ่านเลย หยุด 1 บรรทัดนะครับ จะไปอยู่ในเครื่องตัวเองเครื่องของเรื่องคือเรื่องตัวเองออกแล้วมันอยู่นี่ไม่ออกคือคืออะไร ครับ พี่น้อง ไปก่อนเดี๋ยวเรามาต่อสัปดาห์หน้า มันยังไม่วิ่งให้เราขึ้น Error Attribute Add มันหายไปไหนท่อนหนึ่ง ฃ เรียกใช้ไม่ได้ สำหรับวันนี้ก็พอแค่นี้ก่อนนะคะ ขอบคุณพี่ล่ามนะคะ เดี๋ยวเราจะมาต่อกันในสัปดาห์หน้าค่ะ ขอบคุณค่ะ วิธีอัปเดต วิธีอัพเดท