How do i draw a shape to my mouseX and mouseY?

P14082003

Im making a "game" where you are in control of a ship and you have to avoid "asteroids". right now, it's quite simple, but it's barely my first game.

previusly, i was using a rect(); as a ship, but now im trying to use a shape based on this paint drawing:

but i dont know how to make it go where my mouse is!

any ideas? thanks in advance ;)

kfrajer

Check the reference for an example of PGraphics object: https://processing.org/reference/PGraphics.html

Then after you designed your ship in this object, you can draw it like this:

image(yourPGraphics, mouseX,mouseY);

Make sure you call imageMode(CENTER); and rectMode(CENTER); in your setup() function as these calls will make your task at hand easier.

Kf

jeremydouglass

@P14082003 --

A second option is, if you want to load a graphic of your ship rather than drawing it in processing, use loadImage() and then draw the ship with image() at your mouseX, mouseY location -- like this:

PImage ship;
void setup(){
  size(400,400);
  ship = loadImage("https://" + "forum.processing.org/two/uploads/imageupload/434/8CV7KEBRGLKS.png");
  imageMode(CENTER);
}

void draw(){
  background(255);
  image(ship, mouseX, mouseY);
}

• https://processing.org/reference/loadImage_.html
• https://processing.org/reference/image_.html
• https://processing.org/reference/mouseX.html

A third option is that you could load the ship graphic into the mouse cursor itself with cursor() -- but this is not very flexible if you want things other than the mouse to affect the location of the ship.

PImage ship;
void setup(){
  size(400,400);
  ship = loadImage("https://" + "forum.processing.org/two/uploads/imageupload/434/8CV7KEBRGLKS.png");
  imageMode(CENTER);
  cursor(ship, ship.width/2, ship.height/2);
}

void draw(){
  background(255);
}

• https://processing.org/reference/cursor_.html

P14082003

thanks kf,jeremy, both work perfectly ;)

P14082003

And, just like that, i got into assets :)

jeremydouglass

Great. Updated my answer to also give a cursor() example -- although image() is more flexible.

P14082003

wish people on stack exchange were as helpful as you..