Accuracy : 83.43%
Insertion : 1208
Deletion : 2320
Substitution : 374
Correction : 20852
Reference tokens : 23546
Hypothesis tokens : 22434
(อาจารย์สุธิรา)เด็กๆอ(อาจารย์สุธิรา)ต่อจากสัปดาห์ที่แล้วนะคะเดี๋ยวอันเดิมอยู่ไหนเผื่อในกรณีที่บางคนยังไม่ได้โหลดBackgroundมานะเปิด...ในกรณีที่...ในสัปดาห์ที่แล้วเราสร้างfillหรือฉากของเกมเราแล้วนะทีนี้Backgroundมันก็จะเป็นสีดำอยู่ใช่ไหมคะก่อนอื่นเด็กๆอย่าลืมเปิดอะไรคะโปรแกรมSublimeถ้าของใครคลิ-๊กเข-้ามาตรงหน้าต่างWindowsแล้วมันไม่เห็นนะคนมาใช้เยอะแล้วมันเลื่อนนะคะเอ๊ะเราก็ว่าเราพิมพ์ไว(ป)-้แล้วนี่นะใช้คำค้นหานะคะSub...พอเจอSublimeTextเราก็คลิกOpenเพื่อเปิดโปรแกรมของเรานะเด็กๆต้องเปิดโปรแกรมรอเลยนะคะถ้าขึ้นอัปเดตมาบอกให(แล)-้วว่ากดCanceleไปเลยนะคะเพราะมันเป็นเวอร์ชันล่าสุดเรายังอยู่ที่ส่วนของการกำหนดหน้าจออยู่หน-้าจออยู่นะคะเรายังไม่ได้ไปตรงอื่นเลยเราได้iไอคอ(con)นได้ส่วนของSceneต่อไปก็คือ...ตอSceneต่อไปก็คือต-ัวเดิมเราแล้วลองกดCtrl+B1ครั้งกดปุ่มCtrlกับปุ่มBนะคะ1ครั้งค่ะสังเกตเด็กๆจะสังเกตเห็นว่าหน้าจอเกมหรือSceneของเรามันจะเป็นพื้นหลังมันจะเป็นสีดำก็คือถ้าเราไม่ต้องการให้.(…)..เราสามารถเปลี่ยนสีของพื้นหลังฉากเราได้นะคะเพราะฉะนั้นคำสั่งที่ใช้ก็คือคำสั่งนี้นะคะทีนี้แต่ทีนี้ก่อนที่จะใส่สีหรือจะรู้ว่าสีไหนเป็นสีอะไรสิ่งที่เราจะต้องทำก็คือเด็กๆให้เปิดGoogleChromeให้เด็กๆเปิดGoogleขึ้นมานะอยู่หน้าGoogleนะคะนี่ให้เปิดGoogleขึ้นมาอย่างนีปิด(-้)แล้วให้พิมพ์คำค้นว่าคำค้นว่าอะไรลืม...โอเคเห็นไหมคะเห็นไหมคะพิมพ์ตามอันนี้ColortoRGBเห็นไหมพิมพ์คำค้นตามตัวนี้นะคะC(c)-o-l-o-r-scolorsแล้วก็T(t)-otor-g-bก็คือให้พิมพ์คำนี้นะคะเด็กๆc-o-l-o-rเติมsด้วยcolorsscolorsT(t)ot-otoแล้วก็ตัวrตัวgตัวbตัวเล็กตัวใหญ่ได้เหมือนกันหมดนะคะแล้วกดค้นหาได้เลยEnterเพื่อค้นหาได้เลยค่ะแล้วให้เรา...ใครขึ้นหรือยังใครยังไม่ขึ้นหน้านี้ให้เลือกตัวแรกนะคะเอ้าสไลด์มันไม่เปลี่ยนเหร-ือเดี๋ยวนะโอเคไหมนี่นะคะในช่องค้นหาให้นักเด็รียน(กๆ)พิมพม-์C(c)olorstorgbขอโทษทีลืมดูจากนั้นกดEnterเมื่อพิมพ์เสร็จแล้วกดEnterนะคะมันจะขึ้นโอเห(ค)-็นไหมคะให้เลือกอันแรกเลยRGBลิงก์แรกRGBColorCodesChartเราจะต้องการช(C)hาร์ต(art)สีเพื่อที่เราจะได้พิมพ์ค่าสีถูกเพราะาฉะนั้นเราต้องเลือกตัวนี้นะลูกเราจะดูว่าสมมติเราอยากได้สีนี้ค่ามัน...ค่าสีมันคืออะไรนะคะคลิ-๊กเข้าไป1ครั้งนี่ค่ะจะดูอย่างไรว่าChartสีคืออะไรเด็กๆคลิกที่ช่องสีปุ๊บนี่นะคะเห็นไหมมันจะมีค่าสีนี่ขึ้นมาก็คือตัวนี้นี่ค่าสีของเขานะคะหรือดูจากตรงนี้ก็ได้เหมือนกันเห็นไหมนะคะให้...ถ้าเราจะใช้ก็คือวิธีการนะคะสมมติเอาชมพูนี้อย่างนี้กด...ตัวนี้ไม่ขึ้นเหร-ือก็คือเราจะก๊อบปCo(-ี้)pyค่าสีตัวนี้ไปใส่นึกออกนะมันมี2Codeนะคะดูในตารางนี่มันจะมีHกับDecimalCodeHexCodeกแล(-ั)บDeciะHe(m)ax(l)Codeนะมี2ตัวนะคะเดี๋ยวมาดูว่าตัวที่เราใช้คือตัวไหนเปิดหน้านี้ทิ้งไว้เลยนะนะคะเปิดหน้านี้ทิ้งไว้เลยใครยังไม่ขึ้นหน้าที่มีC(ช)ารhart(-์ต)สีนี-้ยกมือขึ้นหรือยังใครยังไม่ขึ้นยกมือนะเด็กๆขึ้นไหมคะเดี๋ยวกรอกค่าสีไม่ถูกลูกมันจะไม่ได้ใส่ไม่ครบมันไม่ได้เดนะ(-๊)ไม่ต้องไปนั่งจำนะคะเรามาSearchแล้วก็เปิดเอาต้อ(น)-ี่มันเยง...(อะ)สีมันเยอะอยากได้สีอ่อนสีแก่อะไรอย่างนี้เปิดหน้านี้ทิ้งไว้ด้วยเลยนะคะแล้วเรามาดูคำสั่งเราต่อสิ่งที่จะทำก็คือตัวคำสั่งนะคะก็คือเราจะต้องกำหนดตัวแปรสีเสียก่อนแล้วก็ตามด้วยค่าสีที่เราจะใช้นะคะพอใ...(ส่)พอได้ค่าสีเสร็จเราค่อยมาFiell(d)ใช้คำวสั่งFiell(d)เพื่อใส-ี(-่)สีลงไปในฉากเราเห็นไหมคะนะคะและสิ่งที่เราจะต้องมีเพิ่มขึ้นมาก็คือส่วนของการอัปเดUpdate(ต)นะคะอ-้าวอ-ันดับแรกอันดับแรกไปที่บรรทัดที่...ดูนะคะเด็กๆเด็กๆจะต้องไปเปิดSublimeขึ้นมาโอเคไหมบรรทัดที่เราจะยังอยู่ก็คือต่อจากpygame.display.setเห็นไหมคะสิ่งที่เราจะทำก็คือสร้างตัวแปล(ร)ชื่อว่าbgbgมาจากคำเต็มว่าBackgroundนั่นเองนะคะ-ฺBG(bg)แล้วก็ตามcด้วยColorsแล้วกันbgcolorsนะคะตามด้วยเครื่องหมายเท่ากับแล้วก็ใส่วงเล็บเอ้ยไม่ใช่ใส่วงเล็บตามด้วยเครื่องหมายเท่ากับแล้วก็ค่าสีที่เราจะใช้อยู่ตรงไหนเรามาดูไปเปิดผิดอันใช่ไหมนี่ทำไมหน้าต่างมันขึ้นเยอะเดี๋ยวนะตรง(-ัว)นี้ไหมตัวไหนนี่ตัวนี้แหล-่ะ...แล้วก็ใส่ค่าสีนะคะดูนะคะก็คือตัวเลขในชุดมันเอาจากตรงนี้เด็กๆนี่เอาค่าตรงDecimalCodeเช่นอยากได้สีอะไรลูกสมมติสมมติเราจะเอาสีน...(-ี้)ให้เห็นว่าจากสีดำน่ะค่ะให้เห็นชัดๆวเร(-่)าเปลี่ยนสีแล้วนะสีฟ้าอยู่ไหนนี่ขอฟ้านี้แล้วกันaquadeepskyblueอันนี้แล้วกันให้เราก๊อบตัวเลขชุดนี้นะคะตัวเลขที่อยู่ในตารางสุดท้ายนึกออกนะช่องสุดท้ายนี่DecimalCodeเอาDecimalCodeเพราะอะไรDecimalCodeเป็นค่าสีRGBเหมือนในวงเล็บเลยเห็นไหมคะก๊อป(บ)เลยนะคะเด็กๆไม่ต้องจำกดทำHighlightครอบแล้วก็เลือกแล้วก็กดCopyเอาแค่3อันในชุดในวงเล็บนี่นะลูกห้ามเอาเกินกว่านั้นคัดลอกแล้วก็เอามาวางในCodeเรานะคะเท่ากั=(บ)แล้วก็กดCtrl+Bวางอย่างนี้โอเคไหมกำหนดค่าให้BackgroundColorเสร็จแล้วสิ่งที่เราจะต้องทำต่อมาก็คือเราจะมาเรียกใช้ค่าสีนั้นนะคะเอามาไว้ที่ไหนดูตำแหน่งนะคะเห็นไหมอยู่ระหว่างคำสั่งifevent.type==pygame.QUITเห็นไหมคะก็คือบรรทัดที่เท่าไรนะบรรทัดที่18กดEnterหนึ่1(ง)ครั้งเราจะอยู่ที่ตำแหน่งที่บรรทัดที่18นะคะทีนี้เด็กๆต้องมาดูอะไรดูตัวแปรฉากที่เราตั้งไว้ชื่อว่าอะไรคะเราตั้งชื่อตัวแปล(ร)ฉากเราคือตัวแรกนี่ถ้าใครตั้งS(s)creenดูนะคะดูชื่อตัวนี้ดูตัวแปรของฉากเรานี่เห็นไหมคะเพราะตอนเรียกใช้ดูรูปแบบคำสั่งดีๆนะคะชื่อตัวแปรฉากแล้วตามด้วยเครื่องหมาย.แล้วตามด้วยคำสั่งfillแล้วตามด้วยในวงเล็บชื่อตัวแปล(ร)สีแล้วก็ค่าสีนั้นนะคะโอเคหรือยังนะคะเพราะฉะนั้นตัวแปรฉากเราชื่อนี้นะเราจะอยู่ที่ตำแหน่งบรรทัดที่18นะดูดีๆนะคะอย่าใส่ผิดที่นะ18แล้วตำแหน่งก็คือต้องตรงกับคำว่า"RuUN(n)"เรียกใช้Screenเห็นไ(ะ)หมคะกดS(s)ปุ๊บS(s)creenขึ้นนั่นคือตัวแปรที่เราต้องการClick1ครั-้งตามด-้วยเครื่องหมายเอ้ยตามด้วย.แล้วก็พิมพ์f-i-llfillนะคะแล้วก็ตามด้วยวงเล็บวงเล็บอะไรวงเล็บตัวแปรสีนี่BackgroundColorsนี่เห็นไหมคะพิมพ์bเดี๋ยวbgcolorsมันจะขึ้นมาแล้วกดคลิBG(ก)มันจะไม่ผิดเลยนะคะแล้วตัวแปล(ร)สีแล้วก็ตามด้วยค่าสีนะคะ/ใส่เครื่องหมาย/ย/นะคะใส่เครื่องหมาย/ก่อนอื่นเด็กๆc(C)opyค่าสีมาเสียก่อนนะคัดลอกCopybgcolorsใส่.../แล้วก็วางโอเคนะคะทีนี้เมื่อเกิดการเปลี่ยนแปลงนี่เราจะต้องมีคำสั่งสำหรับอัปเดตก่อนบรรทัดสุดท้ายเด็กๆดูบรรทัดที่20ซึ่งเป็นบรรทัดที่เราให้จบเกมนะคะเรากดEnterเพื่อเพิ่มบรรทัดนะคะในบรรทัดที่21ใส่#เข้าไปเราจะบอกแล้วว่าตรงนี้คืออัปเดตนะคะเป็นตำแหน่งที่สำหรับคำสั่งU(อ)-ัปเดตpdateจะได้รู้นะคะอยู่ตรงนี้อัปเดตคำสั่งที่ใช้นะคะก็คือpygame.display.update()หน้าไหนน-่ะนี่แหล-่ะหน้าโCode(ค้ด)ไหน...colorsจะอยู่ที่กำหนดหน้าจอต่อจากบรรทัดที่D(d)isplay.gameตั้งชื่อตัวแปรbackgroundcolorsรูปแบบก็คือชื่อตัวแปรนะคะแล้วก็ตามด้วยค่าที่เราจะห-ั(า)กแล-้ะ(ว)เราก็ไปCopyค่าสีจา(ใน)กตารางมาวางรหัสสีที่บอกว่าจากเว็บนี่ไงที่ให้เปิดนี่นี่ๆๆจากตารางนี้เอาไว้ไหนหน้านี้ให้Srearchแล้วน่ะไปต่อนะคะของคนอื่นพิมพ์pygame.display.updateนะคะแล้วก็วงเล็บปpload(-ิด)ตรงตำแหน่งก่อนจะ...อันนี้ก่อนจะ.(…)..ไหนล่ะSublimeSublimeไม่ขึ้นต่อไปบรรทัดUpdateเรานะมันจะตรงกับตำแหน่งRunนะลูกมต(-ั)รงน-ี(จ)ะT-้...(ab)เข้าไป1Taทีdisplay(b).updateเห็นไหมคะฟังก์ชันมันจะโดนเรียกขึ้นมาเ(น)ด-ี-๋(-่)ยวนะครับ1อันเห็นไหะ(ม)ตำแหน่งUpdateมันจะอยู่ก่อนเราจะจบมันจะU(อ)-ัปpdate(เดต)การทำงานก่อนทุกครั้งให้มันอัปเดตก่อนเสมอนะคะก่อนจะออกจากโปรแกรมว่าอย่างนั้นเถอะโอเครู้แล้วๆๆผิดๆ(แ)นะ(-่)คะเดี๋ยวนะตอนเรียกใช้นะคะเราใส่แต่ชื่อมันก็ได้เพราะตัวแปรเรากำหนดแล้วนะว่าสีอะไรเราเรียกแต่backgroundcolorsพอนะคะค่าสีไม่ต้องใส่ในที-่นี้/หมายถึงก็คือให้เลือกว่าจะใส่ตัวแปรหรือจะใส่ค่าสีซึ่งใส่ชื่อตัวแปรมันจะขึ้นถ้าเรามีแล้วนี่มันจะขึ้นมาเลยเพราะฉะนั้นมันจะง่ายกว่าใครพิมพ์U(อ)-ัปpdate(เดต)เสร็จแล้วกดBuildได้เลยCtrl+Bได้เลยนะคะเด็กๆเพื่อดูสีไม่เปลี่ยนเหร-ือErrorไม่ขึ้นด้วยทำไหนมไ(แ)ม่u(อ)-ัปเดตpdateให้ตำแหน่งไหนผิดbgcolorsscreen.fillbackgroundcolorsU(u)pdateR(r)unถทำ(-้า)เป็น...ฟอนต์ไม่ให้เติมสีแล้วเหร-ือเวอร์ชันนี้ไม่แน่ใจแฮะไม-่ให้อ-่Up(-ั)ปdate(เดต)มันไม่ยอมU(อ)-ัปpdate(เดต)โอเครู้แล้วใส่ตำแหน่งผิดนะคะเด็กๆขอโทษทีตำแหน่งS(s)creen.fillเลื่อนบรรทัดที่run=Falseใช่ไหมปึ๊บกดEnterแล้วทีนี-้ถ-้าเมื่อEnterลงมาแล้วมันลงมาตำแปุ(หน)-่ม(ง)นี้ให้เด็กๆกดปุ่มBacks(S)paceย้อนหลังย้อนไป2ตำแหน่งให-้มันอยู-่ตรงกับคำว่าfoงFalse(r)เห็นไหมคะแล้วค่อยเอาscreen.fillมาFalse(ใส่)แล้วพอu(อ)-ัปpda(เ)ดte(ต)เห็นไหมเด็กๆจะได-้...เอ-้ยผิดตัวใช่ไหมมีหลายตัวงงเห็นไหมคะเปลี่ยนสีแล้วใครยังสีไม่เปลี่ยนยกมือใครไม่เปลี่ยนให้ดูตำแหน่งแรกไล่ไปทีละตำแหน่งนะคะกำหนดตัวแปรนี้หรือยังกำหนดหรือยังอันนี้เสร็จหรือยังบรรทัดที่10มีตัวแปรสีมีค่าสีแล้วโอเคนะคะไปดูบรรทัดต่อมาก็คือสีที่เราจะใส่มันจะอยู่ใน...เห็นไหมคะตำแหน่งL(l)oopเห็นไหมคะตำแหน่งL(l)oopที่ต่อจากบรรทัดที่...หาปุ่มdeleteไม่เจอต่อจากR(r)un=Falseก็คือบรรทัดที่19ให้ดูบรรทัดที่มีคำว่า"run=False"มิ่งออกหรือยังลูกสีออกหรือยังกดEnter1ครั้งนี้ป-ุ(-ึ)-๊บนี่สังเกตตำแหน่งเคอร์เซอร์มัcurs(น)จor(ะ)อยู่ตรงกับRunใช่ไหมให้เรากดปุ่มBacks(S)paceต้องกดปุ่มBacks(S)pace2ทีนะคะเพื่อให้ตำแหน่งเคอร์เซอCursor(ร์)มันอยู่ตรงกับคำว่า"for"เห็นไหมfoFlale(r)สีแดงๆในบรรทัดที่16เห็นไหมคะเห็นไหมแล้วก็พิมพ์คำสั่งS(s)creenS(s)creenก็คือตัวแปรฉากที่เราที่ตั้งเอาไว้กดsปุ๊บเจอS(s)creenEnterแล้วก็.fillแล้วก็ตามด้วยในวงเล็บชื่อตัวแปรสีนะคะโอเคไหมเสร็จแล้วอย่าลืมพอเสร็จบรรทัดนี้นะคะในบรรทัดที่21นี่ให้ใส่#แล้วเราจะต้องสั่งมีคำสั่งอัปเดUpdate(ต)ด้วยนี่เห็นไหมคะอยู่ตรงกับscreen.fie(l)lนั่นแหลd(ะ)pygame.display.updateนะคะสำหรับเด็กๆบางคนนะคะพอพิมพ์ไปแล้วมันขึ้นErrorนี่สาเหตุหนึ่งให้ดูให้ดูที่ตำแหน่งที่พิมพ์แล้วลองทำอย่างนี้ครอบถ้าเด็กๆใช้Tabมันจะไม่ขึ้นErrorแต่ถ้าเมื่อไหรตร-่ข-ึ(ง)-้นตำแหน่งนี้มันเป็น..จุด(.)จุดสีเทาๆสีขาวๆนั่นแสดงว่าเด็กๆไปกดด้วยแป้นSpaceBarเพื่อสล(ขย)-ับตำแหน่งใช่ไหมซึ่งในSublimeบอกแล้วว่าแล้วว่าไอ้โปรแกรมนี้มันโดนบล็อกบล็อกโครงสร้างมานะเพราะฉะนั้นห้ามใช้SpaceBarในการTabคือเลื่อนตำแหน-่งของคำสั่งเข้าไปตามโครงสร้างตามแนวนี้SpaceBarจะใช้เฉพาะเมื่อมีการเว้นวรรคอย่างนี้เท่านั้นแค่1จุดอย่างนี้เท่านั้นเห็นไหมสังเกตความแตกต่างน-ีะค(-่)ะถ้าเด็กๆใช้SpaceBarมันจะเป็นจุดๆเหมือนตรงwhilงY.Y(e)runเห็นไหมคะแต่ถ้าเด็กๆถ้ามันเป็นt(T)abน่ะเพราะโครงสร้างของมันโดนกำหนดเห็นไหมม-ันจคะเป็นขีดยาวๆอย่างนี้คือเป-็นTabเห-็นไหมคะทีนี้คือสิ่งที่ต้องจำนะคะเมื่อให้ขึ้นคำสั่งใหม่แล้วให้กดนี่ไม่ให้กดSpaceBarเด็กๆจะต้องกดTabนะมันจะไปตามบล็อกบล็อกที่มันตั้งไว้นึกออกไหมลูกเพราะฉะนั้นต้องกดให้ถูกนะคะใครยังไม่ออกอีกใครออกหรือยังโอเคเห็นไหมบาสเห็นหรือเปล่าบรรทัดที่2ทีนี้จำไว้นะคะเรียนวิชาเขียนโปรแกรมนี่ถ้าใครไม่มาตัวเองจะไม่ทันเพื่อนถูกไหมเพราะแม่จะเขียนต่อจากสัปดาห์ที่แล้วจะไม่รู้ตำแหน่งใช่ไหมคะแล้วก็จะผิดพิมพ์ผิดพิมพ์ถูกเพราะฉะนั้นอย่าขาดนะคะเรียนวิชาเขียนโปรแกรมน่ะไม่อย่างนั้นจะไพ-ิ(ป)มพ์ต่อไม่ได้นะคะบาสดูนะคะตรงนี้ที่มีชื่อไฟล์นี่...เครื่องตัวเองน่ะเครื่องบาสน่ะไม่ใช่เดี๋ยวใจเย็นๆฟังให้จบแล้วค่อยพิมพ์จะอธิบายก่อนตรงรูปตรงที่บอกว่าimageloadนี่เห็นไหมคะสิ่งที่มันจะไปโหลดก็คือชื่อไฟล์ไฟล์ของบาสจะต้องอยู่ที่C:แล้วก็ในโฟลเดอร์ที่โปรแกรมSaveไว้ชื่อโปรแกรมเราอยู่ตรงไหนไฟล์นั้นก็คือนี่จะอยู่ตรงนั้นด้วยเข้าใจหรือเปล่าดูนะบาสทีนี้ฟังไว้นะถ้าใครเข้าเรียนไม่ทันนี่รอบหน้าต้องรอจนกว่าแม่จะสอนเพื่อนเสร็จนะไม่อย่างนั้นจะเสียเวลาแล้วตัวเองถึงจะได้ทำตามเพื่อนทีหลังเพราะฉะนั้นถ้าครั้งหน้าบาสไม่มาเข้าแล้วครั้งต่อไปบาสเข้าอย่างนี้บาสจะต้องรอจนกวอให้(-่า)แม่สอนให้เพื่อนทำจนเสร็จแล้วบาสถึงจะมาทำตามเพื่อนได้โอเคไหมนะคะทีนี้เราใส่สีพื้นได้แล้วเห็นไหมนะคะแล้วในกรณีที่...อันนี้คือในกรณีที่มีสีแล-้(ะ)วอีกกรณีหนึ่งที่บอกว่าใส่ภาพพื้นหลังเข้าไปแทนใช่ไหมเด็กๆBackgroundอยู่ไหนBackgroundไหนล่ะหาBackgroundเจ้าของไม่เห็นต่อไปนะคะสิ่งที่จะทำตั้งแต่สัปดาห์แรกเลยนะบอกว่าให้หาภาพBackgroundที่เราจะเอามาเป็นฉากใช่ไหมคะสิ่งต่อมาที่เราจะทำต่อมาก็คือคำสั่งนี้นะลูกเมาส์หายเดี๋ยวนะคำสั่งต่อไปนะคะอยู่ไหนล่ะเมื่อกี้เราไปไหนแล้วเมื่อกี้อ่านถึง...ทีนี้การใส่ภาพb(B)ackgroundแทนสีพื้นหลังในกรณีที่เรามีมีฉากที่เป็นภาพนะคะรูปแบบก็คือเหมือนเดิมทุกครั้งเราจะต้องสร้างตัวแปรเพื่อให้โปรแกรมมันรู้จักก่อนว่าไอ้ตัวนี้เป็นตัวแปรที่ไว้สำหรับเก็บภาพใครที่มีรูปมาแล้วเหมือนเดิมนะคะเด็กๆอย่าลืมเช็กมน(อ)ะไรคะเช็กนามสกุลภาพตัวเองใช่ไหมคะโหลดมาอยู่ไหนเดี๋ยวนะของแม่โหลดมาแล้วจะเอารูปนี้นะคะเดี๋ยวขอMoveไปก่อนMoveไรูปนี้นะคะไปที่DriveC:ขอเปิดC:นึกออกนะโฟF(ล)เดอร์olderที่เราเขียนโปรแกรมอยู่ตรงไหนเห-็นไหมเราเปิด2อันเลยนะเดี๋ยวเราจะเอารูปนี-้(-่)มาใส่เหมือนเดิมนะคะคลClic(-ิก)kภาพที่เราจะใช้งานแล้วแล้วคลิก...ถ้าใครขึ้นตำแหน่งTypeอย่างนี้นี่คือนามสกุลไฟล์ที่เราจะพิมพ์ลงไปนึกออกนะเด็กๆดูตำแหน่งตรงนี้ให้ดีๆนะคะชื่อไฟล์แต่ละคนไม่เหมือนกันนึกออกนะรูปเอ...(-้า)หน้าไม่ออกเดี๋ยวนะกดสิ้นสุดก่อ...(น)เดี๋ยวนะคะสไลด์อาจารย์มันไม่ขึ้นจอมันมืดไปเลยคืออะไรนี่ทำไมเป็นจอดำ[เสียงหัวเราะ]อยู่ๆจอเราก็ดำมิดหมีไปเลยได้แล้วนะคะนี่ๆๆๆโอเคเด็กๆดูตรงชื่อนะชื่อกับนามสกุลจะต้องเป็นชื่อแล้วก็นามสกุลของไฟล์ตัวเองเข้าใจไหมเข้าใจไหมคะเพราะฉะนั้นเราต้องดูในโฟF(ล)เดอร์olderเรานะไม่ใช่แม่พิมพ์ชื่อcolorcandy_bgก็พิมพ์ชื่อน-ี(-ั)-้นตามแม่ไม่ใช่นึกออกนะคะชื่อไฟล์ภาพของใครของมันเข้าใจนะมันจะเป็นชื่อของตัวใครตัวมันนะคะตัวใครตัวม(…)-ันไม่ใช่ดูแต่ชื่อนะดูนามสกุลมันด้วยนึกออกนะ2อย่างนี้จะเป็นชื่อของเราของเราของเราของเราของเรานะไม่ใช่แม่พิมพ์ชื่อของแม่ตัวเองก็มาพิมพ์ชื่อของแม่ตามไม่ใช่ให้นึกถึงนะโอเคก่อนอื่นก็คือต้องเช็กก่อนว่านามสกุลไฟล์เรามันเป็นนา(ไฟ)สกุล-์อะไรด้วยทีนี้บาสบาสยังไม่ได้โหลดไหมโหลดหรือยังถามเพ(ธ)-ื่อนสิโหลดรูปB(b)ackgroundมาหรือยังโอเคอย่างนั้นเริ่มได้ตัวแปรแรกนะคะเปิดSublimeเราเราก็จะมาที่ตำแหน่ง...ยังอยู่ในการกำหนดหน้าจอเกมอยู่เห็นไหมคะเราจะไปต่อจากบรรทัดที่10BackgroundColorเลยทีนะค-ี-้(ะ)เมื่อกี้มีbackgroundcolorsแล้วทีนี้ก็เป็นBG(bg)เหมือนเดิมตัวแปรตั้งเหมือนกันได้ทำไหม(ง)เป็นตัวใหญ่bgแต่จะเป็นpicแทนเอ้ยใช้P(p)icสั้นหน่อยI(i)mageจะยาวไปแต่ทีนี้เพื่อไม่ให้สับสนนะใช้P(p)icนี่ล่ะสั้นๆหน่อยเดี๋ยวจะเรามาสับสนกับI(i)mageอีกbgpicpictureนั่นเองนะคะคือการตั้งชื่อตัวแปรนี่ถ้ายาวมากๆตัวเองนี่จะจำไม่ได้นะคะเพราะฉะนั้นอย่าพยายามตั้งยาวมากเหมือนเดิมนะคะพอประกาศตัวแปรต้องตามด้วยการกำหนดค่าให้มันก็คือเท่ากับเท่ากั==(บ)แล้วตามด้วยอะไรคำสั่งpygame.image.loadเหมือนเดิe(ม)นะคะเพราะเราจะต้องเรียกภาพนั้นมาใช้ใช้เหมือแบบ(น)iconเลยแต่ตัวแปรเป็นคนละตัวต้องจำไว้ว่ามันต้องสร้างตัวแปรคนละตัวเพราะว่าiconก็เป็นของiconนะอันนี้เป็นbackgroundก็คนละตัวเห็นไหมคะนะคะพิมพ์pygameค่ะพิมพ์pพอขึ้นpygameกดpygame.iเลือกimageเห็นไหมคะให้เลื่อนลงมาที่imageกดEnterเด็กๆยังไม่ต้องพิมพ์นะคะเพราะถ้าพิมพ์แล้วจะผิดใช่ไหมสอนแล้วนะเหมือนเดิมlโหลด(oad)เห็นไหมคะเลื่อนลงมาเลือกloadใส่วงเล็บในวงเล็บอย่าลืมใส่เครื่องหมายคำพูดนะคะเพราะมันเป็นชื่อนะคะชื่อตัวนี้มาจากไหนให้ไปดูที่โฟลเดอรFolder(-์)ที่เราเก็บไฟล์Backgroundเราไว้ใช่ไหมเด็กๆ16552เดี๋ยวขอเปลี่ยนชื่อก่อนนะบอกแล้วบางทีเด็กๆไปSaveมาแล้วชื่อมันยาวนะแล้วพอเวลาเราจะมาเรียกใช้น่ะถ้าชื่อมันยาวของใครที่ไปs(S)aveมาแล้วมันยาวชื่อมันยาววิธีแก้เราRenameนะลคะ(-ูก)น-ี่(ะW)windowe(s)11นี่มีความงงๆมึนๆอึนๆจะRenameไม่เปิดสิเราจะRenameน่ะเราจะเปลี่ยนชื่อเธออยู่ไหนนะคำสั่งRenameเธอนี่คือบ่ให้Renameถ้าใครไม่รู้ไม่รู้เหมือนกันแฮะWindows11ทำไมRenameไม่ได้PropertiesOpeninTerminalShowmoreoptionsไม่เห็นขึ้นเลยถ้าRenameไม่ได้นะคะดูนะคะเปิดตด-้(-ั)วยโปรแกรมPaintOpenwithp(P)aintปุ๊บเอ๊ะทำไมรูป...รูปเรามันเป็นอย่างนี้ล่ะก็อ(F)ilบไฟล์SaveAsนะคะSaveas...นะคะSaveas...แล้วก็เปลี่ยนชื่อให้เขาแค่นั้นแหละค่ะจะได้เต็มหน้าจอไหมนี่เอาไปก่อนแล้วกันเพื่อไม-ั-่(น)ให้เป็นการเสียเวลานะคะ16552น-่าจะได้นะจำเอาเองแล้วกัะคะ(น)ชื่อใครเป็นชื่อใคร116552.J(j)pgPGG(g)นะคะG(g)อันนี้คือชื่อภาพBackgroundในเครื่องของแม่นะคะภาพBackgroundของแม่ของเด็กๆชื่อตัวนี้ก็เปลี่ยนไปตามของตัวเองนะคะนามสกุลก็เหมือนกันอย่าลืมดูกว่านามสกุลของตัวเองเป็นอะไรบางคนอาจจะเป็น.pngก็ได้บางคนอาจจะเป็นjpgก.(-็)ไดJPG(-้)ก็แล้วแต่นะคะโอเคไหมนี่ก็คือเราสั่งให้สร้างตัวแปรB(b)ackgroundpicเพื่อไปดาแปรBa(ว)น์โหลckgrou(ด)ndpicเราภาพBackgroundของเราขึ้นมานะคะมาใช้งานจากนั้นเราจะต้องทำอย(ะ)-่างไรเราจะต้องเรียกตัวแปรนั้นน่ะมานะคะแล้ว...แล้วก็วางจะวางมันไว้ตำแหน่งไหนไม่ยากเลยตำแหน่งของรูปนะคะก็คือตำแหน่งที่0,0ก็คือเริ่มจากมุมx0,y0ก็คือให้มันวางให้เต็มฉากเรานั่นเองนะคะคำสั่งที่จะใช้อยู่ที่...ตัวนี้พิมพ์เสร็จหรือยังCodeบรรทัดที่11ถ้าพิมพ์เสร็จแล้วนะคะเราจะต้องมาที่บรรทัดที่21เห็นไหมต่อจากS(s)creen.F(f)illนะคะเด็กๆจะต้องม-ี(า)อยู-่ตำแหน-่งบรรทัดในL(l)oopนี่เพราะเราจะไปเรีย(ลือ)กใช้Backgroundเหมือนเรียกใช้BackgroundColorsเลยBackgroundPicturesเหมือนBackgroundเลยนะColor(คะ)เรียกเหมือนกันตำแหน่งก็อยู่ถัดจากบรรทัดนั้นมาคำสั่งของตัวนี้คือB(b)litตัวนี้คือb-l-i-t-ัวนี-้(-่)คือbluidนะคะเราเรียกตัวแปรฉากก่อนก็คือscreenพิมพ์sแลเรา(-้ว)เร(ล)-ือกsc-ียก(r)eenตามด้วยเตัวแปรฉากก่อนคร-ื-่อพ(ง)หมาย.-ิมพ์SS(b)SB-l-i-e(t)แล้วก็วงเล็บนะคะB(b)liuildอะนะคะBui(t)bldBuild(tอ)แะไรชืbg(-่อ)ตัวนี้นะคะbgbgแต่ให้เลือกเป็นอะไรคะbBG(g)picเพราะbgBGC(c)olorsก็คือสีพื้นใช่ไหมคะbgpicก็คือBackgroundที่เป็นรูปกด...เอ-๊(-้)ยยังไม่กดใส่อะไรเข้าไปด้วยระบุระบุตำแหน่งเห็นไหมคะใส่เครื่องหมาย,ลูกน้ำนี่นะคะแล้วก็วงเล็บเปิดวงเล็บป-ิเ(ด)อีกห(1)นึ่งครั้งนะคะดูวิธีพิมพ์นะคะใส่,1ครั้งแล้วก็ใส่วงเล็บตำแหน่งก็คือ(0,0)แบบนี้นะคะใครพิมพ์บรบรรทัดนี้เสร็จกดCtrl+Bดูได้เลยโอ้โหท(น)-ี-่นะท-ี-้นี-่(-้)เด็กๆจะเห็นว่าสัดส่วนรูปกับกับฉากเรามันไม่Balanceกันเห็นไหมมันมีวิธีทำอยู่2แบบก็คือเรามาแก้ที่ตำแหน่งฉากเรา800x600นี่เพิ่มไป1,800แล้วCtrl+Bดูใหญ่เกิน1,800เห็นไหมให้นึกถึงนะเหมือนจะใหญ่บึ้ม800ใหญ่ไป1,000ได้ไหม1,600ก็ใหญ่ไป1,200กว้างใส่ความกว้างผิดชีวิตเปลี่ยนกว้างxยาวWidty(h)Heightกว้างค(x)-ูณสูง1,000อันนี้600นะโอเคแล้วน(ม)ะอ-ันนี-้ง800ไห(นะ)มเอาใหม่นะแก้ไปเรื่อยๆ1000x,(1)200บางทีเหมือนBackgroundเรามันใหญ่นะคะด้วยในกรณีนี้แล้วนี้เดี๋ยวขอไปเปลี่ยนรูปBackgroundตัวเองก่อนนะมันมันบิ-๊กบึ้มเกินไปหน่อยแป๊บหนึ่งนะคะเด็กๆขอเปลี่ยนรูปก่อนPicturesPictขอลองข(u)reอลอ(s)งขอลองๆๆโอเคเราจะเปลี่ยนชื่อตัวนี้เป็นBG(bg)1นะเปลี่-็(ย)นรูปดูท่าภาพจะใหญ่โอเคจะเอาพื้นที่S(ไ)ซซize(-์)ขนาดนี้นะคะแต่ปัญหาคือภาพบางทีไฟล์Backgroundเรามันใหญ่เกินสมมตินะคะจะเอาประมาณนี้แหล-่ะทีนี้ถ้าเปิดขึ้นมาแล้วไฟล์ต้นฉบับมันใหญ่ม-ันมากนี่เรามีตัวแปรที่ชื่อเอ้...(ย)มีอีกคำสั่งหนึ่งนะคะไหนใครยังโหลดภาพตัวเองไม่ได้ยกม-ือ-ือ2-3คำคำสั่งต่อไปทุกคนโหลดมาแล้วนะคะแต่ปรากฎ(ฏ)ว่ารูปบางคนรูปตัวเองเล็กกว่าฉากไอ้รูปเล็กกว่าฉากนี่ไปปรับขนาดฉากได้นึกออกนะถ้าของใครรูปมันเล็กกว่าฉากเรามาปรับตรงนี้แต่ถ้าของใครเป็นเหมือนตัวอย่างของอาจารย์แม่ก็คือเห็นไหมตัวรูปข้างหลังน่ะมันใหญ่กว่าฉากอีกเพิ่มขนาดฉากแล้วยังไม่เห็นรูปนึกออกนะเราจะมีคำสั่งสำหรับแปลงรูปที่เราโหลดมาแล้วมันเล็กหรือมันใหญ่เกินไปนะคะนั่นก็คือคำสั่งนี้เลยเปลี่ยนขนาดเห็นไหมคะการเปลี่ยนขนาดภาพคำสั่งนี้ชื่อว่าtransform.scaleเห็นไหมแต่เราจะต้องกำหนดชื่อตัวแปรให้มันเป็นอีกตัวหนึ่งก่อนนะคะแล้วก็กำหนดความสูงความกว้างด้วยตให-้(-ั)วเราเองดูจากอันไหนเราทำให้มันเท่าตัวนี้ก็คือเราก็มาดูดูจากตำแหน่งของ…ของตัวนี้เราเห็นไหมคะมันก็จะพอดีกับขนาดของฉากเรานะคะก่อนอื่นนะคะก่อนที่เราจะใช้T(t)ransforomนะคะก็คือเราใช้คำสั่งเพื่อสร้างเด็กๆขยันใช้ตัวย่ออยู่แล้วนะbgtransformแล้วกันBGT(bgt)ransนะคะbBGT(gt)ransนี่ก็คือBackgroundที่เราจะทำการเปลี่ยนขนาดตามด้วยเหมือนเดิม=นะคะประกาศตัวแปรเสร็จแล้วตั้งกำหนดค่าให้ตัวแปรนะคะคำสั่งแรกก็คือpygameบอกแล้วว่าเราใช้Sublimeเราจะไม่พิมพ์p-y-g-a-m-eเราพิมพ์แค่pแล้วถ้าเห็นคำว่าP(p)ygameกดEnterได้เลยเพราะอย่างนี้มันจะทำให้เด็กๆพิมพ์คำสั่งไม่ผิดนะคะตามด้วย.เอ-๊(-้)ยเครื่องหมาย.เห็นไหมน่ะเห็นไหมเดี๋ยวนะอายุเยอะแล้วMemoryไม่ดีนะคะไม่จ-ำโค้ดทำอะ-ำCode(ไร)ใดๆทั้งสิ้นนะคะเด็กๆtransform.scaleโอเคขอทวนอีกคร-ั้(อบ)งหนึ่งนะT(t)ransformT(t)-r-a-n…t-r-a-n-sss-(s)f-o-r-mT(t)ransform.S(s)cales-c-a-l-eแล้วก็ใส่วงเล็บโอเคไหมคะในวงเล็บใส่อะไรมาดูกันในวงเล็บสิ่งที่เราจะต้องใส่ก็คือชื่อตัวแปรรูปของเราก็คือไอ้ชื่อข้างบนนะแล้วก็ความกว้างความสูงนี่ความกว้างความสูงก็คือเท่ากับเท่ากับตำแหน่งscreen.blitนี่ที่เราสร้างก็คือตัวนี้เท่ากับอันนีeenbilit(-้)นะครับความกว้างความสูงนี่S(s)caleก็คือbgpicครับก็คือต้องเอาตัวนี้เพราะเราจะไปแปลร(ง)ภาพนี้นะคะscaleเราจะแปลงตัวแปรนี้นะชื่อนี้นะคะเพราะฉะนั้นตำแหน่งของเด็กๆก็ค-ือดูของตัวเองนะใช้ชื่อเดียวกัน-ือ(ก)-็bgเลือกpicเสร็จแล้วตามด้วยอะไรเครื่องหมาย,แล้วก-็วงเล-็บเหมือนเด-ิมนะคะในวงเล็บนี่เลยไซซ์นี้เลยครับก๊อบมาเลยอย่าได้ช้ามันจะได้ไซซ์นี้เท่ลยครับมันจะได้Sizeเท่ากันเด๊ะกดCtrl+BScaleแล้วน้องยังไม่หดให้อีกน-่ะแหมๆๆใหญ่จริงไม่เป็นอะไรปล่อยไปก่อนนะครับเดี๋ยวค่อยไปหารูปที่มันเหมาะสมนะไม่เราลดลงครึ่งหนึ่งลองดูนะคะถ้ามันเต็มพอดีแล้วมันยังใหญ่เกินเราก็แก้ตัวเลขสิครับรออะไรหาร2เข้าไปเด็กๆให้นึกถึงหลักการเวลาจะลดขนาด1,500หาร2เหลือเท่าไรลดลงครึ่งหนึ่งดูก่อนนะเพราะอะไรเพราะจากตัวนี้เรา...ขนาดมัน1,500กับ800ใช่ไหมตัว...ตัวฉากเต็มเราม-ันคือ1,500เราจะลดขนาดภาพให้เล็กกว่าฉากเพราะฉะนั้นจาก1,500ลดลงครึ่งหนึ่งใครหัวไวคิดหน่อยสิ1,500หาร2เหลือ750800ก็จะเหลือ400ลดครึ่งหนึ่งเลยScaleลงไปลดครึ่งCtrl+Bใหม่ยังใหญ่อยู่เลยน-่ะลดอีก12345ลดอีกครึ่งหนึ่ง200750325อ้าวครึ่ง2รอบแล้วนะCtrl+Bแหมแสดงว่ารูปนี้ใหญ่จริงก็จะไปปล่อยไปก่อนนะคะถ้าอย่างนี้แก้เ(ไ)ป-็น3ครั้งแล้วไซซ์ยังไม่ได-้แล-้วก็นั่นหมายควาะคะ(ม)ว่แสด(า)ภาพb(B)ackgroundเรานะลูกเดี๋รา(ย)วนะนั่นแปลว่าCtrl+Bนั่นแสดงว่าภาพBackgroundเรามีขนาดใหญ่มากดูนะเพื่อตรวจสอบว่ามันใหญ่ขนาดไหนดูเห็นหรือเปล่านะคะเราก็ค่อยไปหาภาพอื่นมาแทนนะตใช้ไปก่อนนเรา(-ี้)ก็ใช้ภาพไปก่อนถ้าของใครยังแก้ไม่ได้ก็คือเราต้องไปเลือกรูปแล้วดูขนาดด้วยนะลูกนะนั่นคือหลักการนะคะเพราะฉะนั้นคำสั่งนี้อย่างน้อยเราได้รูปมาแล้วแน่นอนแล้วนะคะต่อมาต(ๆ)-่อมาที่เราจะทำต่อมาไปไหนแล้วบรรทัดสุดท้ายแล้วโอเคของสไลด์น-ี้-ีเอันดับสุดท้ายแล้วโอเคของสไลด์นี้สไลด์ใหม่อยู่ไหนครับไหนล่ะเ(ป)-ึ๊ดี-๋(บ)ๆๆยวนะ(ๆๆ)อันนี้โหลดไปแล้วเรียกใช้Backgroundเรียกแล้วตัวนี้มันจะยากขึ้นมาอีกเดี๋ยว...เราจะพอแค่นี้ก่อนนะครัะ(บ)เพราะคำสั่งนี้มันจะเป็นการที่จะทำให้ตัวฉากคือให้นึกถึงตัว...ถ้าตัว...ถ้าตัวเกมเรามันวิ่งไปน่ะฉากมันอยู่กับที่แต่ความจริงแล้วมันไม่ใช่นึกออกนะมัน(เรา)จะต้องทำให้ฉากมันเหมือนฉากมันเคลื่อนน่ะค่ะมันจะเป็นคำสั่งพวกนี้นะคะเดี๋ยวเรามาเรียนต่อในสัปดาห์หน้าทีนี้เมื-่(-้)อกี้ใครไม่ทันใครยังเอารูปใส่ไม่ได้ทีนี้เมื่อรูปมันใหญ่บอกแล้วนะเมื่อกี้ลองt(T)ransformแล้วก็ยังใหญ่อยู่แล้วก็ง่ายสุดเราไปหาSearchรูปใหม่นะลูกหาSearchภาพใหม่เหมือนเดิมF(f)reeนะคะอย่าลืมต้องเลือกที่มันเป็นF(f)reedownloadเสมอนะครัะ(บ)เด็กๆมันจะได้ไม่มีปัญหาติดนั่นนี่โน-ู-่นยังหาjungleไม่ได้เลยไม่อย่างนั้นต้องไปลดขนาดไซซ์รูปภาพเราความจริงอยากได้รูปนี้นะคือตัวเดียวกันหรือเปล่าเข้าชมไปไหนแล้วโอ-้โห-้เมื่อกี้สังเกตง่ายๆไฟล์มันใหญ่นี่ดูมันเป็นไฟล์z(Z)ipเลยเห็นไหมถ้าเวร(ล)าโหลดมาแล้วไฟล์มันใหญ่มากเ(น)-่ลย(ะ)อย่างนี้แสดงว่าภาพออกมาBackgroundใหญ่ใหญ่เบ-ิ(-ึ)-้มเลยนะครัะ(บ)เราก็ต้องเปลี่ยนนะครับเม(ร)าต้องไปหาไซซ์เล็กๆไม่อย่างนั้นก็คืหานะคะ(อ)ใช้โปรแกรมแล้วช่วยในการเขาเรียกว่าอะไรลน(-่)ะ...ลดขนาดภาพเวอร์ชันนี้Windowsนี้พอใช้Paintแล้วมันไม่ใช่น่ะมันไม่ใช่มันไม่ไดใช-่(-้)อย่างที่เราต้องการดูนะเดี๋ยวแม่จะลองทำให้ดูนะOpenนี่ๆดูรูปนี้นะคะต้นฉบับอย่างบึ้มเลยนี่ดูนะเลือกSelectAllแล้วนะแล้วก็เลือกi(I)mageResizeดูนะครับเลือกResizeจะลดจะลดเปอร์เซ็นต์มันเหลือครึ่งหนึ่งเหลือสัก50ยังใหญ่อยู่เลยเห็นไหมลดอีกImageResizeอีกเอ-๊(-้)ยSelectAllก่อนก็คือใช้ตัวโปรแกรมนั่นล่ะนะครับช่วยในการลดขนาดคลิกOโอ(K)เคได้หรือยังยังเห็นไหมยังล้นไอ้นี่อยู่เลยลดอีก33แลอะไร(-้ว)นะ50เห็นไหมแต่ทีนี้เวลาS(s)aveนะลูกให้F(ไ)ฟลileS(-์s)aveA(a)s..เป็นpPNG(ng)นะครับS(s)aveเป็นอีกชื่อหนึ่งขอใหม่BGT(g2)oเดี๋ยวลองให้ดูกันเห็นๆเดี๋ยวเราจะแก้เอาเมื่อกี้ไปt(T)ransformข้างนอกเพราะฉะนั้นคำสั่งนี้เมื่อกี้ไม่ดี๋ยวขอ(ใ)ช้แล-้วนะครับลก่(บอ)อน(ก)คำสั่งนี้ก็ไม่มีความจำเป็นถ้าไม่ลบออกวิธีการก็คือใส่#เข้าไปลูกbgt(2)oนะคะที่เรียกนามสกุลก็pngด้วยเมื่อกี้เปลี่ยนทั้งชื่อทั้งนามสกุลให้มันเลยขอลองใหม่Ctrl+Bเห็นหรือยังเห็นหรือยังเห็นหรือยังเห็นไหมนี่คือ1.ถ้าปรับในตัวCขอ(o)dงโ(e)ค้ดของโปรแกรมเราไม่ได้เราไปใช้โปรแกรมpaintช่วยรม(น)ะลดเส-ียะต(จ)-ิ๋วหลิวลงไปหน(เล)-่อยเดี๋ยวไปเพิ่มอีกนิดหนึ่งไม่เป็นไรนะครับก็อย่างนี้แหล-่ะเพราะไปเอาของเขามาไม่ได้สร้างเองมันก็จะได้ขนาดที่เราไม่รู้ขนาดที่แท้จริงเท่าไรนะครับเราไก็ต้องมาปร-ับเอาอย่างนี้นะเด็กๆนะวิธีการ...ถ้าอย่างนั้นให้มันเท่าไซซ์เราเท่าไรนะ1,500,800ดูสิจะเท่ากันพอดีไหม1,500กับ800ปรับให้เท่าไซซ์หน้าจอว่าอย่างนั้นเถอะCtrl+Bสิครับรออะไร1,500อย่างเดล-ื(-ิ)มนะโอเคนะครับมีวิธีแก้อยู่2วิธีอย่างนี้แหล-่ะแล้วแต่จะเลือกpixelวิธีการก็คือไหนล่ะP(p)aintเราFไฟล์(ile)SelectAllResizeเดี๋ยวเปลี่ยนเป็นP(p)ixelนะ1500800โอเคเล-็(ข)8กไปนะย้อนคืนม(ก)าหน-่อนนย(ะ)ขอลองไซซ์นี้แล-้(ะ)วกันSaveก่อนCtrl+Bใหม่นะคะนะนี่เห็นไหมได้เต็มๆแล้วนะนี่อาจจะใหญ่ไปนิดค่อยไปปรับนะคะเด็กๆใช้โปรแกรมPaintปรับเอานะคะค่อยไปปรับขนาดเอาก็ลองลองปรับแล้วถ้ามันยังไม่สมดุลก็ปรับใหม่ว่าอย-่า-่งนั้นเถอะนะคะนี่จากต้นฉบับไฟล์ใหญ่มากโอเคนะแล้วเดี๋ยวสัปดาห์หน้าใครที่...ให้ดูตัวนี้นะคะเช็กที่ตัวไฟล์ที่ชื่อว่าที่บอกว่าเราจะต้องไปหาไฟล์ภาพที่มันมีตัวการ์ตูนเราใช่ไหมที่มันจะต้อง...เดี๋ยวนะสีไม่ใช้แล-้-่ะ(ว)ที่มันมีลักษณะเหมือนเคลื่อนไหวน่ะที่เราต้องการน่ะนึกออกนะอย่างนี้นะคะก็คือให้มันมีภาพการ…ของตัวละครเรามันเคลื่อนไหวได้อย่าลืมเลือกF(f)reeนะคะถ้าได้มาแล้วไฟล์มันจะต้องเป็น...เดี๋ยวนะเหมือนที่เคย...เลือกคำว่า"F(f)ree"พิมพ์ไหมไม่ใช่เลือกF(f)reedowndloadพ(d)-ิมพ์D-o-w-n-l-o-a-dsprit-S(es)heetเช่นๆๆสมมติตัวอย่างตัวอย่างหาตัวอย่างก่อนเราอยากได้แบบเจาะจงตัวละครเลยเราก็ใส่ชื่อมันตามหลังด้วยเครื่องหมายบวกแล้วก็ชื่อตัวเกมเห(ร)ล่านั้นนะคะเช่นใครอยากได้กระต่ายก็Rabbitใครอยากได้เสือก็Tigerอย่างนี้นะคะขอเป็นf(F)reePicFreePicจะให้อย่างไรยังไม่รู้ขอเดี๋ยวเข้าไปดูก่อนคือOuRe(t)siz(t)eแล้วหรือเปบ(ล)-่านี-้(-่)นะครัเปิดด-้(บ)วยเปิดด้วยๆแหมๆๆไม่ให้เปิดอีกแล้วDownloadOpenwithขอเปิดด้วยp(P)aintแล้วกันนี่บางทีมันได้เป็นภาพใหญ่ๆคือบางอันนะคะspritesheetบางตัวมันจะแยกแยกไฟล์มาให้อันนี้ไม่แยกเดี๋ยวหาให้ดูตัวอย่างอีกอันหนึ่งนะที่มันจะแยกเป็นไฟล์มาให้เช่นๆๆอยู่ไหนน-้(ะ)อสูงสุดเขาบอกว่าฟรีนะเดี๋ยวจะลองดูนะอ้าวไม่ให้น่ะ...ไหนบอกว่าฟรีล่ะหาไม่เจอนี่ดูเหมือนCatกับDogอันนี้นะคะเดี๋ยวมันให้เป็นไฟล์Zipมาเดี๋ยวจะลองเปิดให้ให้ดูคือ...ถ้าๆๆๆเอาไปไว้ที่Picturesก่อนนี่อย่างของอันนี้นี่มันจะมีภาพแยกมาให้อย่างนี้นี่ค่ะเราจะต้องได้ลักษณะของตัวเกมแบบนี้นะเด็กๆเหมือนจะเอาWalkนี่ก็ตั-้(จ)ะเงแต่(อา)Walkที่1แบบนี้แบบนี้ถ้าใครที่ได้มาแล้วเป็นแผงเหมือนตอนแรกเมื่อกี้เอาไปไว้ไหนแล้วดาDo(ว)น์โหwnload(ลด)ใช่ไหมนี่เหม-ื-ั(อ)นอย่างนี้ดูนะครับOpenwithPaintถ้าใครที่ได้มาแล้วเป็น1แผ่นแล้วมีหลายตัวเด็กๆจะต้อง..นึกออกนะตัดทีละตัวน่ะค่ะให้ได้รูปเข้าใจไหมให้ได้รูปที่มันมีครบการเคลื่อนไหวเหมือน...เหมือนโฟลเดอร์นี้เลอน(ย)นี่มันควร...มันควรที่จะได้ภาพที่เป็นลักษณะนี้ที่มันแยกออกมาแล้วน่ะนึกออกหรือเปล่าแต่ตอนนี้ภาพมันรวมอย่างนี้ถ้าใครไปโหลดแล้วมันได้ภาพที่มันเป็นทั้งหมดอย่างนี้มาน่ะเราจะ(ก็)ต้องมาใช้Paintของเราอย่างนี้นะSelectป-ุ(-ึ)-๊บนี่แล้วก็Resizeให้มันเท่ากันนะนี่ให้เราดูตำแหน่งที่เราจะทำนี่ให้Fixเป็นPixelแล้วให้มันไซซ์เท่ากันน่ะคลิกOKปุ๊บกดCropนี่ดูนะคะแล้วให้จำค่านี้ไว้ว่านี่ไซSize(ซ์)ที่มันเท่ากันคือไซSize(ซ์)นี้ก็คือเราจะต้องตัดให้ได้ขนาดนี้ให้เท่าๆกันทุกภาพน่ะลูกเข้าใจไหมไม-่อยากนั้นให้นึกถึงว่าเหมือนเราทำตัวการ์ตูนเคลื่อนไหวปรากฎ(ฏ)เดี๋ยวทำไมเอ๊ะภาพมันเล็กนึกออกไหมตัวมันเล็กมันใหญ่เพราะฉะนั้นเวลาตัดน่ะลูกขนาดภาพมันจะต้องเท่ากันไงนึกออกนะคะนี่เพราะฉะนั้น118ก็ต้อง118เท่ากัน11882ก็ต้อง11882เท่ากันทุกตัวนึกออกนะกำหนดขนาดให้มันเท่ากันทุกตัวน่ะอยากได้เสือวิ่งเช่นๆๆตัวนี้ก(s)-ำหนดไซซ์Sizeแรกกำหนดที่...102.82HorizontalVertical102.82โอเคCropนะคะแล้วก็Saveเป็นT1อยvpj(-่)างนีk'ouh(-้)นะคะแล้วก็ย้อนกลับคืนมาตัวที่2ก็ทำเหมือนกันโอ๊ยอันนี้หาหางมันติดกันมันก็จะยากหนบา(-่)อส(ย)102กับ82นะคะนี่นะโอเคถ้าไม่อย่างนั้นก็คือนี่แหล-่ะใช้ให้เด็กๆไปที่เกมGameArt2Dนี-่ก-้(-็)ได้มันให้โหลดแต่ก็ไม่เยอะมันมีนี่มันมีรูปตัวนี้ๆๆๆตัวนี้ๆๆนะคะหาดูอย่างนี้นะคะFreeAssetsFreeSpriteหาคำว่าFreeFreeSpriteอย่างนี้นะคะเพราะไม่อย่างนั้นมันจะไม่ได้เดะ[เสียงหัวเราะ]มันจะไม่ได้มันจะไม่ได้ต้องหาคำว่าFreeSpriteอย่างเ(น)ด-ีย(-้)วเหมือนไม่รู้น้องเพนกวินนี่จะให้เยอะเท่าไหนตะมุตะมินี่ถ้ามันติดดาวนี่คือเสียเงินเราต้องดูที่เขาต้องไม่ติดดาวใช่ไหรือเปล่ม(า)ไอ้ตัวนี้ได้หมดแล้ว3of33หน้าแล้วเหร-ือไม่นะเราก็Searve(ch)ว่าFreeแล้วนะแต่ไม-่ให้ฟรีเรานะในFreepikหาหาFreeSpriteเลยหาทีFre(-่)eมันจะขึ้นFreeให้เราไหมเอ๊ะหรือว่าวันน-ี-้(-่)เราโหลดไปจนหมดโควต้าแล้วขึ้นแบบเสียสตางค์ทั้งนั้นเลยนะคะหาเพิ่มนะเด็กๆนะหาไว้ก่อนนะเพราะคราวหหน้ามันจะต่อด้วยเอาตัวนี้มาลงเช่นๆๆๆเจอรูปนะคะหาไว้บอกแล้วถ้าหาไม่ได้แล้วใช้วิธ-ีท-ี-่ที่บอกน่ะตัดไปทีละรูปนะคะโอเคนะคะเดี๋ยวสัปดาห์นี้เราจะพอแค่นี้ก่อนต่อกันในสัปดาห์หน้านะคะมีใครยังทำไม่ได้อีกรูปยังไม่พอดีกับกรอบนี่เปลี่ยนขนาดก่อน15001000สิ1800แป๊บหนึ่งๆ1800800นะประมาณนี้นะคะ1800กับ1600เสร็จแล้วก็Saveไว้โอเคค่ะสัปดาห์นี้พอแค่นี้[สิ้นสุดการถอดความ]
More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2024-03-19 16:34:53
- exported from : Accuracy Worker
- version :registry.rtt.in.th/spinsoft-transcription/backend_accuracy_worker:main-42d874d90e320e04ce26da7eb329f0d888006afc
- lib :character
- your normalize config
-IsFilter :true
-ToLower :false
-ToArabicNumber :true
-WordToNumber :false
-OrderAndSimilar :true
-ListRemove :
- alignment method :Hirschberg
- score weight :{"Match":5,"Mismatch":-1,"PartialMatch":2,"GapPenalty":-1}