Pixel
First, a quick hello
Ryan — Software Lead

Hi! I'm a software engineer and lead.

What I do

I write code every day.

Big problems, small problems

From comics… to sound.

A story you can code

Hello,
Storytellers!

with Mr./Ms. ____

Meet our friend

This is Pixel.

Right now Pixel is just a shape.
Pixel doesn't know what to do… yet.

Give Pixel a sequence
Pixel's Program
…click to add an instruction
1👀 Wake up
2🎨 Add color
3😀 Add a smile
4⬆️ Hop ×3

That's a sequence!

Steps, in order, that bring our character, Pixel, to life.

So… who am I?

Mr./Ms. ____

Software Engineer

I tell stories with…

✏️Words
🎨Picturesme!
💻Codeme!
Let's try it in real life

Shoes… or socks first?

1👟 Put on shoes
2🧦 Put on socks

Watch me try it this way… is that right?

From plan to project

Let's plan a story.

Before I draw a comic, I plan it — every story has a beginning, a middle, and an end.

My storyboard ✏️ Pixel reaches the star ⭐
Storyboard beginning
1. Beginning
1look up
2see star
Storyboard middle
2. Middle
3build steps and climb
Step 4 — which one gets Pixel to the star? 🤔
4😴 take a nap
4⬇️ climb down
4⬆️ jump
Storyboard end
3. End
5reach star
6celebrate
🐛 BUG! Climbing DOWN goes away from the star — let's try again!
A secret about making things
First draft ✏️
First draft sketch
Final version ✨
Final Pixel drawing

My first try is always messy. I just keep making it better.

Now you are
the storyteller.

What is your character doing in ScratchJr?

Stuck? That's just your first draft.

You are a storyteller!

Pencil or computer — plan it, try it, fix the bugs, make it better.

click or space to continue