processing.js를 사용하여 자바 스크립트에서 직사각형을 이동하는 속도 사용

Question

javascript 및 processing.js를 사용하여 간단한 pong 복제본을 만들고 있습니다. 저는 패들에 대한 클래스를 만들었습니다. 클래스는 플레이어가 제어 할 클래스를 만들기 위해 확장됩니다. 현재, 플레이어 제어 클래스 내에서 키보드 입력 처리를 구현하려고 시도하고 있습니다. 제 의도는 w 또는 s을 누르면 플레이어 클래스 내에서 pVector 변수로 표시되는 속도로 플레이어의 패들의 위치를 ​​업데이트한다는 것입니다.

그러나 해당 키를 누르면 현재 패들이 사라집니다.

스크립트

는 jsfiddle here에서 볼 수 있으며, 다음과 같이 내 코드입니다 : 내가 잘못 뭐하는 거지

// For reference 
    // standard rectangle constructor is: rect(x, y, width, height); 

    class Paddle 
    { 
     //width of paddle 
     float pWidth; 
     //height of paddle 
     float pHeight; 
     //initial paddle x coordinate 
     float x; 
     //initial paddle y coordinate 
     float y; 

     Paddle(float w, float h, float startX, float startY) 
     { 
      //set width 
      paddleWidth = w; 
      //set height 
      paddleHeight = h; 
      //set start x 
      x = startX; 
      //set start y 
      y = startY; 
     } 

     void update() 
     { 
     } 

     void draw() 
     { 
      //draw and fill rectangle with white 
      fill(255) 
      rect(x,y,paddleWidth,paddleHeight) 
     } 
    } 

    class Player extends Paddle 
    { 
     Player(float w, float h, float startX, float startY) 
     { 
      super(w,h,startX,startY); 
     } 
    } 

    class PlayerOne extends Paddle 
    { 
     pVector playerVelocity = (0,0); 

     PlayerOne(float w, float h, float startX, float startY) 
     { 
      super(w,h,startX,startY); 
     } 

     void update() 
     { 
      debugger; 

      if(keyPressed) 
      { 
       if(key == 'w') 
       { 
        y -= playerVelocity.y; 
       } 
       else if(key == 's') 
       { 
        y += playerVelocity.y; 
       } 
      }  
     } 
    } 


    //array list to hold the player paddles 
    ArrayList<Paddle> paddles = new ArrayList<Paddle>(); 
    //middle x and middle y 
    float mx, my, pw, ph; 

    void setup() 
    { 
     mx = width/2; 
     my = height/2; 
     pw = 10; 
     ph = 50; 

     player1 = new PlayerOne(pw,ph,10,10); 
     player2 = new Player(pw,ph,385,10); 

     paddles.add(player1); 
     paddles.add(player2); 

     size(400,400); 
    } 

    void draw() 
    { 
     background(0); 
     fill(100,100,0); 

     // update each paddle added to array list 
     for(Paddle p: paddles) 
     { 
      p.update(); 
      p.draw(); 
     } 
    } 

?

업데이트 : if(keyPressed) :

나는 키 누름에 조건 후 라인 debugger에 중단 점을 넣어. 키를 한 번 누르면 모든 이유로 업데이트가 반복적으로 감지됩니다.

Answer 1

Procesing IDE에서는 컴파일되지 않습니다 ... pVector 대신 PVector가되어야하지만 jsfiddle에서는 컴파일됩니다 ... 또한 PVectors에는 new을 사용해야합니다. 속도가 0이면 아무 움직임이 없을 것

PVector playerVelocity = new PVector(1,1); 

메모를, 그래서 나는 HTH