Elaborazione di Khan Academy vs Lavorazione 2

Question

Così ho fatto questo su Khan-Academy e voglio metterlo sul mio sito web.

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

Per convertire questo in JavaScript, ho inserito il codice sottostante. Purtroppo ottengo l'errore: stai combinando le modalità attive e statiche.Perché questo funziona su Khan Academy elaborando e non nella normale elaborazione?Inoltre, quali altri modi posso scrivere questo per farlo funzionare?

//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

Ci sono diversi problemi con il tuo codice.Innanzitutto, non è possibile disporre delle chiamate di funzione al di fuori di draw() e generacodictagcode-Spostali all'interno del setup().In secondo luogo, non esiste una cosa come setup() nell'elaborazione, ma c'è mouseIsPressed.Inoltre, non hai bisogno di un punto e virgola dopo la preparazione di chiusura di mousePressed.Utilizza anche valori con codifica rigida di draw() per disegnare il rettangolo, mentre la finestra stessa è 400x500.Non dovresti usare numeri hard-codad come comunque, utilizzare le costanti 500 integrate e width.Infine, non usi mai la variabile height, quindi ho commentato.Ecco il codice che funziona (ed è pulito, formattazione-saggio).

//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);
}

.