Skip to content

Latest commit

 

History

History
181 lines (142 loc) · 2.73 KB

p13.md

File metadata and controls

181 lines (142 loc) · 2.73 KB

Boolean Variables

  • index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script>
  <script src="sketch.js"></script>
  <title>P5.js 연습</title>
</head>
<body>
  <h1>Boolean Variables</h1>
  
</body>
</html>
  • sketch.js
function setup() {
    createCanvas(600, 400);
}

function draw() {
    background(0);
    if (mouseIsPressed) {
        background(0, 255, 0);
    }

    stroke(255);
    strokeWeight(4);
    noFill();
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        fill(255, 0, 200);
    } 

    rectMode(CENTER);
    rect(300, 200, 100, 100);
}
  • sketch.js
 function setup() {
    createCanvas(600, 400);
}

function draw() {
    background(0);
    
    stroke(255);
    strokeWeight(4);
    noFill();
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        if (mouseIsPressed) {
            background(0, 255, 0);
        }
        fill(255, 0, 200);
    } 

    rectMode(CENTER);
    rect(300, 200, 100, 100);
}
  • sketch.js
let on = false;

function setup() {
    createCanvas(600, 400);
}

function draw() {
    if (on) {
        background(0, 255, 0);
    } else {
        background(0);
    }
    
    stroke(255);
    strokeWeight(4);
    noFill();
    rectMode(CENTER);
    rect(300, 200, 100, 100);
}

function mousePressed() {
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        on = true;
    }
}
  • sketch.js
let on = false;

function setup() {
    createCanvas(600, 400);
}

function draw() {
    if (on) {
        background(0, 255, 0);
    } else {
        background(0);
    }
    
    stroke(255);
    strokeWeight(4);
    noFill();
    rectMode(CENTER);
    rect(300, 200, 100, 100);
}

function mousePressed() {
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        if (on) {
            on = false;
        } else {
            on = true;
        }
    }
}
  • sketch.js
let on = false;

function setup() {
    createCanvas(600, 400);
}

function draw() {
    if (on) {
        background(0, 255, 0);
    } else {
        background(0);
    }
    
    stroke(255);
    strokeWeight(4);
    noFill();
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        fill(255, 0, 200);
    }
    rectMode(CENTER);
    rect(300, 200, 100, 100);
}

function mousePressed() {
    if (mouseX > 250 && mouseX < 350 && mouseY > 150 && mouseY < 250) {
        on = !on;
    }
}