Emoji Pictures
Draw with emoji.
Emoji Pictures is a free Javascript for Kids lesson on CoddyKit — lesson 3 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Javascript for Kids learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
Draw With Emojis! 🖼️
Hi emoji artist! 🌟 You can make rows of emojis. Now let's draw pictures! 🖼️
By printing rows on top of each other, we make shapes and art! 🎨 Let's go!
Rows Make Pictures 🧱
A picture is just rows stacked on top of each other! 🧱
Each console.log is one row of our drawing. 🎨
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');Draw a Heart ❤️
Let's draw a simple heart shape! ❤️
Pick where to put the red blocks to make the shape. 💕
console.log('❤️⬜❤️');
console.log('❤️❤️❤️');
console.log('⬜❤️⬜');Draw a Tree 🌳
Let's grow an emoji tree! 🌳
Green leaves on top, brown trunk at the bottom. 🤎
console.log('⬜🌲⬜');
console.log('🌲🌲🌲');
console.log('⬜🟫⬜');Draw a Smiley Face 😊
Time for a happy face! 😊
Two eyes on top, a big smile underneath. 😄
console.log('👁️⬜👁️');
console.log('⬜👃⬜');
console.log('😁😁😁');Draw a House 🏠
Let's build an emoji house! 🏠
A pointy roof on top and walls below. 🧱
console.log('⬜🔺⬜');
console.log('🟥🟥🟥');
console.log('🟥🚪🟥');Save Rows in Boxes 📦
We can store each row in a box, then print them! 📦
This keeps our picture neat and tidy. ✨
let top = '⭐⭐⭐';
let middle = '⭐⬜⭐';
let bottom = '⭐⭐⭐';
console.log(top);
console.log(middle);
console.log(bottom);Draw a Rocket 🚀
3, 2, 1... let's draw a rocket! 🚀
Pointy top, body, and fire at the bottom! 🔥
console.log('⬜🔺⬜');
console.log('⬜🚀⬜');
console.log('🔥🔥🔥');A Picture Function 🤖
Let's make a function that draws our picture! 🤖
Call it anytime to show the art! 🎨
function drawCat() {
console.log('🐱🐱🐱');
console.log('🐱👀🐱');
console.log('🐱👅🐱');
}
drawCat();Draw a Rainbow Sky 🌈
Let's draw a happy sky scene! 🌈
Sun, clouds, and a rainbow all together! ☀️
console.log('☀️⬜☁️');
console.log('🌈🌈🌈');
console.log('🌳🏠🌳');You Drew Emoji Pictures! 🏆
Amazing art, picture maker! 🏆 You learned to:
- 🧱 Stack rows to make a picture
- 📦 Save rows in boxes
- 🤖 Use a function to draw art
Next lesson: make your OWN emoji art! 🎨
Quick Check ✅
Brain time! 🧠 How do we make an emoji picture on the screen?
Lesson Recap 🎀
Super job, emoji artist! 🎀 Today you learned:
- 🧱 Pictures are stacked rows
- 📦 Boxes keep rows tidy
- 🤖 A function can draw art
Next: your own emoji art! 🎨
Frequently asked questions
Is the “Emoji Pictures” lesson free?
Yes — the full text of “Emoji Pictures” is free to read here on the web, and the Javascript for Kids course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Javascript for Kids course, upgrade to CoddyKit PRO.
What will I learn in “Emoji Pictures”?
Draw with emoji. You practise Javascript for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Javascript for Kids?
No prior experience is required. Javascript for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 3 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Emoji Pictures” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Javascript for Kids lesson?
Yes. Every Javascript for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Printing Emojis
- Rows of Emojis
- Emoji Pictures
- Your Own Art