Цвета не меняются при нажатии кнопки. Пакет P5.JS - PullRequest
Новая
       55

Цвета не меняются при нажатии кнопки. Пакет P5.JS

1 голос
/ 20 сентября 2019

Итак, я делаю программу рисования для своего класса информатики на JavaScript с использованием пакета p5.js.Однако при изменении цвета между белым и черным, а также красным и черным цвет черной краски остается красным.Я пытался проверить, не связаны ли красные, белые и черные кнопки друг с другом, но мне не кажется, что это так.Вот Repl.it, если вы хотите попробовать это;https://repl.it/join/sarfsozb-aidendombrosky1 Вот код 

var sR = 0
var sG = 0
var sB = 0

function setup() {
    createCanvas(600, 600);
    background(255);
}

function draw() {
    //pallete buffer
    strokeWeight(1);
    stroke(0);
    fill(255);
    rect(0,0, 60, 600);
    stroke(0)
    strokeWeight(1)
    //red 
    fill(255, 0, 0);
    rect(0, 0, 50, 50);
    //green
    fill(0,255,0);
    rect(0,50,50,50);
    //blue
    fill(0,0,255);
    rect(0,100,50,50);
    //ereaser
    fill(255)
    rect(0,150,50,50); 
    //black
    fill(0);
    rect(0,200,50,50)

    // Buttons 
    //red button
    if (mouseIsPressed && mouseX > 0 && mouseX < 50 && mouseY > 0 && mouseY < 50) {
        sR = 255
        sG = 0
        sB = 0 
    } 

      //blue Button
    else if (mouseIsPressed && mouseX > 0 && mouseX < 50 && mouseY > 100 && mouseY < 150) {
        sR = 0
        sG = 0
        sB = 255
    }
    //green button
    else if (mouseIsPressed && mouseX > 0 && mouseX < 50 && mouseY > 50 && mouseY < 100) {
        sR = 0
        sG = 255
        sB = 0 
    } 

    //white
    else if (mouseIsPressed && mouseX > 0 && mouseX < 50 && mouseY > 150 && mouseY < 200) { 
        sR = 255
        sG = 255
        sB = 255
    }
    //black
    else if (mouseIsPressed && mouseX > 0 && mouseX < 50 && mouseY > 200 && mouseY < 250) {
        sG = 0
        sB = 0
        sG = 0
    }
}

function mouseDragged() {
    strokeWeight(10)
    stroke(sR, sG, sB)
    line(mouseX, mouseY, pmouseX, pmouseY);
}

function keyTyped() {
    if (key == 'e') {
        background(255)
    }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>

Если бы кто-нибудь мог помочь, это было бы здорово!

...