class PlayState extends FlxState {
    private var _s:FlxSpriteGroup = null;
    
    private var _scale:Int = 3;
    
    override public function create():Void {
        var s:FlxSprite = new FlxSprite();
        
        s.loadGraphic(AssetPaths.haxeui_invert__png);
        s.origin.set(0, 0);
        s.scale.set(_scale, _scale);
        
        _s = new FlxSpriteGroup();
        _s.clipRect = new FlxRect(0, 0, 50, 50);
        _s.add(s);
        
        var g = new FlxSpriteGroup();
        var t = new FlxText();
        t.origin.set(0, 0);
        t.scale.set(_scale, _scale);
        t.text = "Foo!";
        t.color = 0xFFFF0000;
        g.add(t);
        _s.add(g);
        
        add(_s);
        
        super.create();
    }
    
	override public function update(elapsed:Float):Void {
		super.update(elapsed);
        
        // uncommenting out _both_ these lines "fixes" the issue, but it needs both, which doesnt make alot of sense to me
        //_s.origin.set(_s.frameWidth * 0.5, _s.frameHeight * 0.5);
        //_s.origin.set(0, 0);
        
        if (FlxG.keys.pressed.RIGHT) {
            _s.x += 1;
        } else if (FlxG.keys.pressed.LEFT) {
            _s.x -= 1;
        }
        
        if (FlxG.keys.pressed.DOWN) {
            _s.y += 1;
        } else if (FlxG.keys.pressed.UP) {
            _s.y -= 1;
        }
        
        if (FlxG.keys.pressed.D) {
            _s.clipRect.x += 1;
            _s.clipRect = _s.clipRect;
        } else if (FlxG.keys.pressed.A) {
            _s.clipRect.x -= 1;
            _s.clipRect = _s.clipRect;
        }
        
        if (FlxG.keys.pressed.S) {
            _s.clipRect.y += 1;
            _s.clipRect = _s.clipRect;
        } else if (FlxG.keys.pressed.W) {
            _s.clipRect.y -= 1;
            _s.clipRect = _s.clipRect;
        }
    }
}