Animate a sprite with costumes

Cycling through costumes on every tick creates the illusion of movement. Give your sprite at least two costumes, then loop through them with a short delay between each switch.

whenGreenFlag(() => {
  forever(() => {
    nextCostume();
    wait(0.1);
  });
});

The sprite steps through its costumes continuously. Adjust the wait value to control animation speed — 0.1 is fast, 0.5 is slow.

Note

forever runs indefinitely and never returns, so any code written after it in the same handler will never execute. Put all setup logic before the forever call.

Try this next

• Glide smoothly to a point — combine movement with animation for a walking sprite
• Show and hide a sprite — hide the sprite mid-animation for a blinking effect

Functions used

• whenGreenFlag — run code when the green flag is clicked
• forever — repeat a block of code indefinitely
• wait — pause the script for a number of seconds
• nextCostume — switch to the next costume

All recipes