เราจะมาทำต่อจากสัปดาห์ที่แล้ว นะคะ เดี๋ยว อันเดิมอยู่ไหน เผื่อในกรณีที่บางคนยังไม่ได้โหลด Backg มานะ เปิด...ในกรณีที่ในสัปดาห์ที่แล้วเราสร้างตัว Scene หรือฉากของเกมเราแล้วนะ ทีนี้ Background มัน ก็เด็ก ๆ อย่าลืมเปิดอะไรคะ โปรแกรม Sublime ถ้าของใครคลิกเข้ามาตรงหน้าต่าง Windows แล้วมันไม่เห็นนะ คนมันใช้เยอะแล้วมันเลื่อนนะคะ เพราะว่าเราพิมพ์ไปแล้วนี่นะ ใช้คำค้นหานะคะ Sub... พอเจอ Sublime Text เราก็คลิก Open เพื่อเปิดโปรแกรมของเรานะ เด็ก ๆ ต้องเปิดโปรแกรมรอเลยนะคะ ถ้าขึ้นอัปเดตมา บอกแล้วว่ากด Cancel ไปเลยนะคะ เพราะมันเป็นเวอร์ชันล่าสุด เรายังอยู่ที่ส่วนของการกำหนดหน้าจออยู่ เรายังไม่ไปตรงอื่นเลย เราได้ icon ได้ส่วนของ Scene ต่อไป ก็คือ... ตัวเดิมเรา แล้วลองกด Ctrl + B 1 ครั้ง กดปุ่ม Ctrl กับปุ่ม B นะคะ สังเกต เด็ก ๆ จะสังเกตเห็นว่าหน้าจอเกม หรือ Scene ของเรามันจะเป็น พื้นหลังมันจะเป็นสีดำ คือ ถ้าให้เราสามารถเปลี่ยนสีของของพื้นหลังฉากเราได้นะคะ เพราะฉะนั้น คำสั่งที่ใช้ ก็คือคำสั่งนี้นะคะ ทีนี้ แต่ทีนี้ ก่อนที่จะใส่สี หรือว่าจะรู้ว่าสีไหนเป็นสีอะไร สิ่งที่เราจะต้องทำ ก็คือเด็ก ๆ ให้เปิด Google Chrome ให้เด็ก ๆ เปิด Google ขึ้นมานะ อยู่หน้า Google นะคะ นี่ แล้วให้พิมพ์คำค้นว่า คำค้นว่าอะไร ลืม โอเค เห็นไหมคะ พิมพ์ตามอันนี้ Color to RGB เห็นไหม พิมพ์คำค้นตามตัวนี้นะคะ C-o-l-o-r-s Colors แล้วก็ t-o to r-g-b ก็คือให้พิมพ์คำนี้นะคะ เด็ก ๆ c-o-l-o-r เติม s ด้วย Colors s colors to t-o to แล้วก็ตัว r ตัว g ตัว b ตัวเล็ก ตัวใหญ่ได้เหมือนกันหมดนะคะ แล้วกดค้นหาได้เลย Enter เพื่อค้นหาได้เลย แล้วให้เรา ใครขึ้นหรือยัง ใครยังไม่ขึ้นหน้านี้ ให้เลือกตัวแรกนะคะ สไลด์มันไม่เปลี่ยนหรือ เดี๋ยวนะ โอเคไหม นี่นะคะ ในช่องค้นหา ให้เด็ก ๆ พิมพ์ Colors to rgb  ขอโทษทีลืมดู จากนั้นกด Enter เมื่อพิมพ์เสร็จแล้วกด Enter นะคะ มันจะขึ้น เห็นไหมคะ ให้เลือกอันแรกเลย RGB ลิงก์แรก RGB code chart เราต้องการ chart สี เพื่อจะพิมพ์ค่าสีถูก เพราะฉะนั้น เราต้องเลือกตัวนี้นะลูก สมมติเราอยากได้สีนี้ ค่าสีมันคืออะไรนะคะ คลิกเข้าไป 1 ครั้ง นี่ค่ะ จะดูอย่างไรว่าสีคืออะไร เด็ก ๆ คลิกที่ช่องสีปุ๊บนะคะ เห็นไหมมันมันจะมีค่าสีนี่ขึ้นมา ก็คือตัวนี้ค่าสีของเขานะคะ หรือดูจากตรงนี้ก็ได้ เหมือนกัน เห็นไหมคะ ให้... ถ้าเราจะใช้ ก็คือวิธีการนะคะ สมมติเอาชมพูนี้ อย่างนี้ กด... ตัวนี้ไม่ขึ้นหรือ ก็คือเราจะก๊อบปี้ค่าสีตัวนี้ไปใส่ นึกออกนะ มันมี 2 โค้ดนะคะ ดูในตาราง มันจะมี H กับ decimon Hextracode กับ maximumcode นะคะ เดี๋ยวมาดูกันว่าตัวที่เราใช้คือตัวไหนเปิดหน้านี้ทิ้งไว้เลยนะคะ เปิดหน้านี้ทิ้งไว้เลย ใครยังไม่ขึ้นหน้าที่มีชาร์ตสีนี้ยกมือขึ้นหรือยัง ใครยังไม่ขึ้นยกมือนะคะ เด็ก ๆ ขึ้นไหมคะ เดี๋ยวกรอกค่าสีไม่ถูกลูก มันจะไม่ได้ ใส่ไม่ครบ มันไม่ได้นะ ไม่ต้องไปนั่งจำนะคะ เราเปิด อยากได้สีอ่อน สีแก่อะไรอย่างนี้ เปิดหน้านี้ทิ้งไว้ด้วยเลยนะคะ แล้วเรามาดูคำสั่งเราต่อ สิ่งที่จะทำ ก็คือตัวคำสั่งนะคะ ก็คือเราจะต้องกำหนดตัวแปรสีเสียก่อน แล้วก็ตามด้วยค่าสีที่เราจะใช้นะคะ พอใส่ พอได้ค่าสีเสร็จ เราค่อยมา Field ใช้คำสั่ง field เพื่ออยู่ในฉากเห็นไหมคะ นะคะ และสิ่งที่สิ่งที่เราจะต้องมีเพิ่มขึ้นมา ก็คือส่วนของการอัปเดตนะคะ อันดับแรก อันดับแรก ไปที่บรรทัดที่... ดูนะคะ เด็ก ๆ เด็ก ๆ จะต้องไป เปิด Sublime ขึ้นมา โอเคไหม บรรทัดที่เราจะที่เราจะยังอยู่ ต่อจาก pygame.display.set นะคะ สิ่งที่เราจะทำ ก็คือสร้างตัวแปรชื่อว่า bg bg มาจากคำเต็มว่า Background นะคะ แล้วตาม Color แล้วกัน bg color นะคะ ตามด้วยเครื่องหมายเท่ากับ แล้วก็ใส่วงเล็บ ไม่ใช่ใส่วงเล็บ ตามด้วยเครื่องหมายเท่ากับ แล้วก็ค่าสีที่เราจะใช้อยู่ตรงไหน เรามาดู ไปเปิดผิดอันใช่ไหมนี่ ทำไมหน้าต่างขึ้นเยอะ เดี๋ยวนะ ตัวนี้ล่ะ แล้วก็ใส่ค่าสีนะคะ ดูนะคะ ก็คือตัวเลขเลขในชุดมัน เราจะตรงนี้เด็ก ๆ นี่ เอาค่าตรง decimoncode เช่น สมมติ สมมติเราจะเอาสี ให้เห็นว่าจากสีดำน่ะค่ะ ให้เห็นชัด ๆ ว่าเปลี่ยนสีนะ ฟ้าไหนนี่ ขอฟ้านี้แล้วกัน Aqua Deep sky blue อันนี้แล้วกัน ให้เรา ก๊อบตัวนะคะ ตัวเลขที่อยู่ในตารางสุดท้าย นึกออกนะ ช่องสุดท้ายนี่  เพราะเดซิมอนโค้ดเป็นค่าสี RGB เหมือนในวงเล็บเลย ก๊อปเลยนะคะ เด็ก ๆ ไม่ต้องจำ กด ทำ Hilight Code แล้วก็กด Copy เอาแค่ 3 อันในชุด ในวงเล็บนี้นะลูก ห้ามเอาเกินกว่านั้น คัดลอกแล้วก็เอามาวางใน Code เรานะคะ เท่ากับ แล้วก็กด Ctrl + B วาง อย่างนี้ โอเคไหม กำหนดค่าให้ Background color เสร็จแล้ว สิ่งที่เราจะต้องทำต่อมา ก็คือกดเรียกใช้ค่าสีนั้นนะคะ เอามาไว้ที่ไหน ดูตำแหน่งนะคะ เห็นไหม อยู่ระหว่างคำสั่ง if type == click เห็นไหมคะ ก็คือบรรทัดที่เท่าไรนะ บรรทัดที่ 18 กด Enter หนึ่งครั้ง เราจะอยู่ที่ตำแหน่งที่บรรทัด 18 นะคะ ทีนี้เด็ก ๆ ต้องดูอะไร ตัวแปรฉากที่เราตั้งไว้ ว่าชื่อว่าอะไรคะ เราตั้งชื่อตัวแปรฉากเรา คือ ตัวแรกนี่ ถ้าใครตั้ง screen ดูนะคะ ดูชื่อตัวนี้ตัวแปรของฉากเรานี่เห็นไหมคะ เพราะตอนเรียกใช้ ดูรูปแบบคำสั่งดี ๆ นะคะ ชื่อตัวแปรฉาก แล้วตามด้วยเครื่องหมาย . แล้วตามด้วยคำสั่ง fill แล้วตามด้วยในวงเล็บ ชื่อตัวแปรสี แล้วก็ค่าสีนั้นนะคะ โอเคหรือยัง นะคะ เพราะฉะนั้น ตัวแปรฉากเรา ชื่อนี้นะ เราจะอยู่ในตำแหน่งบรรทัดที่ 18 นะ อย่าใส่ผิดที่นะ 18 แล้วตำแหน่ง ก็คือต้องตรงกับคำว่า "Run" เรียกใช้ Screen นะคะ กด s screen ขึ้น Click 1 ครั้ง ตามด้วยเครื่องหมาย ตามด้วย . แล้วก็พิมพ์ f-i-ll fil l แล้วก็ตามด้วยวงเล็บอะไร วงเล็บตัวแปรสีนี่ Background Color นี่ เห็นไหมคะ พิมพ์ B เดี๋ยว bg color มันจะขึ้นมา มันจะไม่ผิดเลยนะคะ แล้วตัวแปรสีแล้วก็ตามด้วยค่าสีนะคะ / ใส่เครื่องหมาย / ก่อนอื่นเด็ก ๆ Copy ค่าสีมาเสียก่อนนะ คะ คัดลอก copy bg colors แล้วใส่ / แล้วก็วาง โอเคนะคะ ทีนี้เมื่อเกิดการเปลี่ยนแปลงนี่ เราจะต้องมีคำสั่งสำหรับอัปเดต ก่อนบรรทัดสุดท้าย เด็ก ๆ ดู บรรทัดที่ 20 ซึ่งเป็นบรรทัดที่เราให้จบเกมนะคะ เรากด Enter เพื่อเพิ่มบรรทัดนะคะ ในบรรทัดที่ 21 ใส่ # เข้าไป เราบอกแล้วว่าตรงนี้ คือ อัปเดต เป็นตำแหน่งที่สำหรับคำสั่ง update จะได้รู้นะคะ อยู่ตรงนี้ อัปเดตคำสั่งที่ใช้นะคะ ก็คือ pygame.display.update () หน้าไหนนะ นี่ล่ะหน้าโค้ด ไหน color จะอยู่ที่กำหนดหน้าจอ ต่อจากบรรทัดที่ display game ตั้งชื่อตัวแปร background color รูปแบบ ก็คือชื่อตัวแปรนะคะ แล้วก็ตามด้วยค่าสีที่เราจะหา แล้วเราก็ไป Copy ค่าสีในตารางมาวาง รหัสสีที่บอกว่าจากเว็บนี่ไง ที่ให้เปิดนี่ นี่ ๆ ๆ จากตารางนี้ เอาไว้ไหน หน้านี้ ให้ search แล้วนะ ไปต่อนะคะ ของคนอื่นพิมพ์ pygame.display.upload แล้วก็วงเล็บปิด ตรงตำแหน่งก่อนจะอันนี้ ก่อนจะ ไหนล่ะ Sublime ไปไหนแล้ว Sublime ไม่ขึ้น ต่อไปบรรทัด update เรานะ มันจะต้องกับตำแหน่ง Run นะลูก มันจะ tab เข้าไป 1 Tab เห็นไหมคะ ฟังก์ชันมันจะโดนเรียกขึ้นมา นี่นะครับ 1 อัน เห็นไหม ตำแหน่ง update จะอยู่ก่อนเราจะจบ มันจะอัปเดตการทำงานก่อนทุกครั้ง ให้มันอัปเดตก่อนเสมอ ก่อนจะออกจากโปรแกรม ว่าอย่างนั้นเถอะ โอเค รู้แล้ว รู้แล้ว เดี๋ยวนะ ตอนเรียกใช้นะคะ เราใส่แต่ชื่อมันก็ได้ เพราะตัวแปรเรากำหนดแล้วนะว่าสีอะไร เราเรียกแต่ background color พอนะคะ ค่าสีไม่ต้องใส่ ในที่นี้ / หมายถึง ก็คือให้เลือกว่าจะใส่ตัวแปร หรือจะใส่ค่าสี ซึ่งใส่ตัวค่าตัวแปรมันจะขึ้น ถ้าเรามีแล้วมันจะขึ้นมาเลย จะง่ายกว่า ใครพิมพ์ อัปเดตเสร็จแล้ว กด Build ได้เลย Ctrl + B ได้เลยเด็ก ๆ สีไม่เปลี่ยนหรือ error ไม่ขึ้นด้วย ไหน แม่อัปเดตให้ ตำแหน่งไหนผิด bg color  screen fill background color supdate run ไม่ให้เติมสีแล้วหรือ เวอร์ชันนี้ ไม่แน่ใจ ไม่อัปเดต มันไม่ยอมอัปเดต โอเค รู้แล้ว ใส่ตำแหน่งผิดนะคะเด็ก ๆ ขอโทษที ตำแหน่ง Screen fill เลื่อนบรรทัดที่ run ปุ๊บ กด Enter แล้ว ทีนี้เมื่อ Enter แล้วมันลงมาตำแหน่งนี้ให้เด็ก ๆ กดปุ่ม backspace ย้อนหลังไป 1 ให้เห็น for เห็นไหมคะ แล้วค่อยเอา Screen fill มาใส่ แล้วพอ update เด็ก ๆ จะได้ ผิดตัวใช่ไหม มีหลายตัว งง เห็นไหมคะ เปลี่ยนสีแล้ว ใครยังไม่เปลี่ยน ยกมือ ใครไม่เปลี่ยน ให้ดูตำแหน่งแรกไล่ไปทีละตำนะคะ กำหนดตัวแปรนี้หรือยัง กำหนดหรือยัง อันนี้เสร็จหรือยัง บรรทัดที่ 10 มีตัวแปรสีแล้วมีค่า โอเคนะคะ ไปดูบรรทัดต่อมา ก็คือสีที่เราจะใส่ มันจะอยู่ใน... เห็นไหมคะ ตำแหน่ง loop ตำแหน่ง Loop ที่ต่อจากบรรทัดที่ ที่ต่อจากบรรทัดที่... หาปุ่มไม่เจอ ต่อจาก Run false บรรทัดที่ 19 ให้ดูบรรทัดที่มีคำว่า "run = false" วิ่งออกหรือยังลูก สีออกหรือยัง กด Enter 1 ครั้งปุ๊บนี่ สังเกตตำแหน่งเคอร์เซอร์มันจะอยู่ตรงกับ Run ใช่ไหม ให้เรากดปุ่ม back space ต้องกดปุ่ม back space 2 ทีนะคะ เพื่อให้ตำแหน่งเคอร์เซอร์มันอยู่ตรงกับคำว่า "for" เห็นไหม for สีแดง ๆ ในบรรทัดที่ 16 เห็นไหม แล้วก็พิมพ์คำสั่ง screen ก็คือตัวแปรฉากที่เราตั้งไว้ กด s ปุ๊บ เจอ screen enter แล้วก็ .fill แล้วก็ในวงเล็บชื่อตัวแปรสีนะคะ โอเคไหม เสร็จแล้วอย่าลืม พอเสร็จบรรทัดนี้นะคะ ในบรรทัดที่ 21 นี่ ให้ใส่ # เราจะต้องสั่ง มีคำสั่งอัปเดตด้วย นี่ เห็นไหมคะ อยู่ตรงกับ screen.fill นั่นแหละ pygame.display.screenfill.update สำหรับเด็ก ๆ บางคนนะคะ พอพิมพ์ไปแล้วมันขึ้น Error สาเหตุหนึ่งให้ดูที่ตำแหน่งที่พิมพ์ แล้วลองทำอย่างนี้ครอบ ถ้าเด็ก ๆ ใช้ Tab มันจะไม่ขึ้น Error ตรงตำแหน่งนี้มันเป็น ... สีเทา ๆ ขาว ๆ นั่นแสดงว่า เด็ก ๆ ไปกดด้วยแป้น Spacebar เพื่อขยับตำแหน่งใช่ไหม ใน Sublime บอกแล้วว่าไอ้โปรแกรมนี้มันโดนบล็อกโครงสร้างมันขึ้นมาให้กด spacebar ในการ tab คือ เลื่อนตำแหน่งของคำสั่งเข้าไปตามโครงสร้าง ตามอันนี้ Space bar จะใช้เฉพาะมีการเว้นวรรคอย่างนี้ 1 จุดเท่านั้น สังเกตความแตกต่าง นี่การใช้ Spacebar มันจะเป็นจุด ๆ เหมือน while run เห็นไหมคะ แต่ถ้าเด็ก ๆ ถ้ามันเป็น Tab น่ะ โครงสร้างของมันโดนกำหนด มันจะเป็นขีดยาว ๆ อย่างนี้ คือ เป็น Tab เห็นไหมคะ ทีนี้ คือสิ่งที่ต้องจำนะคะ คำสั่งใหม่แล้วให้กดนี่ กด Spacebar นะ มันจะไปตามบล็อก บล็อกที่มันตั้งไว้นึกออกไหมลูก เพราะฉะนั้น ต้องไปตำแหน่งให้ถูกนะคะ ใครยังไม่ออกอีก ใครยังไม่ออกอีก เห็นไหม บาสเห็นหรือเปล่า บรรทัดที่ 2 ทีนี้จำไว้นะคะ เรียนวิชาเขียนโปรแกรมนี่ ถ้าใครไม่มา ตัวเองจะไม่ทันเพื่อนถูกไหม เพราะแม่จะเขียนต่อสัปดาห์ที่แล้ว แล้วก็จะไม่รู้ตำแหน่งใช่ไหมคะ แล้วก็จะพิมพ์ผิด พิมพ์ผิด พิมพ์ถูก เพราะฉะนั้น อย่าขาดนะคะ เรียนวิชาเขียนโปรแกรมนี่ ไม่อย่างนั้นจะไปต่อไม่ได้นะ บาสดูนะคะ ตรงนี้ที่มีชื่อไฟล์นี่ เครื่องตัวเองน่ะ เครื่องบาสน่ะ ไม่ใช่ เดี๋ยวใจเย็น ๆ ฟังให้จบแล้วค่อยพิมพ์ จะอธิบายก่อน ตรงที่บอกว่า image load นี่ เห็นไหมคะ สิ่งที่มันจะไปโหลด  ก็คือชื่อไฟล์ ไฟล์ของบาสจะต้องอยู่ที่ C: แล้วก็ในโฟลเดอร์ที่โปรแกรมเซฟไว้ ชื่อโปรแกรมเราอยู่ตรงไหน ไฟล์นั้นนี่ก็จะอยู่ตรงนั้นด้วย เข้าใจหรือเปล่า ดูนะ บาส ทีนี้ฟังไว้นะ ถ้าใครเข้าเรียนไม่ทันนี่ รอบหน้าต้องรอจนกว่าแม่จะสอนเพื่อนเสร็จนะ ไม่อย่างนั้นจะเสียเวลา แล้วตัวเองจะได้ทำตามเพื่อนทีหลัง เพราะฉะนั้น ถ้าครั้งหน้าบาสไม่มาเข้า แล้วครั้งต่อไปบาสเข้า ครั้งต่อไป แล้วบาสเข้าอย่างนี้ บาสต้องรอให้ให้เพื่อนทำจนเสร็จ แล้วบาสถึงจะมาทำตามเพื่อนได้ โอเคไหมนะคะ ทีนี้เราใส่สีพื้นได้แล้วนะคะ แล้วในกรณีที่... อันนี้คือในกรณีที่มีสี และอีกกรณีหนึ่งที่บอกว่าใส่ภาพพื้นหลังเข้าไปแทนใช่ไหมเด็ก ๆ background อยู่ไหน background ไหนล่ะ หา Background เจ้าของไม่เห็น ต่อไปนะคะ สิ่งที่จะทำ ตั้งแต่สัปดาห์แรกเลยนะ ก็คือให้หาภาพ Background จะเอามาเป็นฉาก ใช่ไหมคะ สิ่งที่เราจะทำต่อมา ก็คือคำสั่งนี้นะลูก เมาส์หาย เดี๋ยวนะ คำสั่งต่อไปนะคะ อยู่ไหนล่ะ เมื่อกี้เราไปไหนแล้ว เมื่อกี้อ่านผิด ทีนี้การใส่ภาพ Background แทนสีพื้นหลัง ในกรณีที่เรามีฉากที่เป็นภาพนะคะ รูปแบบ ก็คือเหมือนเดิมทุกครั้ง เราจะต้องสร้างตัวแปรเพื่อให้โปรแกรมมันรู้จักก่อนว่าไอตัวนี้ เป็นตัวแปรที่ไว้สำหรับเก็บภาพ ใครที่มีรูปมาแล้ว เหมือนเดิมนะคะ เด็ก ๆ อย่าลืมเช็กอะไรคะ เช็กนามสกุลภาพตัวเองใช่ไหมคะ โหลดมา อยู่ไหน เดี๋ยวนะ ของแม่โหลดมาแล้ว จะเอารูปนี้นะคะ เดี๋ยวขอ Move ไปก่อน Move ไปที่ Drive C ขอเปิด C: นึกออกนะ โฟลเดอร์ที่เราเขียนโปรแรมอยู่ตรงไหน เราเปิด 2 อันเลยนะ เดี๋ยวเราจะเอารูปนี้มาใส่ เหมือนเดิมนะคะ คลิกภาพที่เราจะใช้งานแล้ว ถ้าใครขึ้น ตำแหน่ง Type อย่างนี้ นี่คือนามสกุลไฟล์ที่เราจะพิมพ์ลงไป นึกออกนะ เด็ก ๆ ดูตำแหน่งตรงนี้ให้ดี ๆ นะคะ ชื่อไฟล์ แต่ละคนไม่เหมือนกัภาพของใครของมันตัวใครตัวมัน ไม่ใช่ดูแต่ชื่อนะ ดูนามสกุลมันด้วยนึกออกนะ 2 อย่างนี้ จะเป็นชื่อของเรา แม่พิมพ์ชื่อของแม่ ตัวเองมาพิมพ์ชื่อตัวเองตไม่ใช่ ให้นึกถึงนะ โอเค ก่อนอื่นก็คือต้องเช็กก่อนนามสกุลไฟล์ เราเป็นไฟล์อะไรด้วย บาสยังไม่ได้โหลดไหม โหลดหรือยังถามเธอสิ โหลดรูป background มาหรือยัง โอเค อย่างนั้นเริ่มได้ ตัวแปรแรกนะคะ เปิด Sublime เรา เราก็จะมาที่ตำแหน่ง... ยังอยู่ในการกำหนดหน้าจอเกมอยู่ เราจะไปต่อจากบรรทัดที่ 10 Background Color อยู่ เมื่อกี้มี background color แล้ว bg เหมือนเดิม ตัวแปรตั้งเหมือนกันได้ ไหงเป็นตัวใหญ่ BG แต่จะเป็น pic แทน ใช้ pic สั้นหน่อย Image จะยาวไป แต่ทีนี้เพื่อไม่ให้สับสนนะ ใช้ pic นี่ล่ะสั้น ๆ หน่อย เดี๋ยวจะมาสับสนกับ image อีก BG pic picture นั่นเองคือการตั้งชื่อตัวแปรนี่ ตัวเองจะจำไม่ได้ เพราะฉะนั้น พยายามอย่าตั้งยาวมาก เหมือนเดิมนะคะ เมื่อประกาศตัวแปรต้องกำหนดค่าให้มัน ก็คือเท่ากับ เท่ากับแล้วตามด้วยอะไร คำสั่ง pygame.image.load เหมือนเดิมนะคะ เพราะเราจะต้องเียกภาพนั้นมาใช้ใช้เหมือน Icon เลย แต่ตัวแปรเป็นคนลตัว ต้องจำไว้ว่ามันต้องสร้างตัวแปรคนละตัวเพราะว่า icon ก็เป็นของ icon นะ อันนี้เป็น background คนละตัวเห็นไหมคะ นะคะ pygame ค่ะ พิมพ์ p พอขึ้น pygame กด pygame.i เลือก image เห้นไหมคะ ให้เลือกที่ image กด Enter อย่าพิมพ์นะคะ เพราะถ้าพิมพ์แล้วจะผิดใช่ไหม เหมือนเดิม load เห็นไหมคะ เลื่อนลงมาเลือก load ใส่วงเล็บในวงเล็บอย่าลืมใส่เครื่องหมายคำพูดนะคะ ชื่อตัวนี้มาจากไหน ให้ไปดูที่โฟลเดอร์ที่เราเก็บไฟล์ Background เราไว้ 16552 เดี๋ยวขอเปลี่ยนชื่อก่อนนะ บอกแล้วบางทีเด็ก ๆ ไปเซิร์ชมาแล้วชื่อมันยาวนะ แล้วพอเราจะมาเรียกใช้น่ะ ถ้าชื่อมันยาว ถ้าของใครที่ save มาแล้วชื่อมันยาว วิธีแก้เรา Rename นะ windows 11 นี่มีความงง มึน ๆ อึน ๆ จะ Rename ไม่เปิดสิ เราจะ Rename น่ะ เราจะเปลี่ยนชื่อเธอ อยู่ไหนนะ คำสั่ง Rename เธอนี่ คือบ่ให้ rename ถ้าใครไม่รู้ ไม่รู้เหมือนนะ Windows 11 ทำไม Rename ไม่ได้ Poperties open... show more options ไม่เห็นขึ้นเลย ถ้า Rename ไม่ได้นะคะ ดูนะคะ เปิดตัวโปรแกรม Paint Open with pain ปุ๊บ ทำไมรูป... รูปเรามันเป็นอย่างนี้ล่ะ ก็ file save as save ass นะ จะได้เต็มหน้าจอไหมนี่ เอาไปก่อนแล้วกัน เพื่อมันให้เป็นการเสียเวลานะคะ 16552 ชื่อใคร เป็นชื่อใคร 16552.jpg นะคะ g อันนี้คือชื่อภาพ Background ในเครื่องของแม่นะคะ ภาพ Background ของเด็ก ๆ ชื่อตัวนี้ก็เปลี่ยนไปตามชื่อของตัวเองนะคะ เหมือนกัน อย่าลืมดูกว่านามสกุลของตัวเองคืออะไร บางคนอาจจะเป็น png ก็ได้ บางคนจะเป็น jpg ก็ได้ ก็แล้วแต่นะคะ โอเคไหม นี่ก็คือสั่งให้เราสร้างตัวแปร background pic เพื่อไปดาวน์โหลดภาพ background ของเราขึ้นมานะคะ มาใช้งาน จากนั้นเราจะต้องทำอะไร เราจะต้องเรียกตัวแปรนั้นน่ะ มานะคะ แล้วแล้วก็วาง จะวางมันไว้ตำแหน่งไหน ไม่ยากเลย ตำแหน่งรูปนะคะ ก็คือตำแหน่งที่ 00 ก็คือเริ่มจากมุม x 0 y 0 ก็คือวางให้มันเต็มฉากเรานั่นเองนะคะ คำสั่งที่จะใช้อยู่ที่... ตัวนี้พิมพ์เสร็จหรือยัง code บรรทัดที่ 11 ถ้าพิมพ์เสร็จแล้วนะคะ เราจะต้องมาที่บรรทัดที่ 21 เห็นไหม ต่อจาก Sceen fill นะคะ เด็ก ๆ จะต้องมาอยู่ตำแหน่งบรรทัดใน loop นี่ เพราะเราจะไปเลือกใช้ Backgroung picture เหมือน background color  เรียกเหมือนกัน ตำแหน่งก็อยู่ถัดจากบรรทัดนั้นมา คำสั่งของตัวนี้คือ blit b-l-i-t นี่นะคะ เราเรียกตัวแปรฉากก่อน พิมพ์ s แล้วเลือก screen แล้วตามด้วยเครื่องหมาย . b-l-i-t เลือก screen แล้วตามด้วยเครื่องหมาย . แล้วก็วงเล็บนะคะ bild bild อะไร ชื่อตัวนี้นะคะ bg bg แต่ให้เลือกเป็นอะไรคะ bgpic แต่ให้เลือกเป็นอะไรคะ bg pic เพราะ bg color คือ สีพื้น bg pic ก็คือ Backgroun ที่มีรูป กด ยังไม่กด ใส่อะไรเข้าได้วย ระบุ ระบุตำแหน่งเห็นไหมคะ ใส่เครื่องหมาย , ลูกน้ำนี่ แล้วก็วงเล็บเปิดวงเล็บปิด 1 ครั้งนะคะ ดูวิธีพิมพ์นะคะ ใส่ , 1 ครั้ง แล้วก็ใส่วงเล็บ ตำแหน่งก็คือ 0, 0 แบบนี้นะคะ ใครพิมพ์บรรทัดนี้เสร็จ กด Ctrl + B ดูได้เลย นี่นะ ทีนี้เด็ก ๆ จะเห็นว่า สัดส่วนรูปกับฉากเรามันไม่ Balance กันเห็นไหม มันมีวิธีทำอยู่ 2 แบบ ก็คือเรามาแก้ที่ตำแหน่งฉากเรา 800 x 600 นี่ เพิ่มไป 1,800 แล้ว Ctrl + B ดู ใหญ่เกิน 1800 ให้นึกถึงนะ เหมือนจะใหญ่บึ้ม 800 600 ใหญ่ไป 1,000 ได้ไหม 1,600 ก็ใหญ่ไป 1200 ใส่ความกว้างผิด ชีวิตเปลี่ยน กว้าง x ยาว width height 1,000 อันนี้ 600 โอเค 800 นะ เอาใหม่นะ แก้ไปเรื่อย ๆ 1,000 1,200 บางทีเหมือน Background ในกรณีนี้ เดี๋ยวขอไปเปลี่ยนรูป background ตัวเองก่อนนะ มันบิ๊กบึ้มเกินไป แป๊บหนึ่งนะคะ เด็ก ๆ ขอเปลี่ยนรูปก่อน pictu ขอลอง ขอลอง ขอลอง โอเค เราจะเปลี่ยนชื่อตัวนี้เป็น bg1 นะ เปลี่ยนรูป ดูภาพจะใหญ่ โอเค จะเอาพื้นที่ไซซ์ขนาดนี้นะคะ แต่ปัญหา คือ ภาพ บางทีไฟล์ background เรามันใหญ่เกิน สมมตินะคะ จะเอาประมาณนี้ล่ะ ถ้าเปิดขึ้นมาแล้วไฟล์ต้นฉบับมันใหญ่มากนี่ เรามีตัวแปรที่ชื่อ มีอีกคำสั่งหนึ่งนะคะ ไหนใครยังโหลดภาพตัวเองไม่ได้ ยกมือ ทุกคนโหลดมาแล้วนะคะ แต่ปรากฏว่าบางคนรูปตัวเองเล็กกว่าฉาก ไอรูปเล็กกว่าฉาก มันไปปรับขนาดฉากได้ นึกออกนะ ถ้าของใครรูปมันเล็กกว่าฉาก เรามาปรับตรงนี้ แต่ถ้าของใครเป็นเหมือนตัวอย่างของอาจารย์แม่ เห็นไหม ตัวรูปข้างหลังน่ะ มันใหญ่กว่าฉากอีก เพิ่มขนาดฉากแล้วยังไม่เห็นรูป เราจะมีคำสั่งสำหรับแปลงรูปที่เราโหลดมาแล้วมันเล็กหรือมันใหญ่เกินไปนะคะ นั่นก็คือคำสั่งนี้เลย เปลี่ยนขนาดเห็นไหมคะ การเปลี่ยนขนาดภาพ คำสั่งนี้ชื่อว่า Tranfrom Scale เห็นไหม แต่เราจะต้องกำหนดชื่อตัวแปร ให้มันเป็นอีกตัวหนึ่งก่อนนะคะ แล้วก็กำหนดความสูง ความกว้างด้วยตัวเราเอง ดูจากอันไหน เราทำให้มันเท่าตัวนี้ ก็คือเรามาดูของตัวนี้เรา เห็นไหมคะ มันก็จะพอดีกับขนาดของฉากเรานะคะ ก่อนอื่นนะคะ ก่อนที่เราจะใช้ transform นะคะ เราใช้คำสั่งเพื่อสร้าง เด็ก ๆ ขยันใช้ตัวย่ออยู่แล้วนะ bg tranform แล้วกัน bg.trans นะคะ bg trans ก็คือการที่เราจะทำการเปลี่ยนขนาด ตามด้วยเหมือนเดิม = นะคะ ประกาศตัวแปรเสร็จแล้ว 9 ตั้งกำหนดค่าให้ตัวแปรนะคะ นั่นก็คือ pygame บอกแล้วว่าเราใช้ Sublime เราจะไม่พิมพ์ p-y-g-a-m-e เราพิมพ์แค่ p แล้วถ้าเห็นคำว่า pygame กด Enter ได้เลย เพราะอย่างนี้มันจะทำให้เด็ก ๆ พิมพ์คำสั่งไม่ผิดนะคะ ตามด้วย . เครื่องหมาย . เห็นไหมน่ะ เห็นไหม เดี๋ยวนะ อายุเยอะแล้ว memory ไม่ดีนะคะ โค้ดทำอะไรใด ๆ ทั้งสิ้นนะคะ เด็ก ๆ transform.scale โอเค ขอทวนอีกรอบ transform t-r-a-n t-r-a-n-s s s s f-o-r-m transform.scale s-c-a-l-e แล้วก็ใส่วงเล็บ โอเคไหมคะ ในวงเล็บใส่อะไร มาดูกัน ในวงเล็บสิ่งที่เราจะต้องใส่ ก็คือชื่อตัวแปรรูปของเรา ก็คือชื่อข้างบนนะ ความกว้าง ความสูงนี่ ความกว้าง ความสูง ก็คือเท่ากับตำแหน่ง screen.bilt นี่ ที่เราสร้างก็คือตัวนี้เท่ากับตัวนี้ scale ก็คือ bg.pic ครับ ก็คือต้องเอาตัวนี้ เพราะเราจะไปแปลงภาพนี้ scale เราจะแปลงตัวแปรนี้ ชื่อนี้นะคะ เพราะฉะนั้น ตำแหน่งของเด็ก ๆ ก็คือดูของตัวเองนะ ใช้ชื่อเดียวกันก็ bg เลือก pic นี่เลย ไซซ์นี้เลยครับ ก๊อบฯ มาเลย อย่าได้ช้า มันจะได้ไซซ์เท่ากันเป๊ะ กด Ctrl + B Scale แล้วน้องยังไม่หดให้อีกน่ะ แหม่ ๆ ใหญ่จริง ไม่เป็นอะไร ปล่อยไปก่อนนะครับ ค่อยไปหารูปที่มันเหมาะสมนะ  ไม่ เราลดลงครึ่งหนึ่ง ถ้ามันเต็มพอดีแล้วมันยังใหญ่เกิน เราก็แก้ตัวเลขสิครับรออะไร หาร 2 ให้นึกถึงหลักการเวลาจะลดขนาด 1,500 หาร 2 ได้เท่าไร ลดลงครึ่งหนึ่งดูก่อน เพราะอะไร เพราะจากตัวนี้เรา ขนาดมัน 1,500 กับ 800 ใช่ไหม ตัว... ตัวฉากเต็มเรา คือ 1,500 ขนาดภาพให้เล็กกว่าฉาก จาก 1,500 ลดลงครึ่งหนึ่ง ใครหัวไวคิดหน่อยสิ 1,500 หาร 2 เหลือ 750 800 ก็จะเหลือ 400 ลดลงครึ่งหนึ่งเลย Ctrl + B ใหม่ ยังใหญ่อยู่เลยนะ ลดอีก 2 3 4 5 ลดลงอีกครึ่งหนึ่ง 200 750 325 อ้าว ครึ่ง  2 รอบแล้วนะ Crtl + B แสดงว่ารูปนี้ใหญ่จริง ก็จะปล่อยไปก่อนนะคะ ถ้าอย่างนี้แก้ไป 3 ครั้งแล้ว ไซซ์ยังไม่ได้ ก็นั่นหมายความว่า ภาพ Background เห็นไหมคะ นั่นแปลว่า Ctrl + B นั่นแสดงว่าภาพ Background เรามีขนาดใหญ่มาก เพื่อตรวจสอบว่ามันใหญ่ขนาดไหนนะคะ เราก็ค่อยไปหาภาพอื่นมาแทนนะ ตอนนี้ใช้ไปก่อน ถ้าของใครยังแก้ไม่ได้ ก็คือเราต้องไปเลือกรูปแล้วดูขนาดด้วยนะลูกนะ นั่นคือหลักการนะคะ เพราะฉะนั้น คำสั่งนี้อย่างน้อยเราได้รูปมาแล้ว แน่นอนแล้วนะคะ ต่อมา ต่อมาที่เราจะทำต่อมา ไปไหนแล้ว บรรทัดสุดท้ายแล้ว โอเค ของสไลด์นี้ สไลด์ใหม่อยู่ไหนครับ ไหนล่ะ ปึ๊บ ๆ ๆ อันนี้โหลดไปแล้ว เรียกใช้ background เรียกแล้ว ตัวนี้มันจะยากขึ้นไปอีก เดี๋ยวเราจะพอแค่นี้ก่อนนะคะ เพราะคำสั่งนี้มันจะเป็นการที่จะทำให้ตัวฉาก คือให้นึกถึงตัว... ถ้าตัวเกมเรามันวิ่งไปน่ะ ฉากมันอยู่กับที่ แต่ความจริงแล้วมันไม่ใช่ นึกออกนะ เราต้องหาให้ฉากเหมือนฉากมันเคลื่อนน่ะค่ะ มันจะเป็นคำสั่งพวกนี้นะคะ เดี๋ยวเรามาเรียนต่อในสัปดาห์หน้านะคะ  ทีนี้เมื้อกี้ใครไม่ทัน ใครยังเอารูปใส่ไม่ได้ ทีนี้เมื่อรูปมันใหญ่ บอกแล้วนะ เมื่อกี้ลอง transform แล้วรูปมันก็ยังใหญ่อยู่ ง่ายสุดเราลองไป หา Serach รูปใหม่นะลูก หาเสิร์ชภาพใหม่ เหมือนเดิม free นะคะ เหมือนเดิมต้องเลือกที่มันเป็น free download เสมอนะครับ เด็ก ๆ มันจะได้ไม่มีปัญหาติดนั่นนี่โน่น ยังหา jungle ไม่ได้เลย ไม่อย่างนั้นต้องไปลดขนาดไซซ์รูปภาพเรา ความจริงอยากได้รูปนี้นะ คือตัวเดียวกันหรือเปล่า เข้าชม ไปไหนแล้ว  โอ้ เมื่อกี้ สังเกตง่าย ๆ ไฟล์มันใหญ่นี่ มันเป็นไฟล์ zip เลย เห็นไหม เพราะเวลาโหลดมา ไฟล์มันใหญ่มากน่ะ อย่างนี้แสดงว่าภาพออกมา background ใหญ่บึ้มเลยนะเราก็ต้องเปลี่ยนนะครับ เราต้องไปหาไซซ์เล็ก ๆ ก็คือใช้โปรแกรมแล้วช่วยในการเขาเรียกว่าอะไรล่ะ ลดขนาดภาพ เวอร์ชันนี้ windows นี้พอใช้ Paint แล้วมันไม่ใช่น่ะ มันไม่ได้อย่างที่เราต้องการ ดูนะ เดี๋ยวแม่จะลองทำให้ดูนะ Open นี่ ๆ ดูรูปนี้นะคะ ต้นฉบับอย่างบึ้มเลย เลือก select All แล้วนะ แล้วก็เลือก image resize ดูนะครับ เลือก resize จะลดเปอร์เซ็นต์มันครึ่งหนึ่ง เหลือครึ่งหนึ่ง 50 ยังใหญ่อยู่เลยเห็นไหม ลดอีก image resize อีก เอ้ย Select All ก่อน ก็คือใช้ตัวโปรแกรมนั่นล่ะ ช่วยในการลดขนาด คลิก OK ได้หรือยัง ยัง เห็นไหม ยังล้นไอ้นี่อยู่เลย ลดอีก 3 3 แล้วนะ 50 เห็นไหม แต่ทีนี้เวลา save นะลูก ให้ไฟล์ save as.. เป็น Png นะคะ  save เป็นอีกชื่อหนึ่ง ขอใหม่ bg to เดี๋ยวลองให้ดูกันเห็น ๆ เดี๋ยวเราจะแก้เอาเมื่อกี้ไป transform ข้างนอก คำสั่งนี้เมื่อกี้ไม่ใช้แล้วนะครับ เดี๋ยวขอลบออก คำสั่งนี้ก็ไม่มีความจำเป็น ถ้าไม่ลบออก วิธีการก็คือใส่ # เข้าไปลูก bg to นะคะ ที่เรียก นามสกุลก็เปลี่ยน ก็ .png ด้วย เมื่อกี้เปลี่ยนทั้งชื่อ-นามสกุลให้มันเลย ขอลองใหม่ Ctrl + B เห็นหรือยัง ๆ ๆ เห็นไหม นี่คือ 1. ถ้าปรับในตัว Code ของโปรแกรมเราไม่ได้ เราไปใช้โปรแกรม paint ช่วยนะคะ ลดเสีย ไปเพิ่มอีกนิดหนึ่ง ไม่เป็นอะไรนะครับ ก็อย่างนี้ล่ะ เพราะเอาของเขามาไม่ได้สร้างเอง ก็จะได้ขนาดที่เราไม่รู้ขนาดที่แท้จริวงเท่าไร เราก็ต้องมาปรับเขาอย่างนี้นะเด็ก ๆ นะคะ ถ้าอย่างนั้นให้มันเท่าไซซ์เรา เท่าไรนะ 1,500 ดูสิจะเท่าพอดีไหม 1,500 กับ 800 ปรับให้เท่าไซซ์หน้าจอว่าอย่างนั้นเถอะ Ctrl + B สิครับ รออะไร 1,500 นะ นะครับ มีวิธีแก้อยู่ 2 วิธีอย่างนี้ล่ะ แล้วแต่จะเลือก pixel วิธีการก็คือ ไหนล่ะ paint เรา file select All Resize เดี๋ยวเปลี่ยนเป็น pixel นะคะ 800 โอเค เกินไปน่ะ g]- ย้อนคืนได้ไหม ขอลองไซซ์นี้ล่ะกัน Save ก่อน Crtl + B ใหม่นะคะ เห็นไหม ได้เต็ม ๆ แล้วนะคะ อาจจะใหญ่ไปนิด ค่อยไปปรับนะคะ เด็ก ๆ ใช้โปรแกรม Paint ปรับเอานะคะ ค่อยไปปรับขนาดเอา ก็ลองปรับ แล้วถ้ามันยังไม่สมดุลแล้วค่อยปรับใหม่จากต้นฉบับไฟล์ใหญ่มาก โอเคนะ แล้วเดี๋ยวสัปดาห์หน้า ใครที่... ให้ดูตัวนี้นะคะ เช็กตัวไฟล์ที่ชื่อว่า ที่บอกว่าเราจะต้องไปหาไฟล์ภาพที่มันมีตัวการ์ตูนเราใช่ไหม ที่มันจะต้อง... เดี๋ยวนะสีไม่ใช้แล้ว มันมีลักษณะเหมือนเคลื่อนไหวน่ะ ที่เราต้องการนึกออกนะ อย่างนี้นะคะ ก็คือให้มันมีภาพกันของตัวละครเรามันเคลื่อนไหวได้ อย่าลืมเลือก free นะ ไฟล์มันจะต้องเป็น... เดี๋ยวนะเหมือนที่เคย... เลือกคำว่า "Free" พิมพ์ไหม ไม่ใช่เลือก ฟรีดาวน์โหลด D-o-w-n-l-o-a-d sprit Sheet เช่น ๆ ๆ สมมติตัวอย่าง ตัวอย่าง หาตัวอย่ างก่อน เราอยากได้แบบเจาะจงตัวละครเลย เราก็ระบุชื่อมันตามหลังด้วยเครื่องหมายบวก แล้วก็ชื่อเกมเรานั้นนะคะ เช่น ใครอยากได้กระต่ายก็ Rabbit ใครอยากได้เสือก็ Tiger นะคะ ขอเป็น Free Pic Free Pic จะให้อย่างไรไม่รู้ ขอเข้าไปดูก่อน คือ Out size แล้วหรือเปล่านี่  นะครับ เปิดด้วย ๆ  แหม่ ๆ ไม่ให้เปิดอีกแล้ว Download open with ขอเปิดด้วย Paint แล้วกัน นี่บางทีมันได้เป็นภาพใหญ่ ๆ คือบางอันนะคะ sprite sheet มันจะแยกไฟล์ เดี๋ยวหาให้ดูตัวอย่างอีกอันหนึ่งนะ ที่มันจะแยกไฟล์มาให้ เช่น เช่น ไหนนะ  สูงสุด เขาบอกว่าฟรีนะ เดี๋ยวจะลองดูนะ  อ้าว ไม่ให้น่ะ... ไหนบอกว่าฟรีล่ะ  หาไม่เจอ นี่ดูเหมือน Cat กับ Dog อันนี้นะคะ ให้มันเป็นไฟล์ Zip มา เดี๋ยวจะลองเปิดให้ดู คือ... ถ้า ถ้า เอาไป  ไว้ที่ Picture ก่อน  นี่ อย่างของอันนี้ นี่มันจะมีภาพแยกมาให้อย่างนี้นี่ค่ะ เราจะต้องได้ลักษณะของตัวเกมแบบนี้นะเด็ก ๆ เหมือนจะ Out walk นะ walk ที่ 1 แบบนี้ ถ้าใครที่ได้มา แล้วเป็นแผงเหมือนตอนแรก เมื่อกี้เอาไปไว้ไหนแล้ว ดาวน์โหลดใช่ไหม นี่เหมือนอย่างนี้ ดูนะครับ Open with paint ใครที่ได้มาแล้วเป็น 1 แผ่น แล้วมีหลายตัว เด็ก ๆ จะต้อง.. นึกออกนะ ตัดทีละตัวน่ะค่ะ ให้ได้รูป เข้าใจไหม ให้ได้รูปที่ครอบการเคลื่อนไหว เหมือนโฟลเดอร์นี้เลย นี่มันควรจะได้ภาพที่เป็นลักษณะนี้ที่มันแยกออกมาแล้วนึกออกหรือเปล่า แต่ตอนนี้ภาพมันรวม ถ้าใครไปโหลดแล้วมัน ได้ภาพที่มันเป็นทั้งหมดอย่างนี้มาน่ะ เราก็ต้องมาใช้ Paint ของเราอย่างนี้นะ Select ปุ๊บ แล้วก็ Resize ให้มันเท่ากันนะ นี่ให้เราดูตำแหน่งที่เราทำนี่ ให้ Fix ให้มันเท่ากันนะ คลิก OK ปุ๊บ กด crop นี่ ดูนะคะ แล้วให้จำค่านี้ไว้ ว่าไซซ์ที่มันเท่ากันคือไซซ์นี้  ก็คือเราจะต้องตัดให้ได้ขนาดนี้เท่า ๆ กันทุกภาพนะลูก ไม่อยากนั้นให้นึกถึงว่าเราทำตัวการ์ตูนเคลื่อนไหวปรากฏ เอ๊ะ ทำไมมันเล็ก นึกออกไหม ตัวมันเล็กมันใหญ่ เวลาตัดน่ะลูก ขนาดภาพมันจะต้องเท่ากัน นึกออกนะ นี่ เพราะฉะนั้น 118 ก็ต้อง 118 เท่ากัน 118 82 ก็ต้อง 118 82 เท่ากันทุกตัว กำหนดขนาดให้มันเท่ากันทุกตัวน่ะ อยากได้เสือวิ่ง เช่น เช่น ตัวนี้ size แรก กำหนดที่ 102.82 Vertical 102.82 โอเคนะคะ แล้วก็เซฟเป็น T1 อย่างนี้นะคะ แล้วก็ย้อนกลับคืนมา ตัวที่ 2 ก็ทำเหมือนกัน อันนี้หางมันติดกันก็จะยากหน่อย 102 กับ 82 นะคะ นี่นะ โอเค ถ้าไม่อย่างนั้นก็นี่ล่ะ ใช้ให้เด็ก ๆ ไปที game 2d นี่ก็ได้ มันให้โหลด แต่ก็ไม่เยอะมันมีนี่ มันมีรูปตัวนี้ ตัวนี้ ตัวนี้ ตัวนี้ นะคะ หาดูอย่างนี้ Free access ฟรี Sprite หาคำว่า อย่างนี้นะคะ เพราะไม่อย่างนั้น มันจะไม่ได้ มันจะไม่ได้ ให้ไปหา Free sprite เหมือนไม่รู้น้องเพนกวินนี่ จะให้เยอะเท่าไหน ตะมุตะมินี่ ถ้ามันติดดาวนี่คือเสียเงิน เราต้องดูที่เขาไม่ติดดาวใช่หรือเปล่า ไอ้ตัวนี้ได้ หมดแล้ว 3 of 3 3 หน้าแล้วหรือ ไม่นะ เราก็ search ว่า Free แล้วนะ แต่ไม่ให้ใน Freepik หาฟรี Sprite เลยหาที่มันจะขึ้น Free ให้เราไหม หรือว่านี่เราโหลดไปจนหมดโควต้าแล้ว ขึ้นแบบเสียสตางค์ทั้งนั้นเลยนะคะ หาเพิ่มนะเด็ก ๆ หาไว้ก่อนนะ เพราะคราวหน้ามันจะต่อด้วย เอาตัวนี้มาลง เช่น เช่ เจอรูป  นะคะ หาไว้ บอกแล้วถ้าหาไม่ได้แล้วใช้วิธีที่บอกนะ ตัดไปทีละรูปนะคะ โอเคนะคะ เดี๋ยวสัปดาห์นี้ เราจะพอแค่นี้ก่อน ต่อกันในสัปดาห์หน้านะคะ มีใครยังทำไม่ได้อีก รูปยังไม่พอดีกับกรอบนี่ เปลี่ยนขนาดก่อน 1500 1000 สิ 1,800 แป๊บหนึ่ง ๆ  1,800 800 ประมาณนี้นะคะ 1,800 กับ 1,600 เสร็จแล้วก็เซฟไว้ โอเคค่ะ สัปดาห์นี้พอแค่นี้