折れ線を描く

Frocessingを使って折れ線を描くサンプルです

forked:61
favorite:1
lines:62
license : MIT License
modified : 2010-10-18 09:55:11

Embed: Tweet

package 
{
    import frocessing.display.F5MovieClip2D;
    /**
     * 折れ線を描く
     * @author shmdmoto
     */
    public class GraphicExample extends F5MovieClip2D
    {
        public function setup() : void
        {
            background(128);
            drawGridGuide();
            // 塗りがあると自動的に閉じる
            beginShape();
            vertex(100,100);
            vertex(150,100);
            vertex(150, 50);
            vertex(200, 50);
            vertex(200,150);
            vertex(100,150);
            endShape();
            // 塗りが無いと閉じない
            noFill();
            strokeWeight(2);
            beginShape();
            vertex(300,100);
            vertex(350,100);
            vertex(350, 50);
            vertex(400, 50);
            vertex(400,150);
            vertex(300,150);
            endShape();
            // endShape(CLOSE)で閉じる
            noFill();
            beginShape();
            vertex(300,250);
            vertex(350,250);
            vertex(350,200);
            vertex(400,200);
            vertex(400,300);
            vertex(300,300);
            endShape(CLOSE);
        }
        // 以下は，位置をわかり安くする説明のため
        // 処理なので無視してください．
        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(300, 100,5,5);
            ellipse(350, 100,5,5);
            ellipse(350,  50,5,5);
            ellipse(400,  50,5,5);
            ellipse(400, 150,5,5);
            ellipse(300, 150,5,5);
            ellipse(300, 250,5,5);
            ellipse(350, 250,5,5);
            ellipse(350, 200,5,5);
            ellipse(400, 200,5,5);
            ellipse(400, 300,5,5);
            ellipse(300, 300,5,5);
        }
    }
}

Code Fullscreen

Preview Fullscreen