FX

package keymotion;

import javafx.stage.*;
import javafx.animation.*;
import javafx.scene.input.*;
import javafx.scene.*;
import javafx.scene.text.*;
import javafx.scene.shape.*;
import javafx.scene.paint.*;


var currKey:String = "A";

var letterGroup = Group { };

var rect:Rectangle =  Rectangle {
    width:  500
    height: 500
    fill: Color.WHITE
    onMousePressed: function(e:MouseEvent) {
        rect.requestFocus();
    }
    onKeyPressed: function(e:KeyEvent) {
        currKey = e.text;
        var letter = FadeLetter {
            content: e.text
            startX: 250
            startY: 250
            };
            
        insert letter into letterGroup.content;
        letter.fade.play();
    }
};

var text = Text { 
    y: 500-30
    content: "type away"
    textOrigin: TextOrigin.BOTTOM
    font: Font { size: 40 } 
};


Stage {
    scene: Scene {
        content: [
            rect,
            letterGroup,
            text,
        ]

    }
}