처리 칸 아카데미 vs 처리 2

Question

그래서 나는 이것에는 칸 아카데미 및에 넣어 나 웹 사이트입니다.

https://www.khanacademy.org/cs/fade-away/4830224329998336

변환하는 이 자바 스크립트를 넣어 코드는 아래에서.불행하게도 오류를 얻을:당신은 혼합 활동 및 정적 모드가 있습니다.왜 이 작업에는 칸 아카데미 처리고지에서 정상적인 처리는?또한 무슨 다른 방법으로 쓸 수 있을까요?

//don't forget to click!!!
background(2, 3, 3);

strokeWeight(2);
var x = random;

void setup(){
  size(500,500);
}




void draw(){
   fill(0, 0, 0, 20);
   rect(0,0, 400,400);
    var randomSize = random(20, 60);

     if (mouseIsPressed) { 

        noStroke();
        fill(random(0, 255), random(0, 255), random(0, 255), 373);

        } 

    else {
        noStroke();
        fill(255, 0, 0, 15);
        randomSize=50;
    }
    ellipse(mouseX, mouseY, randomSize, randomSize);
};

Answer 1

몇 가지 문제가 있으로 귀하의 코드입니다.첫째,당신이 할 수있는 기능의 외부 통화 draw() 고 setup()-그게 무슨 일으키는"active vs static"오류가 있습니다.이동들을 내부의 setup().두 번째,같은 것은 없으로 mouseIsPressed 에서 처리하지만,거기에 mousePressed.당신은 또한 당신이 필요하지 않 세미콜론 후 닫기 버팀대의 draw().당신은 또한 사용 하드 코딩된 값의 400 그리는 직사각형 동안 창체 500x500.당신이 사용하지 않아야 하드 코딩과 같은 번호는 어쨌든,사용하는 내장 width 고 height 상수입니다.마지막으로,당신은 결코 사용하여 변수 x, 다,그래서 나는 주석니다.여기에서 작동하는 코드(및 청소되면,포맷명).

//don't forget to click!!!

void setup() {
  size(500, 500);
  background(2, 3, 3);
  strokeWeight(2);
  //var x = random;
}

void draw() {
  fill(0, 0, 0, 20);
  rect(0, 0, width, height);
  var randomSize = random(20, 60);
  noStroke();

  if (mousePressed) { 
    fill(random(0, 255), random(0, 255), random(0, 255), 373);
  }  else {
    fill(255, 0, 0, 15);
    randomSize=50;
  }
  ellipse(mouseX, mouseY, randomSize, randomSize);
}