ภาพอีโมจิ
วาดภาพด้วยอีโมจิ
ภาพอีโมจิ เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
วาดด้วยอีโมจิ! 🖼️
สวัสดี ศิลปินอีโมจิ! 🌟 คุณสร้างแถวอีโมจิได้แล้ว ตอนนี้มาวาดภาพกันเถอะ! 🖼️
เมื่อแสดงผลแถวซ้อนกัน เราก็จะสร้างรูปร่างและงานศิลป์ได้! 🎨 ไปกันเลย!
แถวสร้างภาพ 🧱
ภาพหนึ่งภาพก็คือแถวที่วางซ้อนกันขึ้นไปเรื่อย ๆ! 🧱
แต่ละ console.log คือหนึ่งแถวของภาพวาดของเรา 🎨
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');วาดหัวใจ ❤️
มาวาดรูปร่างหัวใจแบบง่าย ๆ กันเถอะ! ❤️
เลือกตำแหน่งที่จะวางบล็อกสีแดงเพื่อสร้างรูปร่าง 💕
console.log('❤️⬜❤️');
console.log('❤️❤️❤️');
console.log('⬜❤️⬜');วาดต้นไม้ 🌳
มาปลูกต้นไม้อีโมจิกันเถอะ! 🌳
ใบไม้สีเขียวอยู่ด้านบน top และลำต้นสีน้ำตาลอยู่ด้านล่าง bottom 🤎
console.log('⬜🌲⬜');
console.log('🌲🌲🌲');
console.log('⬜🟫⬜');วาดใบหน้ายิ้ม 😊
ได้เวลาวาดใบหน้าที่มีความสุขแล้ว! 😊
ดวงตาสองข้างอยู่ด้านบน และรอยยิ้มกว้างอยู่ด้านล่าง 😄
console.log('👁️⬜👁️');
console.log('⬜👃⬜');
console.log('😁😁😁');วาดบ้าน 🏠
มาสร้างบ้านอีโมจิกันเถอะ! 🏠
หลังคาแหลมอยู่ด้านบน และผนังอยู่ด้านล่าง 🧱
console.log('⬜🔺⬜');
console.log('🟥🟥🟥');
console.log('🟥🚪🟥');เก็บแถวไว้ในกล่อง 📦
เราสามารถเก็บแต่ละ row ไว้ในกล่อง แล้วค่อยแสดงผลได้! 📦
วิธีนี้ช่วยให้ภาพของเราเป็นระเบียบเรียบร้อย ✨
let top = '⭐⭐⭐';
let middle = '⭐⬜⭐';
let bottom = '⭐⭐⭐';
console.log(top);
console.log(middle);
console.log(bottom);วาดจรวด 🚀
3, 2, 1... มาวาดจรวดกันเถอะ! 🚀
ส่วนยอดแหลม ลำตัว และไฟอยู่ด้านล่าง bottom! 🔥
console.log('⬜🔺⬜');
console.log('⬜🚀⬜');
console.log('🔥🔥🔥');ฟังก์ชันวาดภาพ 🤖
มาสร้างฟังก์ชันที่วาดภาพของเรากันเถอะ! 🤖
เรียกใช้ฟังก์ชันเมื่อใดก็ได้เพื่อแสดงงานศิลป์! 🎨
function drawCat() {
console.log('🐱🐱🐱');
console.log('🐱👀🐱');
console.log('🐱👅🐱');
}
drawCat();วาดท้องฟ้าสายรุ้ง 🌈
มาวาดฉากท้องฟ้าแสนสดใสกันเถอะ! 🌈
ทั้งดวงอาทิตย์ เมฆ และสายรุ้งอยู่ด้วยกัน! ☀️
console.log('☀️⬜☁️');
console.log('🌈🌈🌈');
console.log('🌳🏠🌳');คุณวาดภาพอีโมจิได้แล้ว! 🏆
งานศิลป์น่าทึ่งมาก นักสร้างภาพ! 🏆 คุณได้เรียนรู้วิธี:
- 🧱 วางแถวซ้อนกันเพื่อสร้างภาพ
- 📦 เก็บแถวไว้ในกล่อง
- 🤖 ใช้ฟังก์ชันวาดงานศิลป์
บทเรียนถัดไป: สร้างงานศิลป์อีโมจิของ OWN! 🎨
ตรวจสอบอย่างรวดเร็ว ✅
ได้เวลาคิดแล้ว! 🧠 เราจะสร้างภาพอีโมจิบนหน้าจอได้อย่างไร?
ทบทวนบทเรียน 🎀
เก่งมาก ศิลปินอีโมจิ! 🎀 วันนี้คุณได้เรียนรู้ว่า:
- 🧱 ภาพเกิดจากแถวที่วางซ้อนกัน
- 📦 กล่องช่วยจัดแถวให้เป็นระเบียบ
- 🤖 ฟังก์ชันสามารถวาดงานศิลป์ได้
ถัดไป: งานศิลป์อีโมจิของคุณเอง! 🎨
คำถามที่พบบ่อย
บทเรียน “ภาพอีโมจิ” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ภาพอีโมจิ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ภาพอีโมจิ”
วาดภาพด้วยอีโมจิ คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “ภาพอีโมจิ” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