JavaFX Dynamic Selection Using Polygon

Contoh membuat seleksi map dengan menggunakan polygon, lihat demo berikut ( a video is worth more than a thousands words :P )

klik kiri untuk membuat polygon, dan klik kanan sebagai titik terakhir.
sourcecode:

package selectarea;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.input.MouseButton;
import javafx.scene.shape.Polygon;
import javafx.scene.paint.Color;
import javafx.scene.Group;
import javafx.scene.input.MouseEvent;
import javafx.scene.image.*;

/**
 * @author Muhammad Hakim A <hakimrie[at]gmail.com>
 */

var points:Number[];
var nextpoint:Number[];
var end:Boolean = false;
var polygon = Polygon {
        points : bind [points, nextpoint];
        fill: Color.YELLOW
        stroke: Color.BLUE
        opacity: 0.5
    }
var a:String;

var group = Group {
        content: bind [ImageView {
                x: 0, y: 0
                image: Image{
                    url: "{__DIR__}mountainview.jpg"
                }

                onMouseClicked: function( e: MouseEvent ):Void {
                    var p = [e.x,e.y];
                    insert p into points;

                    if (e.button == MouseButton.SECONDARY)
                        end = true;
                }

                onMouseMoved: function( e: MouseEvent ):Void {
                    if (not end)
                        nextpoint = [e.x,e.y];
                }
            },polygon
        ]
}

Stage {
    title: "Select Area"
    width: 800
    height: 500
    scene: Scene {
        content:bind group
    }
}