Studyfin Studyfin ✨ Sign up free

Creative coding (art & animation)

Grade 4 · Coding · Free lesson

Hi there! I am Studyfin, your coding buddy. Today, we will use code to make amazing art and animations!

Creative coding lets you use computer code to make art. Instead of drawing with a pencil, you write instructions to draw shapes, lines, and colors on your screen.

school

When coding art, things might not work on your first try. You can use courage and confidence to solve these challenges without giving up. Setting a small goal, like fixing just one shape, helps you succeed!

Goal: Make a Star!

To animate your art, you change where shapes are over time. By moving a shape just a little bit in a loop, you make it look like it is gliding across your screen.

Looping Motion
✏️ Worked example

Imagine you are coding a blue circle to slide across the screen. When you run your code, the circle does not move at all! Walk through how to solve this challenge using goal setting and confidence.

  1. First, stay calm and confident. Remind yourself that mistakes are just puzzles waiting to be solved.
  2. Next, set a clear goal. Your goal is to find why the circle is stuck and make it move.
  3. Look closely at your code line. Check if you wrote a changing variable for the circle's X position.
  4. You notice the X position is set to a flat number, like 100, instead of a changing variable.
  5. Change the code so the X position adds 5 on every frame of the loop.
  6. Test your code again. Watch with joy as your blue circle finally glides across the screen!
book
Want the full interactive lesson — quiz, animations, and Finn cheering them on?

More Coding lessons