how to move a drawing in open processing

Question

I have created the image of a dinosaur in openprocessing.org using multiple lines of code. I want to move the dinosaur around the environment as a whole, but moveMouse fn only lets me use one shape at a time. Any advice?

Answer 1

use the translate function in conjunction with the mouseX/Y vars

function setup() {
    createCanvas(windowWidth, windowHeight);
    background(100);
}

function draw() {
    background(100); // Set background
    translate(mouseX, mouseY); // translate
    circle(0, 0, 20); // draw here
}