Caterpillar:

The inputs below are used to move the caterpillar within the red box, add different values to the two input boxes and the press the Create Caterpillar button to see the cartoon appear.

x:, y:

Butterfly

The inputs below are used to move the butterfly within the red box, add different values to the two input boxes and the press the Create Butterfly button to see the cartoon appear.

x: , y:

To make both appear use the Create Both button below. Now you can add your input values to all 4 input fields and see both cartoons move around the canvas.