"Grafic - Functie de gradul 1" - Processing

ID	Autor	Duplicat din	Ultima modificare
`#3419`	Takacs Robert (RoTak)	-	Duminica, 01 dec 2019, 21:06
class Slider{
 constructor(y, min, max){
  this.x = 0;
  this.y = y;
  this.value = 0;
  this.min = min;
  this.max = max;
 }
 
 show()
 {
  push();
  strokeWeight(10);
  stroke(255);
  line(this.x + 295, this.y - 8, this.x + 295, this.y + 8);
  pop();
 }
 
 update(val)
 {
  this.value = map(val, 225, 365, this.min, this.max, true); 
  this.x = map(val, 225, 365, -70, 70);
  
  return this.value;
 }
 
}

let sliderA = new Slider(360, -5, 5);
let sliderB = new Slider(385, -175, 175);
let minVAL = -200;
let maxVAL = 200;

function setup() {
  createCanvas(400, 400);
  textAlign(CENTER);
}

let a = 0, b = 0;
function draw() {
  background(0);
  push();
  translate(200, 200);
  stroke("#8E8E8E44");
  
  
  line(-195, 0, 195, 0);
  line(0, -195, 0, 195);
  
  textSize(10);
  stroke(255);
  for(let i = -175; i <= 175; i += 25)
    {
     if(i == 0)
       {
        text(0, -5, 10)
        continue;
       }
     strokeWeight(1);
     stroke(255);
     line(i, -2, i, 2);
     line(-2, i, 2, i);
     fill(255);
     noStroke();
     text(i, i, 13);
     text(-i, -13, i + 3);
    }
    
    stroke(255, 0, 0);
    line(minVAL, -a * minVAL - b, maxVAL,  -a * maxVAL - b);
    
    
    
  
  
  pop();
  fill(255);
  text("a", 215, 365);
  text("b", 215, 390);
  textSize(10);
  text(floor(4 * a) / 4, 380, 365);
  text(floor(4 * b) / 4, 380, 390);
  textSize(15);
  fill("#5D5B67");
  rect(225, 350, 140, 20);
  rect(225, 375, 140, 20);
  sliderA.show();
  sliderB.show();
  
}

function mousePressed()
{
  push();
 if(mouseX >= 225 && mouseX <= 365 && mouseY >= 350 && mouseY <= 370)
   {
      a = sliderA.update(mouseX);
   }
 if(mouseX >= 225 && mouseX <= 365 && mouseY >= 375 && mouseY <= 395)
   {
     b = sliderB.update(mouseX);
   }
  pop();
}