Studyfin Studyfin ✨ Sign up free

Creative coding (art & animation)

Grade 7 · Coding · Free lesson

Welcome! Today we will learn how to make art with code and use our personal strengths to solve design challenges.

Creative coding lets you use computer programming to make beautiful art and animations. Instead of just writing text, you write instructions to draw shapes, colors, and movements on your screen.

When you code art, you might face bugs where your shapes do not go where you want. This is where you need personal traits like courage and confidence to keep trying and resolve challenges independently.

Setting clear goals helps you design step-by-step. If you want a bouncing ball, your first goal is to draw the ball, and your second goal is to make it move.

✏️ Worked example

Imagine you want to code a yellow star that spins in the center of a dark blue screen. How do you set goals and use your character traits to resolve design challenges independently?

  1. 1. Set a clear, simple goal first: Draw a dark blue background on your digital canvas.
  2. 2. Set your second goal: Draw a yellow star in the exact center of the screen.
  3. 3. Test your code. Oh no! The star is in the top-left corner instead of the center. This is a design challenge.
  4. 4. Show courage and confidence: Do not give up! Keep your head high and believe in your problem-solving skills.
  5. 5. Analyze the code independently: Check the X and Y coordinates. You find that they are set to (0, 0) instead of the center coordinates (200, 120).
  6. 6. Fix the code: Change the coordinates to center the star, then add the rotation command to make it spin successfully.
Want the full interactive lesson — quiz, animations, and Finn cheering them on?

More Coding lessons