曲線を描く
curveVertexを使った曲線を描くサンプルです.
/**
* Copyright shmdmoto ( http://wonderfl.net/user/shmdmoto )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/hwWk
*/
package
{
import frocessing.display.F5MovieClip2D;
/**
* 曲線を描く
* @author shmdmoto
*/
public class GraphicExample extends F5MovieClip2D
{
public function setup() : void
{
background(128);
drawGridGuide();
// 塗りがあると自動的に閉じる
noFill();
beginShape();
curveVertex( 50,200);
curveVertex(100,200);
curveVertex(150,150);
curveVertex(200,250);
curveVertex(250,180);
curveVertex(300,220);
curveVertex(350,130);
curveVertex(400,200);
curveVertex(450,200);
endShape();
}
// 以下は,位置をわかり安くする説明のための
// 処理なので無視してください.
public function drawGridGuide() : void
{
var x : int;
var y : int;
stroke(192,192,192);
for( x = 0 ; x < 465 ; x += 50 )
line( x, 0, x, 465);
for( y = 0 ; y < 465 ; y += 50 )
line( 0, y, 465, y);
stroke(0,0,0);
ellipse( 50, 200,5,5);
ellipse(100, 200,5,5);
ellipse(150, 150,5,5);
ellipse(200, 250,5,5);
ellipse(250, 180,5,5);
ellipse(300, 220,5,5);
ellipse(350, 130,5,5);
ellipse(400, 200,5,5);
ellipse(450, 200,5,5);
}
}
}