Coding for Kids · บทเรียน

ประตูและหน้าต่าง

เพิ่มรายละเอียด

ประตูและหน้าต่าง เป็นบทเรียน Coding for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Coding for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Coding for Kids มีบทเรียนทั้งหมด 4 บทเรียน

เพิ่ม DOOR และ WINDOWS! 🚪🪟

บ้านของเรามีผนังและหลังคาแล้ว แต่เราจะเข้าไปข้างในได้อย่างไรคะ 🤔 เราต้องมี DOOR ค่ะ!

และถ้าต้องการมองออกไปด้านนอก เราก็ต้องมี WINDOWS ค่ะ วันนี้มาเพิ่มรายละเอียดกันนะคะ 🏠✨

import turtle

t = turtle.Turtle()
t.forward(50)

เคลื่อนที่แบบ WITHOUT วาดเส้น 🖊️⬆️

หากต้องการวางประตูในตำแหน่งที่ถูกต้อง เราจะเคลื่อนที่โดย WITHOUT วาดเส้นค่ะ

t.penup() ยกปากกาขึ้น ส่วน t.goto(x, y) จะพาไปยังตำแหน่งหนึ่ง และ t.pendown() จะเริ่มวาดอีกครั้งค่ะ ✈️

import turtle

t = turtle.Turtle()
t.penup()
t.goto(50, 0)
t.pendown()
t.forward(40)

ประตูเป็นสี่เหลี่ยมผืนผ้าขนาดเล็ก 🚪

ประตูเป็นสี่เหลี่ยมผืนผ้าที่สูงและแคบ มีด้านยาว 2 ด้าน และด้านสั้น 2 ด้านค่ะ

เราจะวาดขึ้น วาดขวาง ลง และวาดขวางอีกครั้ง มาสร้างประตูกันค่ะ! 🚪

import turtle

t = turtle.Turtle()
t.left(90)
t.forward(60)
t.right(90)
t.forward(30)
t.right(90)
t.forward(60)

ระบายสีประตูเป็นสีน้ำตาล 🟤

ประตูมักทำจากไม้ เราจึงมาทำประตูของเราให้เป็นสีน้ำตาลกันค่ะ 🪵

ใช้ fillcolor('brown') ร่วมกับ begin_fill() และ end_fill() ครอบรอบส่วนที่วาดประตูค่ะ

import turtle

t = turtle.Turtle()
t.fillcolor('brown')
t.begin_fill()
t.left(90)
t.forward(60)
t.right(90)
t.forward(30)
t.right(90)
t.forward(60)
t.right(90)
t.forward(30)
t.end_fill()

หน้าต่างเป็นสี่เหลี่ยมจัตุรัสขนาดเล็ก 🪟

หน้าต่างเป็นสี่เหลี่ยมจัตุรัสเล็ก ๆ มี 4 ด้านเท่ากัน และมีขนาดเล็กกว่าบ้านค่ะ!

เราใช้ลูป for i in range(4): ร่วมกับคำสั่งเดินหน้าเป็นระยะสั้น ๆ ค่ะ

import turtle

t = turtle.Turtle()
for i in range(4):
    t.forward(30)
    t.left(90)

ทำหน้าต่างเป็นสีฟ้า 💙

หน้าต่างดูเหมือนกระจก เราจึงเติมสีฟ้าอ่อนให้หน้าต่างกันค่ะ 🪟

ใช้ fillcolor('lightblue') นะคะ กระจกจะเป็นประกายเลยค่ะ! ✨

import turtle

t = turtle.Turtle()
t.fillcolor('lightblue')
t.begin_fill()
for i in range(4):
    t.forward(30)
    t.left(90)
t.end_fill()

วางหน้าต่างด้วย goto 📍

หากต้องการวางหน้าต่างในตำแหน่งที่ถูกต้อง ให้ใช้ penup() จากนั้นใช้ goto(x, y) แล้วจึงใช้ pendown() ค่ะ

ตัวเลขจะบอกเต่าว่าต้องไปที่ไหนอย่างแม่นยำ นั่นคือ ซ้าย-ขวาเป็น x และขึ้น-ลงเป็น y ค่ะ! 🗺️

import turtle

t = turtle.Turtle()
t.penup()
t.goto(20, 50)
t.pendown()
t.fillcolor('lightblue')
t.begin_fill()
for i in range(4):
    t.forward(30)
    t.left(90)
