The code viewer is where you can see the code that brings you animations to life. Each action that you create has a line of code which contains a set of animation instructions.
Hover over an action in the action stack to see the relevant code snippet.
Go to tutorialThe action stack is where all actions are displayed. Actions can be re-ordered or deleted with a simple click and drag.
Customise by clicking into the action to launch the module editor.
Go to tutorialThe module editor is where you can really begin to have fun with your animations!
Customise the height of your characters jump, the speed of a movement and the direction of a spin! These are just some of the fun things that you can do!
All actions have a module editor, simply click an action to explore and customise.
Go to tutorialUse an IF statement to specify an action to play if a condition is true. In Code-It you can use IF to trigger animations based around the time of day.
e.g. make SpongeBob move left IF it is the morning.
Go to tutorialUse IF ELSE to specify an action to play if a condition is true; and an action to play if it is false. In Code-It you can use IF ELSE to trigger actions based on the time of the day.
e.g. make SpongeBob move left IF it is the morning, ELSE move right.
Go to tutorialUse a LOOP statement to make your action(s) repeat themselves. You can specify how many times you want to LOOP you action(s).
e.g. make SpongeBob bounce up and down 10 times.
Go to tutorialFlip your object horizontally to display the mirror image of the object. Flip is vertically to turn it upside down.
e.g. make your character stand on it’s head.
Go to tutorialControl the size and speed that your object can grow or shrink, both horizontally and vertically. This action is set to change the object size proportionally. Using the module editor you can maintain this, or have fun by stretching or squishing the object.
Go to tutorialControl the direction that your object spins around and the speed of the rotation.
e.g. spin your object around in a clockwise direction as fast as your can.
Go to tutorialControl the visibility of your objects by changing the opacity and the speed that it fades in and out.
e.g. make your object disappear and then re-appear, or hide it completely.
Go to tutorialControl the vertical and horizontal distance your object moves and the speed of the animation.
e.g. make your object zoom across the stage or jump really high!
Go to tutorialUse broadcast to send a signal to the objects on the stage. Broadcast makes objects take action if you’ve given them a listen command.
e.g. SpongeBob jumps up and down and then broadcasts ‘dance’. Patrik is on stage and is still, but secretly he is listening for SpongeBob to broadcast ‘dance’. As soon as ‘dance’ is broadcast, you can animate Patrick to dance (or do whatever action you like).
Go to tutorialUse wait to pause the animation for a period of time, it’s up to you how many second to wait.
e.g. make SpongeBob jump up, then wait 3 seconds before bringing him down.
Go to tutorialThe Advanced Code Editor is where you can gain greater control over your animations by editing the code itself! This is advanced functionality so make sure you are familiar with Code-It before attempting to use this functionality. As with the code viewer, each line of code has an associated action which directly controls your object. The more you use Code-It the more you will become familiar with these code-snippets, which is when the advanced editor really comes into it’s own. Make a quick tweak to an action or write an animation from scratch direction in the advanced editor, the choice is yours.
Make sure you keep an eye out for the error messages and prompts as your write your code, as these will help you learn and write your code.
Go to tutorialListen for a signal from an object on the stage. Broadcast makes objects take action if you’ve given them a listen command.
e.g. SpongeBob jumps up and down and then broadcasts ‘dance’. Patrik is on stage and is still, but secretly he is listening for SpongeBob to broadcast ‘dance’. As soon as ‘dance’ is broadcast, you can animate Patrick to dance (or do whatever action you like).
Go to tutorial