Elaborazione di Khan Academy vs Lavorazione 2
-
23-12-2019 - |
Domanda
Così ho fatto questo su Khan-Academy e voglio metterlo sul mio sito web.
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);
};
. Soluzione
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 è 400
x500
.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);
}
.