How to move an object with arrows

alexjilavu17

Hello, I've just started p5 programming and I'm really into it , but I can't figure out how to move an object with direction arrows. function setup(){ createCanvas(1250,1000); bug = new obj(); } function draw(){ background(50,89,100); bug.display(); stroke(255); if(keycode == LEFT_ARROW) bug.move(-this.speed,0); if(keycode == RIGHT_ARROW) bug.move(this.speed,0); if(keycode == UP_ARROW) bug.move(0,-this.speed); if(keycode == DOWN_ARROW) bug.move(0,this.speed); }

`function obj(){
    this.y=random(height);
    this.x=random(width);
    this.diameter=random(10,30);
    this.speed=10;
`

`this.move = function(posx,posy) {
        this.x+=posx;
        this.y+=posy;
  };
`

    `this.display = function(){
        ellipse(this.x,this.y,this.diameter,this.diameter);
    }
};

`

That's my code , but my object seems to be stuck in the canvas , not moving at all.

GoToLoop

https://forum.processing.org/two/discussion/15473/readme-how-to-format-code-and-text

http://p5js.org/reference/#/p5/keyIsDown

https://forum.Processing.org/two/discussions/tagged?Tag=keyisdown()

ChristerNilsson

x = 100
y = 200
dx = 0
dy = 0

setup = -> createCanvas 500,500

draw = ->
    background 0
    circle x,y,10,10
    x += dx
    y += dy

keyPressed = ->
    if keyCode == LEFT_ARROW then dx--
    if keyCode == RIGHT_ARROW then dx++
    if keyCode == UP_ARROW then dy--
    if keyCode == DOWN_ARROW then dy++

Tushar

Oh great. I needed this KeyIsDown a while ago. I kept confusing it with KeIsPressed.