Curba Bezier - Processing

Lista scripturi Script Nou Ajutor

ID	Autor	Duplicat din	Ultima modificare
`#347`	Candale Silviu (silviu)	bezierVertex();	Sambata, 18 iun 2016, 22:30

Acest script afișează modul în care este desenată o curbă Bezier.

O curbă Bezier este definită prin patru puncte:

două puncte ancoră, care vor reprezenta capetele curbei – cele colorate cu albastru
două puncte de control, care vor fi folosite pentru desenarea curbei – cele desenate cu gri.

Curba propriu-zisă este desenată cu albastru.

Mai multe detalii despre curbele Bezier!

function setup() {
	createCanvas(400, 400);
  	//noLoop();
}

var xA1 = 100, yA1 = 200, 	//primul punct ancoră
    xA2 = 300, yA2 = 200,	//al doilea punct ancoră
    xC1 = 100, yC1 = 100, 	//primul punct de control
    xC2 = 300, yC2 = 100;	//al doilea punct de control

var A1_selectat = false,
    A2_selectat = false,
    C1_selectat = false,
    C2_selectat = false;

function draw() {
  	background("white");
  	push();
  	fill("gray");
  	text("Mută punctele cu mouse-ul!",50,20);
  	pop();
  	noFill();
  
  	if(mouseIsPressed)
    {
    	if(C1_selectat)
          xC1 = mouseX, yC1 = mouseY;
      	if(C2_selectat)
          xC2 = mouseX, yC2 = mouseY;
      	if(A1_selectat)
          xA1 = mouseX, yA1 = mouseY;
      	if(A2_selectat)
          xA2 = mouseX, yA2 = mouseY;
    }
  
  
  	push();
  	stroke("blue");
  	strokeWeight(1);
  	ellipse(xA1, yA1, 8, 8);
  	ellipse(xA2, yA2, 8, 8);
  	pop();
  	
  	push();
  	stroke("gray");
  	fill("white");
  	strokeWeight(1);
  	line(xA1, yA1, xC1, yC1);
  	line(xA2, yA2, xC2, yC2);
  	ellipse(xC1, yC1, 8, 8);
  	ellipse(xC2, yC2, 8, 8);
  	pop();
  	
	
  	push()
    stroke("blue");
  	strokeWeight(3);
	bezier(xA1, yA1, xC1, yC1, xC2, yC2, xA2, yA2);

  	pop();
	
  	return false;
}

function mousePressed(){
  	if(dist(xC1, yC1, mouseX, mouseY) < 5)
      	C1_selectat = true;
  	if(dist(xC2, yC2, mouseX, mouseY) < 5)
      	C2_selectat = true;
  	if(dist(xA1, yA1, mouseX, mouseY) < 5)
      	A1_selectat = true;
  	if(dist(xA2, yA2, mouseX, mouseY) < 5)
      	A2_selectat = true;
  	return false;
}

function mouseReleased(){
  	if(A1_selectat){
      	if(xA1 < 0) xA1 = 0;
      	if(xA1 >= width) xA1 = width - 1;
      	if(yA1 < 0) yA1 = 0;
      	if(yA1 >= height) yA1 = height - 1;
		A1_selectat = false;
    }
  	if(A2_selectat){
      	if(xA2 < 0) xA2 = 0;
      	if(xA2 >= width) xA2 = width - 1;
      	if(yA2 < 0) yA2 = 0;
      	if(yA2 >= height) yA2 = height - 1;
		A2_selectat = false;
    }
  	if(C1_selectat){
      	if(xC1 < 0) xC1 = 0;
      	if(xC1 >= width) xC1 = width - 1;
      	if(yC1 < 0) yC1 = 0;
      	if(yC1 >= height) yC1 = height - 1;
		C1_selectat = false;
    }
  	if(C2_selectat){
      	if(xC2 < 0) xC2 = 0;
      	if(xC2 >= width) xC2 = width - 1;
      	if(yC2 < 0) yC2 = 0;
      	if(yC2 >= height) yC2 = height - 1;
		C2_selectat = false;
    }
  	
  	return false;
}

Du-te sus!