t.end_fill()

หน้าต่างสองบาน! 🪟🪟

มาเพิ่มหน้าต่างไว้คนละด้านกันค่ะ เราวาดบานหนึ่ง เคลื่อนที่ไปด้านข้าง แล้ววาดอีกบานหนึ่ง

ใช้โค้ดหน้าต่างเดิมซ้ำได้เลย เพียงใช้ goto ไปยังตำแหน่งอื่นก่อนค่ะ! 📍

import turtle

t = turtle.Turtle()
t.fillcolor('lightblue')
for x in [-60, 40]:
    t.penup()
    t.goto(x, 50)
    t.pendown()
    t.begin_fill()
    for i in range(4):
        t.forward(30)
        t.left(90)
    t.end_fill()

เพิ่มกากบาทให้หน้าต่าง ➕

หน้าต่างจริงมักมีกากบาทอยู่ตรงกลาง มาเพิ่มเส้นแนวนอนหนึ่งเส้นและเส้นแนวตั้งหนึ่งเส้นกันค่ะ

เส้นเหล่านี้จะแบ่งหน้าต่างออกเป็นช่องเล็ก ๆ 4 ช่อง ละเอียดมากเลยค่ะ! 🪟

import turtle

t = turtle.Turtle()
t.fillcolor('lightblue')
t.begin_fill()
for i in range(4):
    t.forward(40)
    t.left(90)
t.end_fill()
t.penup()
t.goto(20, 0)
t.pendown()
t.goto(20, 40)

ลูกบิดประตู! 🔘

ประตูทุกบานต้องมีลูกบิดเพื่อเปิดประตูค่ะ! 🚪

เราจะวาดวงกลมเล็ก ๆ ที่เติมสีแล้ว ใช้ t.dot(8, 'gold') เพื่อสร้างลูกบิดสีทองอย่างรวดเร็วค่ะ! ✨

import turtle

t = turtle.Turtle()
t.fillcolor('brown')
t.begin_fill()
for i in range(4):
    t.forward(40)
    t.left(90)
t.end_fill()
t.penup()
t.goto(35, 20)
t.dot(8, 'gold')

ออกแบบประตูของคุณเอง! 🚪🎨

ถึงตาคุณแล้วค่ะ สร้างประตูด้วยสีโปรดของคุณเองนะคะ 🤩

เปลี่ยน 'purple' เป็นสีใดก็ได้ และเลือกว่าจะวางลูกบิดสีทองไว้ตรงไหนค่ะ! 🔘

import turtle

t = turtle.Turtle()
t.fillcolor('purple')
t.begin_fill()
t.left(90)
t.forward(60)
t.right(90)
t.forward(30)
t.right(90)
t.forward(60)
t.right(90)
t.forward(30)
t.end_fill()

ตรวจสอบอย่างรวดเร็ว ✅

ได้เวลาทายปัญหาเรื่องรายละเอียดแล้วค่ะ 🧠🚪

ประตูและหน้าต่างเสร็จแล้ว! 🚪🪟🎉

ยอดเยี่ยมค่ะ ตอนนี้บ้านของคุณมีรายละเอียดแล้ว! คุณได้เรียนรู้ว่า:

penup() และ pendown() ใช้เคลื่อนที่โดยไม่วาดเส้น ✈️
goto(x, y) ใช้กระโดดไปยังตำแหน่งหนึ่ง 📍
ประตูเป็นสี่เหลี่ยมผืนผ้า ส่วนหน้าต่างเป็นสี่เหลี่ยมจัตุรัสขนาดเล็ก 🟫🟦
t.dot(8, 'gold') ใช้สร้างลูกบิดประตู 🔘

ถัดไป: เพิ่มดวงอาทิตย์และท้องฟ้าเพื่อทำให้ฉากสมบูรณ์ค่ะ! ☀️

คำถามที่พบบ่อย

บทเรียน “ประตูและหน้าต่าง” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ประตูและหน้าต่าง” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Coding for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Coding for Kids มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ประตูและหน้าต่าง”

เพิ่มรายละเอียด คุณปฏิบัติ Coding for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Coding for Kids หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Coding for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน

บทเรียน “ประตูและหน้าต่าง” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Coding for Kids นี้ได้ไหม

ได้ บทเรียน Coding for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

← กลับไปที่ Coding for Kids