何かをコード化してから何年も経ちましたが、今ではp5.jsを取得する必要があります。練習として、私は単純な描画プログラムを作ろうとしていました。私はプログラムをデフォルトで黒で描画し、画面の隅にある赤い四角形をクリックすると色を赤に変えました。私は次の非常にお粗末なコードを持っていました(私はマウスのプレスが正確に赤い四角形に並んでいないことを知っています、 '描画'の仕組みは最高ではありません、などです)私はちょうどそれを気にしていますatm)連続関数のグローバル変数を参照する(p5.js)
function setup() {
\t createCanvas(600, 600);
\t fill ('red');
\t rect(570,20,5,5);
//creates red rectangle at top right corner of screen
}
var color = 0;
function mousePressed(){
\t if (mouseX > 570) {
\t \t if(mouseY > 20){
\t \t \t color = 4;
\t \t \t ellipse (10,20,50,50);
\t \t }
\t \t
\t }
}
function draw() {
\t
stroke(color);
if (mouseIsPressed) {
\t ellipse(mouseX, mouseY, 1, 1)
\t //creates colored dot when mouse is pressed
}
}
function keyTyped(){
\t if (key === 'c'){
\t \t clear();
\t }
}
私は変数とだけではなく、0にストロークを設定する「色」を使用しない場合、私は十分に黒で描くことができます。そして、mousePressed関数が動作しているようです - 私が長方形を押すと、私はテストするために入れた楕円を描画します。しかし、私はdraw関数でvar 'color'を参照することができないようです - おそらく愚かな問題ですが、私は困惑していると認めます!私は間違って何をしていますか?