[proto] add game event proto messages

.editorconfig

@@ -0,0 +1,9 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true

ansible/ansible.cfg

@@ -3,7 +3,9 @@ hash_behaviour = merge
 host_key_checking = False
 #callback_whitelist = profile_tasks
 display_skipped_hosts = False
+stdout_callback = yaml
+bin_ansible_callbacks = True
 
 [ssh_connection]
 pipelining = True
-ssh_args = -o ForwardAgent=yes
+ssh_args = -o ForwardAgent=yes

ansible/roles/build/tasks/main.yml

@@ -6,6 +6,6 @@
     remote_src: true
 
 - name: "Gulp build"
-  command: "/usr/local/lib/npm/bin/gulp default"
+  command: "/usr/local/lib/npm/bin/gulp default --host shmyga.ru"
   args:
     chdir: "{{ deploy_release_dir }}"

gulpfile.js

@@ -4,7 +4,7 @@ const Config = require('./config.json');
 const packageInfo = require('./package.json');
 const {Sdk, Haxe, Project, FlashPlayer} = require('gulp-haxetool');
 const dateformat = require('dateformat');
-
+const argv = require('yargs').argv;
 
 // ToDo: update default in gulp-haxetool
 FlashPlayer.VERSION = '32';
@@ -48,12 +48,17 @@ const config = new Project.Config({
     assets: [
         'src/common/resources'
     ],
+    flags: [
+        //'proto_debug',
+    ],
     macros: [
-        //'yield.parser.Parser.auto()',  // ToDo: bug with extraParams.hxml in yield library
         `CompilationOption.set('build','${dateformat(new Date(), 'yyyy-mm-dd HH:MM:ss')}')`,
     ]
 });
 
+const host = argv.host || 'localhost';
+const port = argv.port || 5000;
+
 /**
  * client
  */
@@ -78,10 +83,15 @@ const client = new Project(
             height: 768,
         },
         flags: [
+            //'proto_debug',
             //'dom',
             //'dev_layout',
             //'bitmap_text',
         ],
+        macros: [
+            `CompilationOption.set('host','${host}')`,
+            `CompilationOption.set('port',${port})`,
+        ]
     }),
     module.exports.generate
 ).bind(module, gulp);
@@ -125,7 +135,8 @@ const server = new Project(
         name: 'server',
         sources: ['src/server/haxe'],
         main: 'ru.m.tankz.server.Server',
-    })
+    }),
+    module.exports.generate
 ).bind(module, gulp);
 
 /**
@@ -144,5 +155,5 @@ module.exports.default = gulp.series(
     module.exports['editor:flash:html'],
     module.exports['editor:html5:build'],
 
-    //module.exports['server:neko:build'],
+    module.exports['server:neko:build'],
 );

package.json

@@ -1,18 +1,19 @@
 {
     "name": "tankz",
-    "version": "0.11.0",
+    "version": "0.14.2",
     "private": true,
     "devDependencies": {
         "dateformat": "^3.0.3",
         "gulp": "^4.0.0",
         "gulp-add": "0.0.2",
         "gulp-clean": "^0.4.0",
-        "gulp-haxetool": "^0.0.17"
+        "gulp-haxetool": "^0.0.19",
+        "yargs": "^13.2.4"
     },
     "haxeDependencies": {
         "haxework": "git@bitbucket.org:shmyga/haxework.git",
-        "lime": "7.3.0",
+        "lime": "7.5.0",
-        "openfl": "8.9.0",
+        "openfl": "8.9.1",
         "hxcpp": "4.0.8",
         "promhx": "1.1.0",
         "protohx": "0.4.6",

protohx.json

@@ -3,9 +3,10 @@
   "protoFiles": [
     "src/common/proto/core.proto",
     "src/common/proto/game.proto",
+    "src/common/proto/room.proto",
     "src/common/proto/pack.proto"
   ],
   "cleanOut": true,
   "haxeOut": "src-gen/haxe",
   "javaOut": null
-}
+}

src/client/haxe/ru/m/display/DisplayObjectContainerExtender.hx

@@ -0,0 +1,14 @@
+package ru.m.display;
+
+import flash.display.DisplayObject;
+import flash.display.DisplayObjectContainer;
+
+class DisplayObjectContainerExtender {
+
+    public static function removeChildSafety(self:DisplayObjectContainer, child:DisplayObject):DisplayObject {
+        if (self.contains(child)) {
+            return self.removeChild(child);
+        }
+        return null;
+    }
+}

src/client/haxe/ru/m/tankz/Client.hx

@@ -1,23 +1,21 @@
 package ru.m.tankz;
 
-import ru.m.tankz.view.ClientView;
 import flash.Lib;
 import haxework.animate.Animate;
-import haxework.view.Root;
 import haxework.log.TraceLogger;
-#if flash import haxework.log.JSLogger; #end
+import haxework.view.Root;
-#if debug import haxework.log.SocketLogger; #end
+import ru.m.tankz.view.ClientView;
 
 class Client {
-    private static inline var TAG = 'Tankz';
+    private static inline var TAG = "Tankz";
 
     public static function main() {
         L.push(new TraceLogger());
         #if flash
-        L.push(new JSLogger());
+        L.push(new haxework.log.JSLogger());
         #end
         #if debug
-        //L.push(new SocketLogger());
+        //L.push(new haxework.log.SocketLogger());
         #end
         Const.init();
         Init.init();
@@ -32,5 +30,10 @@ class Client {
         var view:ClientView = new ClientView();
         Root.bind(view);
         view.launch();
+
+        #if debug
+        var fps = new openfl.display.FPS(0, 0, 0x00ff00);
+        Lib.current.addChild(fps);
+        #end
     }
 }

src/client/haxe/ru/m/tankz/Init.hx

@@ -10,21 +10,14 @@ import ru.m.tankz.bundle.ConfigBundle;
 import ru.m.tankz.bundle.IConfigBundle;
 import ru.m.tankz.bundle.ILevelBundle;
 import ru.m.tankz.bundle.LevelBundle;
-import ru.m.tankz.control.ClientControlFactory;
-import ru.m.tankz.control.IControlFactory;
 import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.proto.pack.Request;
 import ru.m.tankz.proto.pack.Response;
 import ru.m.tankz.sound.SoundManager;
 import ru.m.tankz.storage.GameStorage;
-import ru.m.tankz.storage.MultiplayerStorage;
+import ru.m.tankz.storage.NetworkStorage;
 import ru.m.tankz.storage.RecordStorage;
 import ru.m.tankz.storage.SettingsStorage;
-#if flash
-import flash.Lib;
-#elseif html5
-import js.Browser;
-#end
 
 class Init {
 
@@ -32,28 +25,24 @@ class Init {
     @:provide static var levelBundle:ILevelBundle;
     @:provide static var configBundle:IConfigBundle;
     @:provide static var settingsStorage:SettingsStorage;
-    @:provide static var multiplayerStorage:MultiplayerStorage;
+    @:provide static var multiplayerStorage:NetworkStorage;
     @:provide static var gameStorage:GameStorage;
     @:provide static var recordStorage:RecordStorage;
     @:provide static var soundManager:SoundManager;
     @:provide static var networkManager:NetworkManager;
-    @:provide static var controlFactory:IControlFactory;
     @:provide static var popupManager:PopupManager;
     @:provide static var connection:IConnection<Request, Response>;
 
-    private static function getHost():String {
+    private static function buildConnection():IConnection<Request, Response> {
+        var host:String = CompilationOption.get("host");
+        var port:Int = CompilationOption.get("port");
+        L.d("Init", 'connect to $host:$port');
         #if flash
-        var url = Lib.current.loaderInfo.url;
+        return new ru.m.connect.flash.FlashConnection<Request, Response>(host, port, Response);
-        var r:EReg = ~/(app|https?):\/\/?([-_\w\d\.]+)(:\d+)?\/?/;
-        if (r.match(url) && !(r.matched(1) == "app")) {
-            return r.matched(2);
-        } else {
-            return "localhost";
-        }
         #elseif html5
-        return Browser.location.hostname;
+        return new ru.m.connect.js.JsConnection<Request, Response>(host, port + (ru.m.connect.js.JsConnection.isSecured() ? 1 : 0), Response);
         #else
-        return "localhost";
+        return new ru.m.connect.desktop.DesktopConnection<Request, Response>(host, port, Response);
         #end
     }
 
@@ -62,25 +51,16 @@ class Init {
         levelBundle = new LevelBundle();
         configBundle = new ConfigBundle();
         settingsStorage = new SettingsStorage();
-        multiplayerStorage = new MultiplayerStorage();
+        multiplayerStorage = new NetworkStorage();
         gameStorage = new GameStorage();
         recordStorage = new RecordStorage();
         soundManager = new SoundManager();
-        controlFactory = new ClientControlFactory();
         popupManager = new PopupManager();
 
         popupManager.showAnimateFactory = function(v) return new UnFadeAnimate(v, 100);
         popupManager.closeAnimateFactory = function(v) return new FadeAnimate(v, 100);
 
-        var host:String = getHost();
+        connection = buildConnection();
-        L.d('Init', 'host: ${host}');
-        #if flash
-        connection = new ru.m.connect.flash.FlashConnection<Request, Response>(host, 5000, Response);
-        #elseif html5
-        connection = new ru.m.connect.js.JsConnection<Request, Response>(host, 5000, Response);
-        #else
-        connection = new ru.m.connect.fake.FakeConnection<Request, Response>(Response);
-        #end
         networkManager = new NetworkManager();
     }
 }

src/client/haxe/ru/m/tankz/Style.hx

@@ -22,6 +22,7 @@ class Style {
     public static var darkColor = 0x777564;
     public static var textColor = 0xE7E0BB;
     public static var activeColor = 0xFFFF00;
+    public static var borderColor = ColorUtil.multiply(lightColor, 1.5);
 
     public static var baseFontSize = 18;
     public static var bigFontSize = 22;
@@ -45,6 +46,14 @@ class Style {
         ]);
     }
 
+    public static function textBox(color:Int):SkinSet {
+        return [
+            Skin.color(0x000000, 0.1),
+            Skin.border(lightColor, 1, 2),
+            Skin.text(color, baseFontSize, fontFamily, fontEmbed),
+        ];
+    }
+
     public static function register(font:Font = null):Void {
         resources.color.put("light", lightColor);
         resources.color.put("dark", darkColor);
@@ -111,7 +120,7 @@ class Style {
             Skin.geometry(new Geometry().setPadding([25, 8])),
         ]);
         resources.skin.put("border", [
-            Skin.border(ColorUtil.multiply(lightColor, 1.5), 1, 2),
+            Skin.border(borderColor, 1, 2),
         ]);
         resources.skin.put("scroll", [
             Skin.scrollVertical(lightColor, ColorUtil.diff(lightColor, 128)),
@@ -134,17 +143,22 @@ class Style {
         ]);
         resources.skin.put("window", [
             Skin.color(darkColor),
-            Skin.border(ColorUtil.multiply(lightColor, 1.5), 1, 2),
+            Skin.border(borderColor, 1, 2),
             Skin.geometry(new Geometry().setPadding(2)),
         ]);
         resources.skin.put("window.close", [
             Skin.size(36, 36),
             new ButtonSVGSkin(Assets.getText("resources/image/icon/window-close-solid.svg"), lightColor),
         ]);
+        resources.skin.put("line", [
+            Skin.color(borderColor),
+        ]);
 
         registerButton("settings", "cog-solid.svg");
         registerButton("close", "times-circle-solid.svg");
         registerButton("next", "arrow-alt-circle-right-solid.svg");
         registerButton("start", "play-circle-solid.svg");
+        registerButton("login", "sign-in-solid.svg");
+        registerButton("logout", "sign-out-solid.svg");
     }
 }

src/client/haxe/ru/m/tankz/bundle/ConfigBundle.hx

@@ -16,7 +16,7 @@ class ConfigBundle implements IConfigBundle {
     public function get(type:GameType):Config {
         if (!_cache.exists(type)) {
             var source:ConfigSource = Yaml.parse(Assets.getText('resources/${type}/config.yaml'), Parser.options().useObjects());
-            _cache.set(type, new Config(type, source.game, source.map, source.bricks, source.presets, source.points, source.tanks, source.bonuses));
+            _cache.set(type, Config.fromSource(type, source));
         }
         return _cache.get(type);
     }

src/client/haxe/ru/m/tankz/control/ActionConfig.hx

@@ -18,7 +18,7 @@ class ActionConfig {
     }
 
     public function asKeyBinding():KeyBinding {
-        var result = new Map<Int, TankAction>();
+        var result = new KeyBinding();
         for (item in data) {
             result[item.key] = item.action;
         }

src/client/haxe/ru/m/tankz/control/ClientControlFactory.hx

@@ -1,22 +0,0 @@
-package ru.m.tankz.control;
-
-import ru.m.tankz.bot.StupidBotControl;
-import ru.m.tankz.bot.HardBotControl;
-import ru.m.tankz.Type;
-
-class ClientControlFactory implements IControlFactory {
-
-    public function new() {}
-
-    public function build(id:PlayerId, controller:Controller):Control {
-        return switch controller {
-            case HUMAN(index): new HumanControl(id, index);
-            case BOT(type): switch type {
-                case StupidBotControl.BOT_TYPE: new StupidBotControl(id);
-                case HardBotControl.BOT_TYPE: new HardBotControl(id);
-                case _: null;
-            }
-            case NONE: null;
-        }
-    }
-}

src/client/haxe/ru/m/tankz/control/HumanControl.hx

@@ -3,7 +3,6 @@ package ru.m.tankz.control;
 import flash.events.FocusEvent;
 import flash.events.KeyboardEvent;
 import flash.Lib;
-import flash.ui.Keyboard;
 import haxe.Timer;
 import ru.m.tankz.control.ActionConfig;
 import ru.m.tankz.control.Control;
@@ -21,10 +20,20 @@ class HumanControl extends Control {
     public function new(playerId:PlayerId, controlIndex:Int) {
         super(playerId);
         this.keyBinding = storage.getActionConfig(controlIndex).asKeyBinding();
-        moveQueue = new Array<Int>();
+        moveQueue = [];
+    }
+
+    override public function start():Void {
+        super.start();
         Lib.current.stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
         Lib.current.stage.addEventListener(KeyboardEvent.KEY_UP, onKeyUp);
-        //Lib.current.stage.addEventListener(FocusEvent.FOCUS_OUT, onFocusOut);
+    }
+
+    override public function stop():Void {
+        super.stop();
+        Lib.current.stage.removeEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
+        Lib.current.stage.removeEventListener(KeyboardEvent.KEY_UP, onKeyUp);
+        moveQueue = [];
     }
 
     private function onKeyDown(event:KeyboardEvent):Void {

src/client/haxe/ru/m/tankz/local/LocalControlFactory.hx

@@ -0,0 +1,13 @@
+package ru.m.tankz.local;
+
+import ru.m.tankz.control.BaseControlFactory;
+import ru.m.tankz.control.Control;
+import ru.m.tankz.control.HumanControl;
+import ru.m.tankz.Type;
+
+class LocalControlFactory extends BaseControlFactory {
+
+    override private function buildHuman(id:PlayerId, index:Int):Control {
+        return new HumanControl(id, index);
+    }
+}

src/client/haxe/ru/m/tankz/local/LocalGame.hx

@@ -0,0 +1,31 @@
+package ru.m.tankz.local;
+
+import ru.m.tankz.local.LocalControlFactory;
+import ru.m.tankz.game.GameEvent;
+import ru.m.tankz.game.GameRunner;
+import ru.m.tankz.game.GameState;
+import ru.m.tankz.game.record.GameRecorder;
+import ru.m.tankz.storage.RecordStorage;
+
+class LocalGame extends GameRunner {
+    @:provide var recordStorage:RecordStorage;
+    private var recorder:GameRecorder;
+
+    public function new(state:GameState) {
+        super(state);
+        controlFactory = new LocalControlFactory();
+        recorder = new GameRecorder();
+        connect(recorder);
+    }
+
+    override public function onGameEvent(event:GameEvent):Void {
+        super.onGameEvent(event);
+        switch event {
+            case GameEvent.COMPLETE(_, _):
+                disconnect(recorder);
+                recorder.onGameEvent(event); //ToDo:
+                recordStorage.save(recorder.record);
+            case _:
+        }
+    }
+}

src/client/haxe/ru/m/tankz/network/NetworkControl.hx

@@ -1,14 +1,16 @@
-package ru.m.tankz.control;
+package ru.m.tankz.network;
 
+import ru.m.tankz.control.HumanControl;
 import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.control.Control;
 
-
+class NetworkControl extends HumanControl {
-class ClientNetworkControl extends HumanControl {
 
     @:provide private var network:NetworkManager;
 
     override public function action(action:TankAction):Void {
-        network.action(action);
+        if (tankId > -1) {
+            network.action(tankId, action);
+        }
     }
 }

src/client/haxe/ru/m/tankz/network/NetworkControlFactory.hx

@@ -0,0 +1,16 @@
+package ru.m.tankz.network;
+
+import ru.m.tankz.control.BaseControlFactory;
+import ru.m.tankz.control.Control;
+import ru.m.tankz.Type;
+
+class NetworkControlFactory extends BaseControlFactory {
+
+    override private function buildHuman(id:PlayerId, index:Int):Control {
+        return new NetworkControl(id, index);
+    }
+
+    override private function buildBot(id:PlayerId, type:String):Control {
+        return null;
+    }
+}

src/client/haxe/ru/m/tankz/network/NetworkGame.hx

@@ -0,0 +1,54 @@
+package ru.m.tankz.network;
+
+import haxe.Unserializer;
+import ru.m.tankz.game.Game;
+import ru.m.tankz.game.GameEvent;
+import ru.m.tankz.game.GameState;
+import ru.m.tankz.network.NetworkControlFactory;
+import ru.m.tankz.network.NetworkManager;
+import ru.m.tankz.proto.pack.GameEventResponse;
+import ru.m.tankz.proto.room.RoomSlotProto;
+
+class NetworkGame extends Game {
+
+    private var network:NetworkManager;
+
+    public function new(network:NetworkManager) {
+        super(new GameState(network.room.game.type, 0, network.room.game.level));
+        this.network = network;
+        this.controlFactory = new NetworkControlFactory();
+        network.gameEventSignal.connect(onGameEventProto);
+        network.stateSignal.connect(onConnectionState);
+    }
+
+    private function onGameEventProto(game:GameEventResponse):Void {
+        var time = game.event.time;
+        var eventStr = game.event.event;
+        var event:GameEvent = Unserializer.run(eventStr);
+        gameEventSignal.emit(event);
+    }
+
+    private function onConnectionState(state:ConnectionState):Void {
+        switch state {
+            case ONLINE(user):
+                if (network.room != null) {
+                    network.joinGame(network.room.game.id);
+                }
+            case _:
+        }
+    }
+
+    override public function start():Void {
+        var slot:RoomSlotProto = Lambda.find(network.room.slots, function(slot:RoomSlotProto) return slot.hasUser() && slot.user.uuid == network.user.uuid);
+        if (slot != null) {
+            state.controls.push({playerId: [slot.slot.team, slot.slot.index], control: "human-0"});
+        }
+        super.start();
+    }
+
+    override public function dispose():Void {
+        super.dispose();
+        network.gameEventSignal.disconnect(onGameEventProto);
+        network.stateSignal.disconnect(onConnectionState);
+    }
+}

src/client/haxe/ru/m/tankz/network/NetworkManager.hx

@@ -1,157 +1,173 @@
 package ru.m.tankz.network;
 
-import ru.m.tankz.storage.MultiplayerStorage;
+import ru.m.tankz.proto.game.GameEventProto;
-import haxework.storage.IStorage;
+import ru.m.tankz.proto.room.SlotProto;
+import ru.m.tankz.proto.room.SlotRequest;
+import haxe.Serializer;
 import haxework.signal.Signal;
-import ru.m.tankz.proto.pack.GameRequest;
-import ru.m.tankz.proto.core.GameProto;
-import ru.m.tankz.proto.pack.StartGameRequest;
-import ru.m.tankz.proto.game.GameChangeProto;
-import ru.m.tankz.proto.game.GameActionTypeProto;
-import ru.m.tankz.proto.pack.GameUpdateRequest;
-import ru.m.tankz.control.Control;
-import ru.m.tankz.proto.pack.JoinGameRequest;
-import ru.m.tankz.proto.pack.LeaveGameRequest;
-import ru.m.tankz.proto.pack.CreateGameRequest;
 import ru.m.connect.IConnection;
-import ru.m.tankz.proto.core.GameInfoProto;
+import ru.m.tankz.control.Control;
-import ru.m.tankz.proto.pack.ListGameRequest;
+import ru.m.tankz.game.GameEvent;
+import ru.m.tankz.proto.core.UserProto;
+import ru.m.tankz.proto.pack.GameEventRequest;
+import ru.m.tankz.proto.pack.GameEventResponse;
 import ru.m.tankz.proto.pack.LoginRequest;
+import ru.m.tankz.proto.pack.LogoutRequest;
 import ru.m.tankz.proto.pack.Request;
 import ru.m.tankz.proto.pack.Response;
+import ru.m.tankz.proto.room.CreateRequest;
+import ru.m.tankz.proto.room.JoinRequest;
+import ru.m.tankz.proto.room.LeaveRequest;
+import ru.m.tankz.proto.room.RoomListRequest;
+import ru.m.tankz.proto.room.RoomProto;
+import ru.m.tankz.proto.room.RoomRequest;
+import ru.m.tankz.proto.room.StartRequest;
+import ru.m.tankz.storage.NetworkStorage;
 
 typedef ClientConnection = IConnection<Request, Response>;
 
+enum ConnectionState {
+    OFFLINE;
+    CONNECT;
+    CONNECTED;
+    LOGIN;
+    ONLINE(user:User);
+    ERROR(error:Dynamic);
+}
+
 class NetworkManager {
 
-    public var state(default, null):String;
+    public var state(default, null):ConnectionState;
-    public var stateSignal:Signal<String>;
+    public var room(default, null):RoomProto;
-    public var listGameSignal:Signal<Array<GameInfoProto>>;
+    public var user(default, null):UserProto;
-    public var gameSignal:Signal<GameInfoProto>;
+
-    public var gameUpdateSignal:Signal<Array<GameChangeProto>>;
+    public var stateSignal:Signal<ConnectionState>;
-    public var user(default, null):User;
+    public var listRoomSignal:Signal<Array<RoomProto>>;
-    public var game(default, set):NetworkGame;
+    public var roomSignal:Signal<RoomProto>;
+    public var gameEventSignal:Signal<GameEventResponse>;
 
     @:provide private var connection:ClientConnection;
-    @:provide private var storage:MultiplayerStorage;
+    @:provide private var storage:NetworkStorage;
+
+    private var reconnectTimer:Timer;
+    private var reconnectDelay:Int;
 
     public function new() {
-        stateSignal = new Signal<String>();
+        reconnectDelay = 500;
-        listGameSignal = new Signal<Array<GameInfoProto>>();
+        stateSignal = new Signal();
-        gameSignal = new Signal<GameInfoProto>();
+        listRoomSignal = new Signal();
-        gameUpdateSignal = new Signal<Array<GameChangeProto>>();
+        roomSignal = new Signal();
-        updateState('offline');
+        gameEventSignal = new Signal();
+        updateState(OFFLINE);
         connection.handler.connect(onConnectionEvent);
         connection.receiveHandler.connect(onResponse);
-        user = storage.user;
+        connect();
-        if (user == null) {
-            user = {name: 'User', uuid: null};
-        }
     }
 
-    private function updateState(value:String):Void {
+    private function updateState(value:ConnectionState):Void {
         state = value;
         stateSignal.emit(value);
     }
 
-    public function login(name:String):Void {
+    public function login(name:String, uuid:String = null):Void {
-        user.name = name;
+        updateState(LOGIN);
-        updateState('connect...');
+        connection.send(new Request().setLogin(
-        connection.connect().then(function(c:ClientConnection) {
+            new LoginRequest()
-            updateState('login...');
+                .setUuid(uuid)
-            c.send(new Request().setLogin(
+                .setName(name)
-                new LoginRequest()
+        ));
-                    .setUuid(user.uuid)
-                    .setName(user.name)
-            ));
-        }).catchError(function(_) {});
     }
 
-    public function listGame():Void {
+    public function logout():Void {
-        connection.send(new Request().setListGame(new ListGameRequest()));
+        connection.send(new Request().setLogout(new LogoutRequest()));
     }
 
-    public function createGame(type:String):Void {
+    public function listGame(subscribe:Bool):Void {
-        connection.send(new Request().setCreateGame(new CreateGameRequest().setType(type)));
+        connection.send(new Request().setRoomList(new RoomListRequest().setSubscribe(subscribe)));
     }
 
-    public function joinGame(gameId:Int):Void {
+    public function createGame(type:String, level:Int):Void {
-        connection.send(new Request().setJoinGame(new JoinGameRequest().setGameId(gameId)));
+        connection.send(new Request().setRoom(new RoomRequest().setCreate(new CreateRequest().setType(type).setLevel(level))));
+    }
+
+    public function joinGame(gameId:Int, restore:Bool = false):Void {
+        connection.send(new Request().setRoom(new RoomRequest().setJoin(new JoinRequest().setGameId(gameId).setRestore(restore))));
+    }
+
+    public function selectSlot(slot:SlotProto):Void {
+        connection.send(new Request().setRoom(new RoomRequest().setSlot(new SlotRequest().setSlot(slot))));
     }
 
     public function leaveGame():Void {
-        connection.send(new Request().setLeaveGame(new LeaveGameRequest()));
+        connection.send(new Request().setRoom(new RoomRequest().setLeave(new LeaveRequest())));
     }
 
     public function startGame():Void {
-        connection.send(new Request().setStartGame(new StartGameRequest()));
+        connection.send(new Request().setRoom(new RoomRequest().setStart(new StartRequest())));
     }
 
-    public function action(action:TankAction):Void {
+    public function action(tankId:Int, action:TankAction):Void {
-        var update:GameUpdateRequest = switch action {
+        connection.send(new Request().setGameEvent(new GameEventRequest().setEvent(
-            case TankAction.MOVE(direction):
+            new GameEventProto().setTime(0).setEvent(
-                new GameUpdateRequest()
+                Serializer.run(GameEvent.ACTION(tankId, action))
-                    .setType(GameActionTypeProto.MOVE)
+            )))
-                    .setDirectionX(direction.x)
+        );
-                    .setDirectionY(direction.y);
+    }
-            case TankAction.STOP:
+
-                new GameUpdateRequest()
+    private function connect():Void {
-                    .setType(GameActionTypeProto.STOP);
+        if (reconnectTimer != null) {
-            case TankAction.SHOT:
+            reconnectTimer.stop();
-                new GameUpdateRequest()
+            reconnectTimer = null;
-                    .setType(GameActionTypeProto.SHOT);
-            case _: null;
         }
-        if (update != null) {
+        reconnectTimer = null;
-            connection.send(new Request().setUpdateGame(update));
+        updateState(CONNECT);
+        connection.connect().catchError(function(error) {});
+    }
+
+    private function reconnect():Void {
+        reconnectDelay = Std.int(Math.min(reconnectDelay * 2, 10000));
+        if (reconnectTimer == null) {
+            reconnectTimer = Timer.delay(connect, reconnectDelay);
         }
     }
 
     private function onConnectionEvent(event:ConnectionEvent):Void {
-        updateState(switch (event) {
+        updateState(switch event {
-            case ConnectionEvent.CONNECTED:
+            case CONNECTED: CONNECTED;
-                L.d('Network', '$event');
+            case DISCONNECTED: OFFLINE;
-                'connected';
+            case ERROR(error): ERROR(error);
-            case ConnectionEvent.DISCONNECTED:
-                L.d('Network', '$event');
-                'offline';
-            case ConnectionEvent.ERROR(error):
-                L.e('Network', '$error', error);
-                'error';
         });
+        switch event {
+            case CONNECTED:
+                reconnectDelay = 500;
+                var user = storage.user;
+                if (user != null) {
+                    login(user.name, user.uuid);
+                }
+            case DISCONNECTED | ERROR(_):
+                reconnect();
+        }
     }
 
     private function onResponse(packet:Response):Void {
         if (packet.hasLogin()) {
-            user = {
+            this.user = packet.login.user;
-                uuid: packet.login.user.uuid,
+            var user = {
-                name: packet.login.user.name,
+                uuid: this.user.uuid,
+                name: this.user.name,
             };
             storage.user = user;
-            updateState('online');
+            updateState(ONLINE(user));
         } else if (packet.hasLogout()) {
-            user = null;
+            storage.user = null;
-            updateState('connected');
+            updateState(CONNECTED);
-        } else if (packet.hasListGame()) {
+        } else if (packet.hasRoomList()) {
-            listGameSignal.emit(packet.listGame.games);
+            listRoomSignal.emit(packet.roomList.rooms);
-        } else if (packet.hasCreateGame()) {
+        } else if (packet.hasRoom()) {
-            gameSignal.emit(packet.createGame.game);
+            room = packet.room.room;
-        } else if (packet.hasJoinGame()) {
+            roomSignal.emit(room);
-            gameSignal.emit(packet.joinGame.game);
+        } else if (packet.hasGameEvent()) {
-        } else if (packet.hasLeaveGame()) {
+            gameEventSignal.emit(packet.gameEvent);
-            gameSignal.emit(null);
-        } else if (packet.hasStartGame()) {
-            gameSignal.emit(packet.startGame.game);
-        } else if (packet.hasUpdateGame()) {
-            gameUpdateSignal.emit(packet.updateGame.changes);
-        } else if (packet.hasGame()) {
-            game.load(packet.game.game);
         }
     }
-
-    private function set_game(value:NetworkGame):NetworkGame {
-        this.game = value;
-        connection.send(new Request().setGame(new GameRequest()));
-        return this.game;
-    }
 }

src/client/haxe/ru/m/tankz/render/IRender.hx

@@ -1,10 +1,11 @@
 package ru.m.tankz.render;
 
 import haxework.view.IView;
+import ru.m.tankz.config.Config;
 import ru.m.tankz.game.IGame;
 
-interface IRender extends IView<Dynamic> {
+interface IRender extends IView<Dynamic> extends GameListener {
-    public var game(default, set):IGame;
+    public var config(default, set):Config;
     public function draw():Void;
     public function reset():Void;
 }

src/client/haxe/ru/m/tankz/render/Render.hx

@@ -14,17 +14,18 @@ import ru.m.geom.Point;
 import ru.m.tankz.config.Config;
 import ru.m.tankz.core.EntityType;
 import ru.m.tankz.game.GameEvent;
-import ru.m.tankz.game.IGame;
 import ru.m.tankz.render.item.BonusRenderItem;
 import ru.m.tankz.render.item.BrickRenderItem;
 import ru.m.tankz.render.item.BulletRenderItem;
 import ru.m.tankz.render.item.EagleRenderItem;
 import ru.m.tankz.render.item.IRenderItem;
 import ru.m.tankz.render.item.TankRenderItem;
+import ru.m.tankz.Type;
+using ru.m.display.DisplayObjectContainerExtender;
 
-class Render extends SpriteView implements IRender implements GameListener {
+class Render extends SpriteView implements IRender {
 
-    public var game(default, set):IGame;
+    public var config(default, set):Config;
 
     private var backgroundLayer:Sprite;
     private var groundLayer:Sprite;
@@ -32,7 +33,6 @@ class Render extends SpriteView implements IRender implements GameListener {
     private var upLayer:Sprite;
     private var upperLayer:Sprite;
 
-    private var background:Sprite;
     private var items:Map<Int, IRenderItem>;
 
     public function new() {
@@ -51,30 +51,25 @@ class Render extends SpriteView implements IRender implements GameListener {
         reset();
     }
 
-    private function set_game(value:IGame):IGame {
+    private function set_config(value:Config):Config {
-        game = value;
+        config = value;
-        game.connect(this);
+        setContentSize(config.mapWidth, config.mapHeight);
-        return game;
+        drawBackground();
+        return config;
     }
 
-    private function drawBackground(config:Config):Void {
+    private function drawBackground():Void {
-        var width = config.map.cellWidth * config.map.gridWidth;
-        var height = config.map.cellHeight * config.map.gridHeight;
         var g:Graphics = backgroundLayer.graphics;
         g.clear();
         g.beginFill(0x000000);
-        g.drawRect(0, 0, width, height);
+        g.drawRect(0, 0, config.mapWidth, config.mapHeight);
         g.endFill();
-        setContentSize(width, height);
     }
 
     public function draw():Void {
         for (item in items) {
             item.update();
         }
-        if (background == null) {
-            drawBackground(game.config);
-        }
     }
 
     private function onEnterFrame(event:Event):Void {
@@ -91,10 +86,6 @@ class Render extends SpriteView implements IRender implements GameListener {
             item.dispose();
         }
         items = new Map();
-        if (background != null) {
-            backgroundLayer.removeChild(background);
-            background = null;
-        }
         clearLayer(entryLayer);
         clearLayer(groundLayer);
         clearLayer(upLayer);
@@ -108,9 +99,10 @@ class Render extends SpriteView implements IRender implements GameListener {
             case COMPLETE(_, _):
                 content.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
             case SPAWN(BRICK(bricks)):
+                drawBackground();
                 for (brick in bricks) {
                     var item:IRenderItem = new BrickRenderItem(brick.rect, brick.type);
-                    var config = game.config.getBrick(brick.type);
+                    var config = config.getBrick(brick.type);
                     items[brick.id] = item;
                     if (config.layer > 2) {
                         upLayer.addChild(item.view);
@@ -119,17 +111,18 @@ class Render extends SpriteView implements IRender implements GameListener {
                     }
                 }
             case SPAWN(EAGLE(id, rect, teamId)):
-                var item = new EagleRenderItem(rect);
+                var item = new EagleRenderItem(rect, config.getColor(new PlayerId(teamId, -1)));
                 items.set(id, item);
                 entryLayer.addChild(item.view);
                 item.update();
             case SPAWN(TANK(id, rect, playerId, info)):
                 var item = new TankRenderItem(rect);
-                var config = game.config.getTank(info.type);
+                var tankConfig = config.getTank(info.type);
-                item.color = game.config.getColor(playerId);
+                item.color = info.color;
-                item.skin = config.skin;
+                item.skin = tankConfig.skin;
                 item.hits = info.hits;
                 item.bonus = info.bonus;
+                item.name = info.name == null ? "" : info.name;
                 items.set(id, item);
                 entryLayer.addChild(item.view);
                 item.update();
@@ -144,6 +137,11 @@ class Render extends SpriteView implements IRender implements GameListener {
                 items.set(id, item);
                 upperLayer.addChild(item.view);
                 item.update();
+            case MOVE(EAGLE(id, position)):
+                if (items.exists(id)) {
+                    var item = items[id];
+                    item.move(position);
+                }
             case MOVE(BULLET(id, position)):
                 if (items.exists(id)) {
                     var item = items[id];
@@ -163,7 +161,7 @@ class Render extends SpriteView implements IRender implements GameListener {
             case CHANGE(TANK(id, type, hits, bonus)):
                 if (items.exists(id)) {
                     var item:TankRenderItem = cast items[id];
-                    item.skin = game.config.getTank(type).skin;
+                    item.skin = config.getTank(type).skin;
                     item.hits = hits;
                     item.bonus = bonus;
                 }
@@ -177,6 +175,11 @@ class Render extends SpriteView implements IRender implements GameListener {
                     var item:EagleRenderItem = cast items[id];
                     item.protect = state;
                 }
+            case CHANGE(BRICK(id, type)):
+                if (items.exists(id)) {
+                    var item:BrickRenderItem = cast items[id];
+                    item.type = type;
+                }
             case DESTROY(TANK(id, shot)):
                 if (items.exists(id)) {
                     var item = items[id];
@@ -223,6 +226,9 @@ class Render extends SpriteView implements IRender implements GameListener {
                 item.destroy();
             case _:
         }
+        #if cpp
+        flash.Lib.current.stage.invalidate();
+        #end
     }
 
     private function playAnimate(point:Point, animate:OnceAnimate):Promise<Dynamic> {
@@ -232,7 +238,7 @@ class Render extends SpriteView implements IRender implements GameListener {
         return animate.play().then(function(animate:Animate):Void {
             // ToDo: clean animates on reset
             if (upperLayer.contains(animate)) {
-                upperLayer.removeChild(animate);
+                upperLayer.removeChildSafety(animate);
             }
             animate.dispose();
         });
@@ -247,6 +253,6 @@ class Render extends SpriteView implements IRender implements GameListener {
         view.x = point.x - view.width / 2;
         view.y = point.y - view.height / 2;
         upperLayer.addChild(view.content);
-        Timer.delay(function() upperLayer.removeChild(view.content), 1000);
+        Timer.delay(function() upperLayer.removeChildSafety(view.content), 1000);
     }
 }

src/client/haxe/ru/m/tankz/render/item/BonusRenderItem.hx

@@ -6,7 +6,8 @@ import ru.m.tankz.Type;
 class BonusRenderItem extends BitmapRenderItem {
 
     public var type(default, set):BonusType;
-    private var d = 0.1;
+    private var d = -0.05;
+    private var alpha = 1.0;
 
     public function new(rect:Rectangle, type:BonusType) {
         super(rect);
@@ -24,8 +25,9 @@ class BonusRenderItem extends BitmapRenderItem {
 
     override public function update():Void {
         super.update();
-        view.alpha += d;
+        alpha += d;
-        if (view.alpha < 0 || view.alpha > 1.5) {
+        view.alpha = alpha;
+        if (alpha <= 0 || alpha >= 1.5) {
             d = -d;
         }
     }

src/client/haxe/ru/m/tankz/render/item/BrickRenderItem.hx

@@ -26,14 +26,13 @@ class BrickRenderItem extends RenderItem {
     public function new(rect:Rectangle, type:BrickType) {
         super(rect);
         this.shape = new Shape();
-        this.type = type;
         cells = [
             new Point(0, 0),
             new Point(0, 1),
             new Point(1, 0),
             new Point(1, 1),
         ];
-        redraw();
+        this.type = type;
         move(rect.position);
     }
 
@@ -53,6 +52,7 @@ class BrickRenderItem extends RenderItem {
         if (type != value) {
             type = value;
             image = Assets.getBitmapData('resources/image/map/${type}.png');
+            redraw();
         }
         return type;
     }
@@ -69,6 +69,7 @@ class BrickRenderItem extends RenderItem {
 
     public function redraw():Void {
         shape.graphics.clear();
+        if (type == "none") return;
         switch state {
             case UNBROKEN:
                 shape.graphics.beginBitmapFill(image);

src/client/haxe/ru/m/tankz/render/item/EagleRenderItem.hx

@@ -2,18 +2,22 @@ package ru.m.tankz.render.item;
 
 import flash.display.DisplayObject;
 import flash.display.Sprite;
+import haxework.color.Color;
+import haxework.view.utils.BitmapUtil;
 import ru.m.animate.Animate;
 import ru.m.geom.Rectangle;
 
 class EagleRenderItem extends BitmapRenderItem {
+    public var color(default, default):Color;
     public var death(default, set):Bool = true;
     public var protect(default, set):Bool;
 
     private var container:Sprite;
     private var protectView:Animate;
 
-    public function new(rect:Rectangle) {
+    public function new(rect:Rectangle, color:Color) {
         super(rect);
+        this.color = color;
         container = new Sprite();
         container.addChild(bitmap);
         protectView = AnimateBundle.tankProtect();
@@ -45,6 +49,9 @@ class EagleRenderItem extends BitmapRenderItem {
             death = value;
             var suffix = death ? '-death' : '';
             image = 'resources/image/eagle/eagle${suffix}.png';
+            if (!color.zero) {
+                bitmap.bitmapData = bitmapData = BitmapUtil.colorize(bitmapData, color);
+            }
         }
         return death;
     }

src/client/haxe/ru/m/tankz/render/item/RenderItem.hx

@@ -7,6 +7,7 @@ import ru.m.geom.Rectangle;
 class RenderItem implements IRenderItem {
 
     public var view(get, null):DisplayObject;
+    public var content(get, null):DisplayObject;
 
     public var rect(default, null):Rectangle;
 
@@ -18,14 +19,24 @@ class RenderItem implements IRenderItem {
         throw "Not Implemented";
     }
 
+    private function get_content():DisplayObject {
+        return null;
+    }
+
     public function move(position:Position):Void {
         view.x = rect.x = position.x;
         view.y = rect.y = position.y;
         if (position.direction != null) {
             rect.direction = position.direction;
-            view.rotation = rect.direction.angle;
+            if (content != null) {
-            view.x = rect.x - rect.width * (rect.direction.x + 1) / 2 + rect.width * (rect.direction.y + 1) / 2 + 0.5 * rect.width;
+                content.rotation = rect.direction.angle;
-            view.y = rect.y - rect.height * (rect.direction.x + 1) / 2 - rect.height * (rect.direction.y + 1) / 2 + 1.5 * rect.height;
+                content.x = - rect.width * (rect.direction.x + 1) / 2 + rect.width * (rect.direction.y + 1) / 2 + 0.5 * rect.width;
+                content.y = - rect.height * (rect.direction.x + 1) / 2 - rect.height * (rect.direction.y + 1) / 2 + 1.5 * rect.height;
+            } else {
+                view.rotation = rect.direction.angle;
+                view.x = rect.x - rect.width * (rect.direction.x + 1) / 2 + rect.width * (rect.direction.y + 1) / 2 + 0.5 * rect.width;
+                view.y = rect.y - rect.height * (rect.direction.x + 1) / 2 - rect.height * (rect.direction.y + 1) / 2 + 1.5 * rect.height;
+            }
         }
     }
 

src/client/haxe/ru/m/tankz/render/item/TankRenderItem.hx

@@ -1,9 +1,13 @@
 package ru.m.tankz.render.item;
 
+import flash.display.BitmapData;
 import flash.display.DisplayObject;
 import flash.display.Sprite;
-import flash.display.BitmapData;
+import flash.text.TextField;
+import flash.text.TextFieldAutoSize;
+import flash.text.TextFormat;
 import haxework.color.Color;
+import haxework.text.BitmapTextField;
 import haxework.view.utils.BitmapUtil;
 import openfl.Assets;
 import ru.m.animate.Animate;
@@ -16,11 +20,13 @@ class TankRenderItem extends BitmapRenderItem {
     public var bonus(default, set):Bool;
     public var moves(default, set):Bool;
     public var protect(default, set):Bool;
+    public var name(default, set):String;
 
     private var container:Sprite;
     private var images:Array<BitmapData>;
     private var frame:Int;
     private var protectView:Animate;
+    private var nameView:TextField;
 
     public function new(rect:Rectangle) {
         super(rect);
@@ -29,13 +35,29 @@ class TankRenderItem extends BitmapRenderItem {
         protectView = AnimateBundle.tankProtect();
         protectView.visible = false;
         container.addChild(protectView);
+        nameView = buildNameView();
+        container.addChild(nameView);
         move(rect.position);
     }
 
+    private function buildNameView():TextField {
+        var result = new BitmapTextField();
+        result.defaultTextFormat = new TextFormat(Style.fontFamily, 10, 0xffffff);
+        result.embedFonts = Style.fontEmbed;
+        result.autoSize = TextFieldAutoSize.LEFT;
+        result.shadowColor = 0x000000;
+        result.stroke = true;
+        return result;
+    }
+
     override private function get_view():DisplayObject {
         return container;
     }
 
+    override private function get_content():DisplayObject {
+        return bitmap;
+    }
+
     private function redraw():Void {
         var image1 = Assets.getBitmapData('resources/image/tank/${skin}-0.png');
         var image2 = Assets.getBitmapData('resources/image/tank/${skin}-1.png');
@@ -55,10 +77,7 @@ class TankRenderItem extends BitmapRenderItem {
         if (!color1.zero) {
             image2 = BitmapUtil.colorize(image2, color2);
         }
-        images = [
+        images = [for (i in 0...6) image1].concat([for (i in 0...6) image2]);
-            image1, image1, image1,
-            image2, image2, image2,
-        ];
         frame = 0;
         bitmap.bitmapData = images[frame];
     }
@@ -108,6 +127,16 @@ class TankRenderItem extends BitmapRenderItem {
         return moves;
     }
 
+    private function set_name(value:String):String {
+        if (name != value) {
+            name = value;
+            nameView.text = name;
+            nameView.x = (rect.width - nameView.width) / 2;
+            nameView.y = -nameView.height / 2; //(rect.height - nameView.height) / 2;
+        }
+        return name;
+    }
+
     override public function update():Void {
         super.update();
         if (moves) {

src/client/haxe/ru/m/tankz/sound/SoundManager.hx

@@ -5,24 +5,30 @@ import flash.media.Sound;
 import flash.media.SoundChannel;
 import flash.media.SoundTransform;
 import openfl.utils.Assets;
+import ru.m.tankz.config.Config;
 import ru.m.tankz.game.GameEvent;
 import ru.m.tankz.game.IGame;
 
 class SoundManager implements GameListener {
-    private static var TAG(default, never):String = 'SoundManager';
+    private static var TAG(default, never):String = "SoundManager";
 
     #if flash
-    private static var type:String = 'mp3';
+    private static var type:String = "mp3";
     #else
-    private static var type:String = 'ogg';
+    private static var type:String = "ogg";
     #end
 
+    public var config(default, default):Config;
     public var volume(default, set):Float = 1;
     public var mute(default, set):Bool = false;
 
     private var channels:Array<SoundChannel>;
     private var transform:SoundTransform;
 
+    private var humanTanks:Array<Int>;
+    private var humanBullets:Array<Int>;
+    private var liveBonuses:Array<Int>;
+
     public function new() {
         channels = [];
         updateSoundTransform();
@@ -77,30 +83,44 @@ class SoundManager implements GameListener {
     public function onGameEvent(event:GameEvent):Void {
         switch event {
             case START(_):
-                play('start');
+                play("start");
-            case SPAWN(BULLET(_)):
+                humanTanks = [];
-                if (false /*ToDo: human tank*/) {
+                liveBonuses = [];
-                    play('shot');
+                humanBullets = [];
+            case SPAWN(BULLET(id, _, playerId, _)):
+                if (config.isHuman(playerId)) {
+                    play("shot");
+                    humanBullets.push(id);
+                }
+            case SPAWN(TANK(id, _, playerId, _)):
+                if (config.isHuman(playerId)) {
+                    humanTanks.push(id);
+                }
+            case SPAWN(BONUS(id, _, type)):
+                play("bonus_add");
+                if (type == "live") {
+                    liveBonuses.push(id);
                 }
-            case SPAWN(BONUS(_, _)):
-                play('bonus_add');
             case HIT(TANK(_, _)):
-                play('bullet_hit');
+                play("bullet_hit");
-            case DESTROY(TANK(_, _)):
+            case HIT(CELL(_, _, shot)):
-                if (true /*ToDo: human tank*/) {
+                if (humanBullets.indexOf(shot.bulletId) > -1) {
-                    play('boom_player');
+                    //play("bullet_block");
+                }
+            case DESTROY(TANK(id, _)):
+                if (humanTanks.indexOf(id) > -1) {
+                    play("boom_player");
                 } else {
-                    play('boom_bot');
+                    play("boom_bot");
                 }
             case DESTROY(EAGLE(_, _)):
-                play('boom_player');
+                play("boom_player");
-            case DESTROY(BONUS(_, _)):
+            case DESTROY(BONUS(id, _)):
-                // ToDo: bonus type
+                play("bonus_get");
-                play('bonus_get');
+                if (liveBonuses.indexOf(id) > -1) {
-                if (false /*ToDo: bonus.type == 'life'*/) {
+                    play("live");
-                    play('live');
                 } else {
-                    play('bonus_get');
+                    play("bonus_get");
                 }
             case _:
         }

src/client/haxe/ru/m/tankz/storage/NetworkStorage.hx

@@ -2,12 +2,12 @@ package ru.m.tankz.storage;
 
 import haxework.storage.SharedObjectStorage;
 
-class MultiplayerStorage extends SharedObjectStorage {
+class NetworkStorage extends SharedObjectStorage {
 
     public var user(get, set):User;
 
     public function new() {
-        super("multiplayer");
+        super("network");
     }
 
     private inline function get_user():User {

src/client/haxe/ru/m/tankz/view/ClientView.hx

@@ -1,22 +1,34 @@
 package ru.m.tankz.view;
 
+import ru.m.tankz.game.IGame;
 import flash.events.KeyboardEvent;
 import flash.ui.Keyboard;
 import haxework.resources.IResources;
+import haxework.view.ButtonView;
 import haxework.view.frame.FrameSwitcher;
-import haxework.view.IView;
+import haxework.view.LabelView;
+import haxework.view.VGroupView;
+import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.sound.SoundManager;
+import ru.m.tankz.view.popup.LoginPopup;
 
-@:template class ClientView extends FrameSwitcher {
+@:template class ClientView extends VGroupView {
+    @:view("switcher") var switcherView:FrameSwitcher;
+    @:view var username:LabelView;
+    @:view("login") var loginButton:ButtonView;
+    @:view("logout") var logoutButton:ButtonView;
 
+    @:provide var network:NetworkManager;
     @:provide var resources:IResources;
     @:provide var switcher:FrameSwitcher;
     @:provide var soundManager:SoundManager;
+    @:provide var game:IGame;
 
     public function init():Void {
         resources.text.put('version', '${Const.VERSION}');
-        switcher = this;
+        switcher = switcherView;
-        onSwitch.connect(onFrameSwitch);
+        network.stateSignal.connect(onConnectionState);
+        onConnectionState(network.state);
     }
 
     public function launch():Void {
@@ -24,17 +36,50 @@ import ru.m.tankz.sound.SoundManager;
         content.stage.addEventListener(KeyboardEvent.KEY_UP, function(event:KeyboardEvent):Void {
             switch event.keyCode {
                 case Keyboard.ESCAPE:
-                    change(StartFrame.ID);
+                    switcher.change(StartFrame.ID);
                 case Keyboard.M:
                     soundManager.mute = !soundManager.mute;
+                case Keyboard.P:
+                    if (game != null) {
+                        game.pause = !game.pause;
+                    }
             }
         });
-        change(StartFrame.ID);
+        switcher.change(StartFrame.ID);
     }
 
-    private function onFrameSwitch(frame:IView<Dynamic>):Void {
+    private function onConnectionState(state:ConnectionState):Void {
-        if (frame.id == StartFrame.ID) {
+        L.d("ClientView", 'onConnectionState: ${state}');
-            soundManager.stopAll();
+        switch state {
+            case ONLINE(user):
+                username.text = user.name;
+                logoutButton.visible = true;
+                loginButton.visible = false;
+            case CONNECTED:
+                username.text = "";
+                logoutButton.visible = false;
+                loginButton.visible = true;
+            case ERROR(error):
+                //L.e("ClientView", 'onConnectionState: ERROR', error);
+                L.w("ClientView", 'onConnectionState: ERROR');
+            case _:
+                username.text = "";
+                logoutButton.visible = false;
+                loginButton.visible = false;
         }
     }
+
+    private function login():Void {
+        LoginPopup.instance.show().then(function(user:User):Void {
+            L.d("Login", 'user: $user');
+        });
+    }
+
+    private function logout():Void {
+        network.logout();
+    }
+
+    private function close():Void {
+        switcher.change(StartFrame.ID);
+    }
 }

src/client/haxe/ru/m/tankz/view/ClientView.yaml

@@ -1,17 +1,51 @@
 ---
-$type: haxework.view.frame.FrameSwitcher
-geometry.size.stretch: true
-skinId: dark
 views:
-  - id: start
+  - $type: haxework.view.frame.FrameSwitcher
-    $type: ru.m.tankz.view.StartFrame
+    id: switcher
-  - id: level
+    geometry.size.stretch: true
-    $type: ru.m.tankz.view.LevelFrame
+    skinId: dark
-  - id: game
+    views:
-    $type: ru.m.tankz.view.GameFrame
+      - id: start
-  - id: result
+        $type: ru.m.tankz.view.StartFrame
-    $type: ru.m.tankz.view.ResultFrame
+      - id: level
-  - id: settings
+        $type: ru.m.tankz.view.LevelFrame
-    $type: ru.m.tankz.view.SettingsFrame
+      - id: game
-  - id: record
+        $type: ru.m.tankz.view.GameFrame
-    $type: ru.m.tankz.view.RecordFrame
+      - id: result
+        $type: ru.m.tankz.view.ResultFrame
+      - id: settings
+        $type: ru.m.tankz.view.SettingsFrame
+      - id: record
+        $type: ru.m.tankz.view.RecordFrame
+      - id: room_list
+        $type: ru.m.tankz.view.network.RoomListFrame
+      - id: room
+        $type: ru.m.tankz.view.network.RoomFrame
+  - $type: haxework.view.HGroupView
+    skinId: panel
+    layout.margin: 10
+    views:
+      - id: settings
+        $type: haxework.view.ButtonView
+        skinId: button.settings
+        +onPress: $code:switcher.change('settings')
+      - $type: haxework.view.SpriteView
+        geometry.size.width: 50%
+      - id: username
+        $type: haxework.view.LabelView
+        skinId: text
+      - id: login
+        $type: haxework.view.ButtonView
+        skinId: button.login
+        +onPress: $code:login()
+      - id: logout
+        $type: haxework.view.ButtonView
+        skinId: button.logout
+        +onPress: $code:logout()
+        visible: false
+      - $type: haxework.view.SpriteView
+        geometry.size.width: 50%
+      - id: close
+        $type: haxework.view.ButtonView
+        skinId: button.close
+        +onPress: $code:close()

src/client/haxe/ru/m/tankz/view/GameFrame.hx

@@ -3,18 +3,14 @@ package ru.m.tankz.view;
 import haxe.ds.Option;
 import haxework.view.frame.FrameSwitcher;
 import haxework.view.VGroupView;
-import ru.m.tankz.game.Game;
 import ru.m.tankz.game.GameEvent;
-import ru.m.tankz.game.GameRunner;
 import ru.m.tankz.game.GameState;
 import ru.m.tankz.game.IGame;
-import ru.m.tankz.game.record.GamePlayer;
 import ru.m.tankz.game.record.GameRecord;
-import ru.m.tankz.game.record.GameRecorder;
 import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.sound.SoundManager;
 import ru.m.tankz.storage.GameStorage;
-import ru.m.tankz.storage.RecordStorage;
+import ru.m.tankz.Type;
 import ru.m.tankz.view.game.GameView;
 
 @:template class GameFrame extends VGroupView implements GameListener {
@@ -28,61 +24,26 @@ import ru.m.tankz.view.game.GameView;
     @:provide var soundManager:SoundManager;
     @:provide var state:GameState;
     @:provide var record:GameRecord;
-    @:provide("result") var result:GameState;
+    @:provide("next") var nextState:GameState;
     @:provide var switcher:FrameSwitcher;
     @:provide var gameStorage:GameStorage;
-    @:provide var recordStorage:RecordStorage;
 
-    private var game:IGame;
+    @:provide var game:IGame;
-    private var runner:GameRunner;
-    private var recorder:GameRecorder;
-    private var player:GamePlayer;
 
     public function onShow():Void {
-        if (record != null) {
+        gameView.type = game.type;
-            play(record);
+        soundManager.config = game.config;
-            record = null;
+        gameView.render.config = game.config;
-        } else {
+        game.connect(gameView.render);
-            start(state);
-        }
-    }
-
-    private function start(state:GameState):Void {
-        gameView.type = state.type;
-        game = new Game(state);
-        gameView.render.game = game;
         game.connect(soundManager);
+        if (gameView.panel != null) {
+            game.connect(gameView.panel);
+        }
         game.connect(this);
-        if (gameView.panel != null) {
+        game.start();
-            game.connect(gameView.panel);
-        }
-        //game.connect(new GameTracer());
-        recorder = new GameRecorder();
-        game.connect(recorder);
-        runner = new GameRunner(game);
-        runner.start(state);
-        gameView.render.draw();
-    }
-
-    private function play(record:GameRecord):Void {
-        gameView.type = record.info.type;
-        game = new Game(record.state);
-        gameView.render.game = game;
-        game.connect(soundManager);
-        //game.connect(this);
-        if (gameView.panel != null) {
-            game.connect(gameView.panel);
-        }
-        player = new GamePlayer(game, record);
-        player.start();
-        gameView.render.draw();
     }
 
     private function stop():Void {
-        if (runner != null) {
-            runner.dispose();
-            runner = null;
-        }
         if (game != null) {
             game.dispose();
             game = null;
@@ -92,19 +53,17 @@ import ru.m.tankz.view.game.GameView;
 
     public function onGameEvent(event:GameEvent):Void {
         switch event {
-            case GameEvent.COMPLETE(state, _):
+            case GameEvent.COMPLETE(state, winner):
-                // ToDo:
+                this.state = state;
-                recordStorage.save(recorder.record);
+                nextState = switch next(winner) {
-                result = state;
-                this.state = switch runner.next() {
                     case Some(s):
                         // ToDo:
                         var progress = gameStorage.get(game.type);
-                        progress.completeLevel(result.levelId, result.presetId);
+                        progress.completeLevel(state.levelId, state.presetId);
                         gameStorage.set(progress);
                         s;
                     case None:
-                        new GameState(state.type, state.presetId, 0);
+                        null;
                 }
                 stop();
                 switcher.change(ResultFrame.ID);
@@ -112,8 +71,21 @@ import ru.m.tankz.view.game.GameView;
         }
     }
 
+    // ToDo:
+    private function next(winner:TeamId):Option<GameState> {
+        for (rule in game.config.game.complete) {
+            if (rule.team != null && rule.team != winner) {
+                return Option.None;
+            }
+        }
+        var level = state.levelId + 1;
+        if (level >= game.config.game.levels) level = 0;
+        return Option.Some(new GameState(game.type, state.presetId, level, state));
+    }
+
     public function onHide():Void {
         stop();
+        soundManager.stopAll();
     }
 
     public function close():Void {

src/client/haxe/ru/m/tankz/view/GameFrame.yaml

@@ -5,10 +5,3 @@ views:
     views:
       - id: game
         $type: ru.m.tankz.view.game.GameView
-#  - $type: haxework.view.HGroupView
-#    skinId: panel
-#    views:
-#      - id: close
-#        $type: haxework.view.ButtonView
-#        skinId: button.close
-#        +onPress: $code:close()

src/client/haxe/ru/m/tankz/view/LevelFrame.hx

@@ -8,6 +8,8 @@ import haxework.view.VGroupView;
 import ru.m.tankz.bundle.ILevelBundle;
 import ru.m.tankz.config.Config;
 import ru.m.tankz.game.GameState;
+import ru.m.tankz.game.IGame;
+import ru.m.tankz.local.LocalGame;
 import ru.m.tankz.storage.GameStorage;
 import ru.m.tankz.Type;
 import ru.m.tankz.view.popup.LevelPopup;
@@ -19,6 +21,7 @@ import ru.m.tankz.view.popup.LevelPopup;
     @:view var levels:DataView<LevelId, ButtonView>;
 
     @:provide var state:GameState;
+    @:provide var game:IGame;
     @:provide var switcher:FrameSwitcher;
     @:provide var levelBundle:ILevelBundle;
     @:provide var storage:GameStorage;
@@ -30,9 +33,11 @@ import ru.m.tankz.view.popup.LevelPopup;
         levels.data = [for (i in 0...state.config.game.levels) i];
     }
 
-    private function start(level:LevelConfig, preset:GamePreset):Void {
+    private function start(level:LevelConfig, preset:GamePreset, control:ControlPreset):Void {
         state.levelId = level.id;
         state.presetId = preset.id;
+        state.controls = control.values;
+        game = new LocalGame(state);
         switcher.change(GameFrame.ID);
     }
 
@@ -57,8 +62,9 @@ import ru.m.tankz.view.popup.LevelPopup;
         levelPopup.setData(
             level,
             state.config.presets,
+            state.config.controls,
             storage.get(state.type)
         );
-        levelPopup.show().then(function(preset) preset != null ? start(level, preset) : {});
+        levelPopup.show().then(function(result) result != null ? start(level, result.preset, result.control) : {});
     }
 }

src/client/haxe/ru/m/tankz/view/LevelFrame.yaml

@@ -16,9 +16,3 @@ views:
         factory: $this:levelViewFactory
         +onItemSelect: $this:onLevelSelect
         geometry.padding: 10
-  - $type: haxework.view.HGroupView
-    skinId: panel
-    views:
-      - $type: haxework.view.ButtonView
-        skinId: button.close
-        +onPress: $code:switcher.change('start')

src/client/haxe/ru/m/tankz/view/NetworkFrame.hx

@@ -1,108 +0,0 @@
-package ru.m.tankz.view;
-
-import haxework.view.ButtonView;
-import haxework.view.frame.IFrameSwitcher;
-import haxework.view.IGroupView;
-import haxework.view.InputView;
-import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import haxework.view.VGroupView;
-import haxework.provider.Provider;
-import ru.m.tankz.game.GameState;
-import ru.m.tankz.network.NetworkManager;
-import ru.m.tankz.preset.ClassicGame;
-import ru.m.tankz.proto.core.GameInfoProto;
-import ru.m.tankz.proto.core.GameStateProto;
-import ru.m.tankz.proto.core.UserProto;
-
-
-@:template class NetworkFrame extends VGroupView {
-    public static var ID(default, never):String = "network";
-
-    @:view var frameSwitcher(default, null):IFrameSwitcher;
-
-    @:view var loginFrame(default, null):IGroupView;
-    @:view var stateLabel(default, null):LabelView;
-    @:view var nameInput(default, null):InputView;
-    @:view var loginButton(default, null):ButtonView;
-
-    @:view var gameListFrame(default, null):IGroupView;
-    @:view var createGameButton(default, null):ButtonView;
-    @:view var gameList(default, null):ListView<GameInfoProto>;
-
-    @:view var gameFrame(default, null):IGroupView;
-    @:view var leaveGameButton(default, null):ButtonView;
-    @:view var startGameButton(default, null):ButtonView;
-    @:view var userList(default, null):ListView<UserProto>;
-
-    @:provide var network:NetworkManager;
-    @:provide var mainFrameSwitcher:IFrameSwitcher;
-
-    public function init():Void {
-        loginButton.onPress = this;
-        createGameButton.onPress = this;
-        leaveGameButton.onPress = this;
-        startGameButton.onPress = this;
-        gameList.dispatcher.addListener({
-            onListItemClick: function(item:IListItemView<GameInfoProto>):Void {
-                network.joinGame(item.data.id);
-            }
-        });
-    }
-
-    public function onShow():Void {
-        nameInput.text = network.user.name;
-        onStateChange(network.state);
-        network.stateSignal.connect(onStateChange);
-    }
-
-    private function onStateChange(state:String):Void {
-        loginButton.disabled = !(state == "offline" || state == "error");
-        stateLabel.text = state;
-        if (state == 'online') {
-            gameList.data = [];
-            frameSwitcher.change(gameListFrame.id);
-            network.listGameSignal.connect(onListGame);
-            network.gameSignal.connect(onGame);
-            network.listGame();
-        } else {
-            frameSwitcher.change(loginFrame.id);
-        }
-    }
-
-    private function onListGame(games:Array<GameInfoProto>):Void {
-        gameList.data = games;
-    }
-
-    private function onGame(game:GameInfoProto):Void {
-        if (game != null) {
-            userList.data = game.players;
-            frameSwitcher.change(gameFrame.id);
-            if (game.state == GameStateProto.STARTED) {
-                Provider.set(GameState, new GameState(ClassicGame.TYPE, ClassicGame.PLAYER1));
-                mainFrameSwitcher.change(GameFrame.ID);
-            }
-        } else {
-            frameSwitcher.change(gameListFrame.id);
-        }
-    }
-
-    public function onHide():Void {
-        network.listGameSignal.disconnect(onListGame);
-        network.gameSignal.disconnect(onGame);
-        network.stateSignal.disconnect(onStateChange);
-    }
-
-    public function onPress(view:ButtonView):Void {
-        switch (view.id) {
-            case 'loginButton':
-                network.login(nameInput.text);
-            case 'createGameButton':
-                network.createGame('classic');
-            case 'leaveGameButton':
-                network.leaveGame();
-            case 'startGameButton':
-                network.startGame();
-        }
-    }
-}

src/client/haxe/ru/m/tankz/view/NetworkFrame.yaml

@@ -1,90 +0,0 @@
----
-pWidth: 100
-pHeight: 100
-views:
-- id: frameSwitcher
-  $type: haxework.view.frame.FrameSwitcher
-  pWidth: 100
-  pHeight: 100
-  views:
-  # login
-  - id: loginFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: stateLabel
-      $type: haxework.view.LabelView
-      $style: label
-      text: offline
-      width: 200
-      height: 50
-    - id: nameInput
-      $type: haxework.view.InputView
-      $style: label
-      width: 200
-      height: 50
-      text: User
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: '#444444'
-    - id: loginButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Login
-  # game list
-  - id: gameListFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: createGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Create
-    - id: gameList
-      $type: haxework.view.list.VListView<ru.m.tankz.proto.core.GameInfoProto>
-      factory: "@class:ru.m.tankz.view.network.GameItemView"
-      pWidth: 100
-      pHeight: 100
-      paddings: 10
-      scroll:
-        $type: haxework.view.list.VScrollView
-        width: 10
-        pHeight: 100
-        skin:
-          $type: haxework.view.list.VScrollSkin
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: "#000000"
-        alpha: 0
-  # game
-  - id: gameFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: startGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Start
-    - id: leaveGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Leave
-    - id: userList
-      $type: haxework.view.list.VListView<ru.m.tankz.proto.core.UserProto>
-      factory: "@class:ru.m.tankz.view.network.UserItemView"
-      pWidth: 100
-      pHeight: 100
-      paddings: 10
-      scroll:
-        $type: haxework.view.list.VScrollView
-        width: 10
-        pHeight: 100
-        skin:
-          $type: haxework.view.list.VScrollSkin
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: "#000000"
-        alpha: 0

src/client/haxe/ru/m/tankz/view/RecordFrame.hx

@@ -25,8 +25,4 @@ import ru.m.tankz.storage.RecordStorage;
     private function onRecordSelect(item:IListItemView<GameRecordInfo>):Void {
 
     }
-
-    private function close() {
-        switcher.change(StartFrame.ID);
-    }
 }

src/client/haxe/ru/m/tankz/view/RecordFrame.yaml

@@ -16,9 +16,3 @@ views:
         scroll:
             $type: haxework.view.list.VScrollBarView
             skinId: scroll
-  - $type: haxework.view.HGroupView
-    skinId: panel
-    views:
-      - $type: haxework.view.ButtonView
-        skinId: button.close
-        +onPress: $code:close()

src/client/haxe/ru/m/tankz/view/ResultFrame.hx

@@ -5,40 +5,44 @@ import haxework.view.DataView;
 import haxework.view.frame.FrameSwitcher;
 import haxework.view.LabelView;
 import haxework.view.VGroupView;
+import ru.m.tankz.game.GameRunner;
 import ru.m.tankz.game.GameState;
+import ru.m.tankz.game.IGame;
 import ru.m.tankz.view.common.LifeView;
 
 @:template class ResultFrame extends VGroupView {
     public static var ID(default, never):String = "result";
 
     @:view("result") var resultView:DataView<PlayerState, LifeView>;
-    @:view("next") var nextButton:ButtonView;
     @:view("level") var levelLabel:LabelView;
 
     @:provide var frames:FrameSwitcher;
     @:provide var state:GameState;
-    @:provide("result") var resultState:GameState;
+    @:provide("next") var nextState:GameState;
+    @:provide var game:IGame;
 
     private function playerViewFactory(index:Int, player:PlayerState) {
         var view = new LifeView();
-        var playerConfig = resultState.config.getPlayer(player.id);
+        var playerConfig = state.config.getPlayer(player.id);
         var tankType = playerConfig.tanks[0].type;
-        var tankConfig = resultState.config.getTank(tankType);
+        var tankConfig = state.config.getTank(tankType);
         view.tank = tankConfig == null ? 'ba' : tankConfig.skin;
-        view.color = resultState.getPlayerColor(player.id);
+        view.color = state.getPlayerColor(player.id);
         view.life = player.frags;
         view.score = player.score;
         return view;
     }
 
     public function onShow() {
-        resultView.data =  Lambda.array(resultState.players);
+        resultView.data =  Lambda.array(state.players);
-        levelLabel.text = 'Level ${resultState.levelId}';
+        levelLabel.text = 'Level ${state.levelId}';
-        nextButton.visible = state != null;
     }
 
     private function next() {
-        frames.change(GameFrame.ID);
+        if (nextState != null) {
+            game = new GameRunner(nextState);
+            frames.change(GameFrame.ID);
+        }
     }
 
     private function close() {

src/client/haxe/ru/m/tankz/view/ResultFrame.yaml

@@ -14,16 +14,3 @@ views:
           $type: haxework.view.layout.VerticalLayout
           hAlign: right
           margin: 10
-  - $type: haxework.view.HGroupView
-    skinId: panel
-    views:
-      - id: close
-        $type: haxework.view.ButtonView
-        skinId: button.close
-        +onPress: $code:close()
-      - $type: haxework.view.SpriteView
-        geometry.size.width: 100%
-      - id: next
-        $type: haxework.view.ButtonView
-        skinId: button.next
-        +onPress: $code:next()

src/client/haxe/ru/m/tankz/view/SettingsFrame.hx

@@ -1,11 +1,7 @@
 package ru.m.tankz.view;
 
-import haxework.view.frame.FrameSwitcher;
 import haxework.view.VGroupView;
 
 @:template class SettingsFrame extends VGroupView {
-
     public static var ID(default, never):String = "settings";
-
-    @:provide var switcher:FrameSwitcher;
 }

src/client/haxe/ru/m/tankz/view/SettingsFrame.yaml

@@ -13,9 +13,3 @@ views:
             controlIndex: 0
           - $type: ru.m.tankz.view.settings.SettingsEditor
             controlIndex: 1
-  - $type: haxework.view.HGroupView
-    skinId: panel
-    views:
-      - $type: haxework.view.ButtonView
-        skinId: button.close
-        +onPress: $code:switcher.change('start')

src/client/haxe/ru/m/tankz/view/StartFrame.hx

@@ -3,8 +3,12 @@ package ru.m.tankz.view;
 import haxework.view.frame.FrameSwitcher;
 import haxework.view.VGroupView;
 import ru.m.tankz.game.GameState;
+import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.Type.GameType;
+import ru.m.tankz.view.network.RoomListFrame;
+import ru.m.tankz.view.network.RoomFrame;
 import ru.m.tankz.view.popup.FontPopup;
+import ru.m.tankz.view.popup.LoginPopup;
 
 @:template class StartFrame extends VGroupView {
 
@@ -12,6 +16,7 @@ import ru.m.tankz.view.popup.FontPopup;
 
     @:provide var state:GameState;
     @:provide var switcher:FrameSwitcher;
+    @:provide var network:NetworkManager;
 
     private var fontPopup:FontPopup;
 
@@ -20,6 +25,25 @@ import ru.m.tankz.view.popup.FontPopup;
         switcher.change(LevelFrame.ID);
     }
 
+    private function startNetwork():Void {
+        switch network.state {
+            case ONLINE(user):
+                if (network.room != null) {
+                    switcher.change(RoomFrame.ID);
+                    network.joinGame(network.room.game.id, true);
+                } else {
+                    switcher.change(RoomListFrame.ID);
+                }
+            case CONNECTED:
+                LoginPopup.instance.show().then(function(user):Void {
+                    if (user != null) {
+                        switcher.change(RoomListFrame.ID);
+                    }
+                });
+            case _:
+        }
+    }
+
     private function choiceFont():Void {
         if (fontPopup == null) {
             fontPopup = new FontPopup();

src/client/haxe/ru/m/tankz/view/StartFrame.yaml

@@ -1,40 +1,41 @@
 ---
 views:
-  - $type: haxework.view.VGroupView
+    - $type: haxework.view.VGroupView
-    skinId: container
+      skinId: container
-    layout.margin: 10
+      layout.margin: 10
-    views:
+      views:
-      - $type: haxework.view.LabelView
+          - $type: haxework.view.LabelView
-        text: Tank'z
+            text: Tank'z
-        skinId: font
+            skinId: font
-        fontSize: 100
+            fontSize: 100
-        geometry.margin.bottom: 30
+            geometry.margin.bottom: 30
-      - $type: haxework.view.ButtonView
+          - $type: haxework.view.ButtonView
-        skinId: button
+            skinId: button
-        +onPress: $code:startGame('classic')
+            +onPress: $code:startGame('classic')
-        text: Classic
+            text: Classic
-      - $type: haxework.view.ButtonView
+          - $type: haxework.view.ButtonView
-        skinId: button
+            skinId: button
-        +onPress: $code:startGame('dota')
+            +onPress: $code:startGame('dota')
-        text: DotA
+            text: DotA
-      - $type: haxework.view.ButtonView
+          - $type: haxework.view.ButtonView
-        skinId: button
+            skinId: button
-        +onPress: $code:startGame('death')
+            +onPress: $code:startGame('death')
-        text: DeathMatch
+            text: DeathMatch
-      - $type: haxework.view.ButtonView
+          - $type: haxework.view.ButtonView
-        skinId: button
+            skinId: button
-        +onPress: $code:switcher.change('record')
+            +onPress: $code:switcher.change('record')
-        text: Records
+            text: Records
-  - $type: haxework.view.HGroupView
+          - id: network
-    skinId: panel
+            $type: haxework.view.ButtonView
-    views:
+            skinId: button
-      - id: settings
+            +onPress: $code:startNetwork()
-        $type: haxework.view.ButtonView
+            text: Network
-        skinId: button.settings
+            #disabled: true
-        +onPress: $code:switcher.change('settings')
+    - $type: haxework.view.LabelView
-      - $type: haxework.view.SpriteView
+      geometry.hAlign: right
-        geometry.size.width: 100%
+      geometry.vAlign: top
-      - $type: haxework.view.LabelView
+      geometry.padding: [20, 5]
-        geometry.padding: [20, 5]
+      geometry.position: absolute
-        skinId: text.box
+      geometry.margin: [0, 20, 20, 0]
-        text: $r:text:version
+      skinId: text.box
+      text: $r:text:version

src/client/haxe/ru/m/tankz/view/common/RecordView.hx

@@ -1,5 +1,7 @@
 package ru.m.tankz.view.common;
 
+import ru.m.tankz.game.record.GamePlayer;
+import ru.m.tankz.game.IGame;
 import haxework.view.frame.FrameSwitcher;
 import haxework.view.HGroupView;
 import haxework.view.LabelView;
@@ -18,7 +20,7 @@ import ru.m.tankz.storage.RecordStorage;
 
     @:provide var recordStorage:RecordStorage;
     @:provide var switcher:FrameSwitcher;
-    @:provide var record:GameRecord;
+    @:provide var game:IGame;
 
     private function set_data(value:GameRecordInfo):GameRecordInfo {
         if (data != value) {
@@ -32,7 +34,8 @@ import ru.m.tankz.storage.RecordStorage;
     }
 
     private function play():Void {
-        record = recordStorage.read(data.id);
+        var record = recordStorage.read(data.id);
+        game = new GamePlayer(record);
         switcher.change(GameFrame.ID);
     }
 

src/client/haxe/ru/m/tankz/view/game/ClassicGamePanel.yaml

@@ -2,7 +2,7 @@
 geometry.padding: 5
 geometry.size.height: 100%
 layout.margin: 5
-layout.hAlign: right
+layout.hAlign: left
 views:
   - id: level
     $type: haxework.view.LabelView

src/client/haxe/ru/m/tankz/view/network/GameItemView.hx

@@ -1,21 +0,0 @@
-package ru.m.tankz.view.network;
-
-import haxework.view.HGroupView;
-import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import ru.m.tankz.proto.core.GameInfoProto;
-
-
-@:template class GameItemView extends HGroupView implements IListItemView<GameInfoProto> {
-
-    public var item_index(default, default):Int;
-    public var data(default, set):GameInfoProto;
-
-    @:view var label(default, null):LabelView;
-
-    private function set_data(value:GameInfoProto):GameInfoProto {
-        data = value;
-        label.text = '${data.type}';
-        return data;
-    }
-}

src/client/haxe/ru/m/tankz/view/network/GameItemView.yaml

@@ -1,15 +0,0 @@
----
-width: 440
-height: 44
-margins: 5
-views:
-- id: label
-  $type: haxework.view.LabelView
-  $style: label
-  pWidth: 100
-  pHeight: 100
-  text: ""
-skin:
-  $type: haxework.view.skin.ColorSkin
-  color: "#000000"
-  alpha: 0.2

src/client/haxe/ru/m/tankz/view/network/RoomFrame.hx

@@ -0,0 +1,50 @@
+package ru.m.tankz.view.network;
+
+import haxework.view.ButtonView;
+import haxework.view.frame.FrameSwitcher;
+import haxework.view.list.VListView;
+import haxework.view.TextView;
+import haxework.view.VGroupView;
+import ru.m.tankz.game.IGame;
+import ru.m.tankz.network.NetworkGame;
+import ru.m.tankz.network.NetworkManager;
+import ru.m.tankz.proto.room.RoomProto;
+import ru.m.tankz.proto.room.RoomSlotProto;
+
+@:template class RoomFrame extends VGroupView {
+
+    public static inline var ID = "room";
+
+    @:view var start:ButtonView;
+    @:view var info:TextView;
+    @:view var slots:VListView<RoomSlotProto>;
+
+    @:provide var switcher:FrameSwitcher;
+    @:provide var network:NetworkManager;
+    @:provide var game:IGame;
+
+    private function refresh(room:RoomProto):Void {
+        if (room != null) {
+            start.visible = room.creator.uuid == network.user.uuid;
+            info.text = '${room.game.type} #${room.game.level}';
+            slots.data = room.slots;
+            if (room.game.started) {
+                if (this.game == null) {
+                    this.game = new NetworkGame(network);
+                }
+                switcher.change(GameFrame.ID);
+            }
+        } else {
+            Timer.delay(function() switcher.change(RoomListFrame.ID), 1);
+        }
+    }
+
+    public function onShow():Void {
+        refresh(network.room);
+        network.roomSignal.connect(refresh);
+    }
+
+    public function onHide():Void {
+        network.roomSignal.disconnect(refresh);
+    }
+}

src/client/haxe/ru/m/tankz/view/network/RoomFrame.yaml

@@ -0,0 +1,38 @@
+---
+views:
+  - $type: haxework.view.VGroupView
+    skinId: container
+    geometry.padding: 20
+    layout.margin: 10
+    views:
+      - id: header
+        $type: haxework.view.LabelView
+        geometry.margin.bottom: 20
+        skinId: text.header
+        text: Game Room
+      - $type: haxework.view.HGroupView
+        layout.margin: 10
+        views:
+          - id: info
+            $type: haxework.view.LabelView
+            geometry.padding: [30, 10]
+            skinId: text.box
+          - id: start
+            $type: haxework.view.ButtonView
+            skinId: button.simple
+            text: Start
+            +onPress: $code:network.startGame()
+            visible: false
+          - id: leave
+            $type: haxework.view.ButtonView
+            skinId: button.simple
+            text: Leave
+            +onPress: $code:network.leaveGame()
+      - $type: haxework.view.SpriteView
+        geometry.size.width: 100%
+        geometry.size.height: 3
+        skinId: line
+      - id: slots
+        $type: haxework.view.list.VListView
+        geometry.size.stretch: true
+        factory: $code:ru.m.tankz.view.network.SlotItemView.factory

src/client/haxe/ru/m/tankz/view/network/RoomItemView.hx

@@ -0,0 +1,40 @@
+package ru.m.tankz.view.network;
+
+import ru.m.tankz.network.NetworkManager;
+import ru.m.tankz.proto.room.RoomSlotProto;
+import haxework.view.ButtonView;
+import haxework.view.HGroupView;
+import haxework.view.LabelView;
+import haxework.view.list.ListView;
+import ru.m.tankz.proto.room.RoomProto;
+
+@:template class RoomItemView extends HGroupView implements IListItemView<RoomProto> {
+
+    public var item_index(default, default):Int;
+    public var data(default, set):RoomProto;
+
+    @:view("creator") var creatorView:LabelView;
+    @:view("type") var typeView:LabelView;
+    @:view("users") var usersView:LabelView;
+    @:view("join") var joinButton:ButtonView;
+
+    @:provide static var network:NetworkManager;
+
+    private function set_data(value:RoomProto):RoomProto {
+        data = value;
+        creatorView.skinId = value.creator.uuid == network.user.uuid ? "text.box.active" : "text.box";
+        creatorView.text = value.creator.name;
+        typeView.text = '${value.game.type} #${value.game.level}';
+        var used = value.slots.filter(function(slot:RoomSlotProto) return slot.hasUser()).length;
+        usersView.text = value.game.started ? 'started' : '${used}/${value.slots.length}';
+        return data;
+    }
+
+    private function join():Void {
+        network.joinGame(data.game.id, true);
+    }
+
+    public static function factory():RoomItemView {
+        return new RoomItemView();
+    }
+}

src/client/haxe/ru/m/tankz/view/network/RoomItemView.yaml

@@ -0,0 +1,27 @@
+---
+# geometry.size.width: 100%
+geometry.size.height: 48
+layout.margin: 10
+layout.hAlign: center
+views:
+  - id: creator
+    $type: haxework.view.LabelView
+    geometry.size.height: 100%
+    geometry.size.width: 200
+    skinId: text.box
+  - id: type
+    $type: haxework.view.LabelView
+    geometry.size.height: 100%
+    geometry.size.width: 200
+    skinId: text.box
+  - id: users
+    $type: haxework.view.LabelView
+    geometry.size.height: 100%
+    geometry.size.width: 150
+    skinId: text.box
+  - id: join
+    $type: haxework.view.ButtonView
+    geometry.size.height: 100%
+    skinId: button.simple
+    text: Join
+    +onPress: $code:join()

src/client/haxe/ru/m/tankz/view/network/RoomListFrame.hx

@@ -0,0 +1,47 @@
+package ru.m.tankz.view.network;
+
+import haxework.view.frame.FrameSwitcher;
+import haxework.view.list.VListView;
+import haxework.view.VGroupView;
+import ru.m.tankz.network.NetworkManager;
+import ru.m.tankz.proto.room.RoomProto;
+import ru.m.tankz.view.popup.CreateGamePopup;
+
+@:template class RoomListFrame extends VGroupView {
+    public static inline var ID = "room_list";
+
+    @:view var games:VListView<RoomProto>;
+
+    @:provide var switcher:FrameSwitcher;
+    @:provide var network:NetworkManager;
+
+    public function onShow():Void {
+        network.listRoomSignal.connect(onRoomList);
+        network.roomSignal.connect(onRoom);
+        network.listGame(true);
+    }
+
+    public function onHide():Void {
+        network.listRoomSignal.disconnect(onRoomList);
+        network.roomSignal.disconnect(onRoom);
+        network.listGame(false);
+    }
+
+    private function create():Void {
+        CreateGamePopup.instance.show().then(function(result) {
+            if (result != null) {
+                network.createGame(result.type, result.level);
+            }
+        });
+    }
+
+    private function onRoomList(data:Array<RoomProto>):Void {
+        games.data = data;
+    }
+
+    private function onRoom(room:RoomProto):Void {
+        if (room != null) {
+            switcher.change(RoomFrame.ID);
+        }
+    }
+}

src/client/haxe/ru/m/tankz/view/network/RoomListFrame.yaml

@@ -0,0 +1,20 @@
+---
+views:
+    - $type: haxework.view.VGroupView
+      skinId: container
+      geometry.padding: 20
+      views:
+          - id: header
+            $type: haxework.view.LabelView
+            geometry.margin.bottom: 20
+            skinId: text.header
+            text: Games List
+          - $type: haxework.view.ButtonView
+            skinId: button.simple
+            text: Create
+            +onPress: $code:create()
+          - id: games
+            $type: haxework.view.list.VListView
+            geometry.size.stretch: true
+            factory: $code:ru.m.tankz.view.network.RoomItemView.factory
+            geometry.margin: 10

src/client/haxe/ru/m/tankz/view/network/SlotItemView.hx

@@ -0,0 +1,45 @@
+package ru.m.tankz.view.network;
+
+import haxework.view.ButtonView;
+import haxework.view.HGroupView;
+import haxework.view.LabelView;
+import haxework.view.list.ListView;
+import ru.m.tankz.bundle.IConfigBundle;
+import ru.m.tankz.network.NetworkManager;
+import ru.m.tankz.proto.room.RoomSlotProto;
+
+@:template class SlotItemView extends HGroupView implements IListItemView<RoomSlotProto> {
+
+    public var item_index(default, default):Int;
+    public var data(default, set):RoomSlotProto;
+
+    @:view("type") var typeView:LabelView;
+    @:view("user") var userView:LabelView;
+    @:view("select") var selectButton:ButtonView;
+
+    @:provide static var network:NetworkManager;
+    @:provide static var configBundle:IConfigBundle;
+
+    private function set_data(value:RoomSlotProto):RoomSlotProto {
+        data = value;
+        typeView.text = '${value.slot.team} #${value.slot.index}';
+        userView.text = value.hasUser() ? value.user.name : "(NONE)";
+        userView.visible = value.hasUser();
+        selectButton.visible = !value.hasUser();
+        userView.skinId = (value.hasUser() && value.user.uuid == network.user.uuid) ? "text.box.active" : "text.box";
+        var config = configBundle.get(network.room.game.type);
+        var color = config.getColor([value.slot.team, value.slot.index]);
+        if (color != null) {
+            typeView.skin = Style.textBox(color);
+        }
+        return data;
+    }
+
+    private function select():Void {
+        network.selectSlot(data.slot);
+    }
+
+    public static function factory():SlotItemView {
+        return new SlotItemView();
+    }
+}

src/client/haxe/ru/m/tankz/view/network/SlotItemView.yaml

@@ -0,0 +1,25 @@
+---
+geometry.size.height: 48
+geometry.padding: 2
+layout.margin: 10
+views:
+  - id: type
+    $type: haxework.view.LabelView
+    skinId: text.box
+    geometry.size.height: 100%
+    geometry.size.width: 150
+  - $type: haxework.view.HGroupView
+    layout.hAlign: center
+    layout.vAlign: middle
+    geometry.size.height: 100%
+    geometry.size.width: 300
+    views:
+    - id: user
+      $type: haxework.view.LabelView
+      geometry.size.stretch: true
+      skinId: text.box
+    - id: select
+      $type: haxework.view.ButtonView
+      skinId: button.simple
+      text: Select
+      +onPress: $this:select()

src/client/haxe/ru/m/tankz/view/network/UserItemView.hx

@@ -1,21 +0,0 @@
-package ru.m.tankz.view.network;
-
-import haxework.view.HGroupView;
-import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import ru.m.tankz.proto.core.UserProto;
-
-
-@:template class UserItemView extends HGroupView implements IListItemView<UserProto> {
-
-    public var item_index(default, default):Int;
-    public var data(default, set):UserProto;
-
-    @:view var label(default, null):LabelView;
-
-    private function set_data(value:UserProto):UserProto {
-        data = value;
-        label.text = '${data.uuid} -- ${data.name}';
-        return data;
-    }
-}

src/client/haxe/ru/m/tankz/view/network/UserItemView.yaml

@@ -1,15 +0,0 @@
----
-width: 440
-height: 44
-margins: 5
-views:
-- id: label
-  $type: haxework.view.LabelView
-  $style: label
-  pWidth: 100
-  pHeight: 100
-  text: ""
-skin:
-  $type: haxework.view.skin.ColorSkin
-  color: "#000000"
-  alpha: 0.2

src/client/haxe/ru/m/tankz/view/popup/CreateGamePopup.hx

@@ -0,0 +1,72 @@
+package ru.m.tankz.view.popup;
+
+import haxework.view.DataView;
+import haxework.view.popup.PopupView;
+import haxework.view.ToggleButtonView;
+import ru.m.tankz.bundle.IConfigBundle;
+import ru.m.tankz.Type;
+
+private typedef Result = {
+    var type:GameType;
+    var level:LevelId;
+}
+
+@:template class CreateGamePopup extends PopupView<Result> {
+
+    @:view("type") var typeView:DataView<GameType, ToggleButtonView>;
+    @:view("level") var levelView:DataView<LevelId, ToggleButtonView>;
+
+    @:provide var configBundle:IConfigBundle;
+
+    private var type:GameType;
+    private var level:LevelId;
+
+    override private function onShow():Void {
+        super.onShow();
+        onGameTypeSelect(0, "classic", typeView.dataViews[0]);
+    }
+
+    private function submit():Void {
+        close({type:type, level:level});
+    }
+
+    private function gameTypeViewFactory(index:Int, type:GameType):ToggleButtonView {
+        var result = new ToggleButtonView();
+        result.skinId = "button.simple";
+        result.text = type;
+        result.on = type == this.type;
+        return result;
+    }
+
+    private function onGameTypeSelect(index:Int, value:GameType, view:ToggleButtonView):Void {
+        this.type = value;
+        for (v in typeView.dataViews) {
+            v.on = v == view;
+        }
+        levelView.data = [for (i in 0...configBundle.get(type).game.levels) i];
+        onLevelSelect(0, 0, levelView.dataViews[0]);
+    }
+
+    private function levelViewFactory(index:Int, value:LevelId):ToggleButtonView {
+        var result = new ToggleButtonView();
+        result.skinId = "button.level";
+        result.text = Std.string(value);
+        return result;
+    }
+
+    private function onLevelSelect(index:Int, level:LevelId, view:ToggleButtonView):Void {
+        this.level = level;
+        for (v in levelView.dataViews) {
+            v.on = v == view;
+        }
+    }
+
+    public static var instance(get, null):CreateGamePopup;
+
+    private static function get_instance():CreateGamePopup {
+        if (instance == null) {
+            instance = new CreateGamePopup();
+        }
+        return instance;
+    }
+}

src/client/haxe/ru/m/tankz/view/popup/CreateGamePopup.yaml

@@ -0,0 +1,68 @@
+---
+layout.hAlign: center
+layout.vAlign: middle
+view:
+  $type: haxework.view.VGroupView
+  layout.hAlign: center
+  geometry.size.width: 600
+  skinId: window
+  views:
+    - $type: haxework.view.HGroupView
+      geometry.size.width: 100%
+      geometry.padding: 10
+      layout.vAlign: middle
+      views:
+        - id: name
+          $type: haxework.view.LabelView
+          geometry.size.width: 100%
+          geometry.margin.left: 10
+          layout.hAlign: left
+          skinId: text
+          text: New game
+        - $type: haxework.view.ButtonView
+          skinId: window.close
+          +onPress: $code:reject('close')
+    - $type: haxework.view.VGroupView
+      geometry.size.width: 100%
+      geometry.padding: 20
+      layout.margin: 5
+      layout.hAlign: center
+      views:
+          - $type: haxework.view.LabelView
+            geometry.size.width: 100%
+            skinId: text
+            text: Type
+          - id: type
+            $type: haxework.view.DataView
+            layout:
+              $type: haxework.view.layout.HorizontalLayout
+              margin: 10
+            factory: $this:gameTypeViewFactory
+            +onItemSelect: $this:onGameTypeSelect
+            data:
+              - "classic"
+              - "dota"
+              - "death"
+          - $type: haxework.view.LabelView
+            geometry.size.width: 100%
+            skinId: text
+            text: Level
+          - id: level
+            $type: haxework.view.DataView
+            geometry.size.width: 100%
+            layout:
+              $type: haxework.view.layout.TailLayout
+              rowSize: 10
+              margin: 5
+            factory: $this:levelViewFactory
+            +onItemSelect: $this:onLevelSelect
+            geometry.padding: 10
+    - $type: haxework.view.HGroupView
+      layout.hAlign: center
+      layout.margin: 5
+      skinId: panel
+      views:
+        - $type: haxework.view.ButtonView
+          skinId: button.simple
+          text: Create
+          +onPress: $code:submit()

src/client/haxe/ru/m/tankz/view/popup/FontPopup.yaml

@@ -1,27 +1,27 @@
 ---
 view:
-  $type: haxework.view.VGroupView
+    $type: haxework.view.VGroupView
-  geometry.size.width: 400
+    geometry.size.width: 400
-  geometry.size.height: 80%
+    geometry.size.height: 80%
-  geometry.padding: 10
+    geometry.padding: 10
-  geometry.hAlign: center
+    geometry.hAlign: center
-  geometry.vAlign: middle
+    geometry.vAlign: middle
-  skinId: dark
+    skinId: dark
-  views:
+    views:
-    - id: fonts
+        - id: fonts
-      $type: haxework.view.list.VListView
+          $type: haxework.view.list.VListView
-      geometry.size.stretch: true
+          geometry.size.stretch: true
-      factory: $this:fontViewFactory
+          factory: $this:fontViewFactory
-      +onItemSelect: $code:function(item) close(item.data)
+          +onItemSelect: $code:function(item) close(item.data)
-      scroll:
+          scroll:
-        $type: haxework.view.list.VScrollBarView
+              $type: haxework.view.list.VScrollBarView
-        skinId: scroll.vertical
+              skinId: scroll.vertical
-    - $type: haxework.view.HGroupView
+        - $type: haxework.view.HGroupView
-      geometry.size.width: 100%
+          geometry.size.width: 100%
-      geometry.margin.top: 10
+          geometry.margin.top: 10
-      layout.hAlign: right
+          layout.hAlign: right
-      views:
+          views:
-        - $type: haxework.view.ButtonView
+              - $type: haxework.view.ButtonView
-          skinId: button.simple
+                skinId: button.simple
-          text: Cancel
+                text: Cancel
-          +onPress: $code:reject('cancel')
+                +onPress: $code:reject('cancel')

src/client/haxe/ru/m/tankz/view/popup/LevelPopup.hx

@@ -1,5 +1,6 @@
 package ru.m.tankz.view.popup;
 
+import haxework.view.ToggleButtonView;
 import haxework.view.ButtonView;
 import haxework.view.DataView;
 import haxework.view.LabelView;
@@ -7,19 +8,28 @@ import haxework.view.popup.PopupView;
 import ru.m.tankz.config.Config;
 import ru.m.tankz.game.GameProgress;
 
-@:template class LevelPopup extends PopupView<GamePreset> {
+private typedef Result = {
+    var control:ControlPreset;
+    var preset:GamePreset;
+}
+
+@:template class LevelPopup extends PopupView<Result> {
 
     private var level:LevelConfig;
     private var progress:GameProgress;
 
     @:view var name:LabelView;
     @:view("presets") var presetsView:DataView<GamePreset, ButtonView>;
+    @:view("controls") var controlsView:DataView<ControlPreset, ToggleButtonView>;
+    private var control:ControlPreset;
 
-    public function setData(level:LevelConfig, presets:Array<GamePreset>, progress:GameProgress):Void {
+    public function setData(level:LevelConfig, presets:Array<GamePreset>, controls:Array<ControlPreset>, progress:GameProgress):Void {
         this.level = level;
         this.progress = progress;
         name.text = '${level.id}. ${level.name != null ? level.name : "#"}';
         presetsView.data = presets;
+        control = controls[0];
+        controlsView.data = controls;
     }
 
     private function presetViewFactory(index:Int, value:GamePreset):ButtonView {
@@ -32,7 +42,22 @@ import ru.m.tankz.game.GameProgress;
 
     private function onPresetSelect(value:GamePreset):Void {
         if (progress.isPresetAvailable(level.id, value.id)) {
-            close(value);
+            close({control: control, preset: value});
+        }
+    }
+
+    private function controlViewFactory(index:Int, value:ControlPreset):ToggleButtonView {
+        var result = new ToggleButtonView();
+        result.skinId = 'button.simple.active';
+        result.on = control == value;
+        result.text = value.name;
+        return result;
+    }
+
+    private function onControlSelect(index:Int, value:ControlPreset, view:ToggleButtonView):Void {
+        control = value;
+        for (v in controlsView.dataViews) {
+            v.on = v == view;
         }
     }
 }

src/client/haxe/ru/m/tankz/view/popup/LevelPopup.yaml

@@ -2,34 +2,43 @@
 layout.hAlign: center
 layout.vAlign: middle
 view:
-  $type: haxework.view.VGroupView
+    $type: haxework.view.VGroupView
-  layout.hAlign: center
+    layout.hAlign: center
-  geometry.size.width: 400
+    geometry.size.width: 400
-  geometry.size.height: 400
+    geometry.size.height: 400
-  skinId: window
+    skinId: window
-  views:
+    views:
-    - $type: haxework.view.HGroupView
+        - $type: haxework.view.HGroupView
-      geometry.size.width: 100%
+          geometry.size.width: 100%
-      geometry.padding: 10
+          geometry.padding: 10
-      layout.vAlign: middle
+          layout.vAlign: middle
-      views:
+          views:
-      - id: name
+              - id: name
-        $type: haxework.view.LabelView
+                $type: haxework.view.LabelView
-        geometry.size.width: 100%
+                geometry.size.width: 100%
-        geometry.margin.left: 10
+                geometry.margin.left: 10
-        layout.hAlign: left
+                layout.hAlign: left
-        skinId: text
+                skinId: text
-      - $type: haxework.view.ButtonView
+              - $type: haxework.view.ButtonView
-        skinId: window.close
+                skinId: window.close
-        +onPress: $code:reject('close')
+                +onPress: $code:reject('close')
-    - $type: haxework.view.SpriteView
+        - $type: haxework.view.SpriteView
-      geometry.size.height: 100%
+          geometry.size.height: 100%
-    - id: presets
+        - id: controls
-      $type: haxework.view.DataView
+          $type: haxework.view.DataView
-      factory: $this:presetViewFactory
+          factory: $this:controlViewFactory
-      +onDataSelect: $this:onPresetSelect
+          +onItemSelect: $this:onControlSelect
-      layout:
+          layout:
-        $type: haxework.view.layout.HorizontalLayout
+              $type: haxework.view.layout.HorizontalLayout
-        hAlign: center
+              hAlign: center
-        margin: 5
+              margin: 5
-      skinId: panel
+          skinId: panel
+        - id: presets
+          $type: haxework.view.DataView
+          factory: $this:presetViewFactory
+          +onDataSelect: $this:onPresetSelect
+          layout:
+              $type: haxework.view.layout.HorizontalLayout
+              hAlign: center
+              margin: 5
+          skinId: panel

src/client/haxe/ru/m/tankz/view/popup/LoginPopup.hx

@@ -0,0 +1,47 @@
+package ru.m.tankz.view.popup;
+
+import haxework.log.BaseLogger.LoggerUtil;
+import haxework.view.InputView;
+import haxework.view.popup.PopupView;
+import haxework.view.TextView;
+import ru.m.tankz.network.NetworkManager;
+
+@:template class LoginPopup extends PopupView<User> {
+
+    @:view var username:InputView;
+    @:view var password:InputView;
+    @:view var error:TextView;
+
+    @:provide static var network:NetworkManager;
+
+    override private function onShow():Void {
+        super.onShow();
+        network.stateSignal.connect(onStateChange);
+    }
+
+    override private function onClose():Void {
+        super.onClose();
+        network.stateSignal.disconnect(onStateChange);
+    }
+
+    private function onStateChange(state:ConnectionState):Void {
+        switch state {
+            case ONLINE(user): close(user);
+            case ERROR(error): this.error.text = LoggerUtil.printError(error);
+            case _: this.error.text = null;
+        }
+    }
+
+    private function submit():Void {
+        network.login(username.text);
+    }
+
+    public static var instance(get, null):LoginPopup;
+
+    private static function get_instance():LoginPopup {
+        if (instance == null) {
+            instance = new LoginPopup();
+        }
+        return instance;
+    }
+}

src/client/haxe/ru/m/tankz/view/popup/LoginPopup.yaml

@@ -0,0 +1,66 @@
+---
+layout.hAlign: center
+layout.vAlign: middle
+view:
+    $type: haxework.view.VGroupView
+    layout.hAlign: center
+    geometry.size.width: 400
+    # geometry.size.height: 400
+    skinId: window
+    views:
+        - $type: haxework.view.HGroupView
+          geometry.size.width: 100%
+          geometry.padding: 10
+          layout.vAlign: middle
+          views:
+              - id: name
+                $type: haxework.view.LabelView
+                geometry.size.width: 100%
+                geometry.margin.left: 10
+                layout.hAlign: left
+                skinId: text
+                text: Login
+              - $type: haxework.view.ButtonView
+                skinId: window.close
+                +onPress: $code:reject('close')
+        - $type: haxework.view.VGroupView
+          geometry.size.width: 100%
+          # geometry.size.stretch: true
+          geometry.padding: 20
+          layout.margin: 5
+          views:
+              - $type: haxework.view.LabelView
+                geometry.size.width: 100%
+                skinId: text
+                text: Username
+              - id: username
+                $type: haxework.view.InputView
+                geometry.size.width: 100%
+                geometry.size.height: 28
+                skinId: text.box
+              - $type: haxework.view.LabelView
+                geometry.size.width: 100%
+                skinId: text
+                text: Password
+                visible: false
+              - id: password
+                $type: haxework.view.InputView
+                textField.displayAsPassword: true
+                geometry.size.width: 100%
+                geometry.size.height: 28
+                skinId: text.box
+                visible: false
+              - id: error
+                $type: haxework.view.TextView
+                geometry.size.width: 100%
+                skinId: text
+                fill: false
+        - $type: haxework.view.HGroupView
+          layout.hAlign: center
+          layout.margin: 5
+          skinId: panel
+          views:
+            - $type: haxework.view.ButtonView
+              skinId: button.simple
+              text: Submit
+              +onPress: $code:submit()

src/client/resources/image/icon/sign-in-solid.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-in" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-sign-in fa-w-16 fa-2x"><path fill="currentColor" d="M137.2 110.3l21.9-21.9c9.3-9.3 24.5-9.4 33.9-.1L344.9 239c9.5 9.4 9.5 24.7 0 34.1L193 423.7c-9.4 9.3-24.5 9.3-33.9-.1l-21.9-21.9c-9.7-9.7-9.3-25.4.8-34.7l77.6-71.1H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h191.5l-77.6-71.1c-10-9.1-10.4-24.9-.7-34.5zM512 352V160c0-53-43-96-96-96h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84c17.7 0 32 14.3 32 32v192c0 17.7-14.3 32-32 32h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84c53 0 96-43 96-96z" class=""></path></svg>

src/client/resources/image/icon/sign-out-solid.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-out" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-sign-out fa-w-16 fa-2x"><path fill="currentColor" d="M180 448H96c-53 0-96-43-96-96V160c0-53 43-96 96-96h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H96c-17.7 0-32 14.3-32 32v192c0 17.7 14.3 32 32 32h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm117.9-303.1l77.6 71.1H184c-13.3 0-24 10.7-24 24v32c0 13.3 10.7 24 24 24h191.5l-77.6 71.1c-10.1 9.2-10.4 25-.8 34.7l21.9 21.9c9.3 9.3 24.5 9.4 33.9.1l152-150.8c9.5-9.4 9.5-24.7 0-34.1L353 88.3c-9.4-9.3-24.5-9.3-33.9.1l-21.9 21.9c-9.7 9.6-9.3 25.4.7 34.6z" class=""></path></svg>

src/common/haxe/ru/m/Timer.hx

@@ -0,0 +1,60 @@
+package ru.m;
+
+#if neko
+
+import haxe.Log;
+import haxe.PosInfos;
+import neko.vm.Thread;
+
+class Timer {
+
+    private var sleep:Float;
+    private var stopped:Bool;
+
+    public function new(time_ms:Int) {
+        this.sleep = time_ms / 1000.0;
+        this.stopped = false;
+        Thread.create(function() {
+            while (!stopped) {
+                Sys.sleep(sleep);
+                try {
+                    run();
+                } catch (error:Dynamic) {
+                    trace(haxework.log.BaseLogger.LoggerUtil.printError(error));
+                }
+            }
+        });
+    }
+
+    public function stop() {
+        stopped = true;
+    }
+
+    public dynamic function run() {}
+
+    public static function delay(f:Void -> Void, time_ms:Int) {
+        var t = new Timer(time_ms);
+        t.run = function() {
+            t.stop();
+            f();
+        };
+        return t;
+    }
+
+    public static function measure<T>(f:Void -> T, ?pos:PosInfos):T {
+        var t0 = stamp();
+        var r = f();
+        Log.trace((stamp() - t0) + "s", pos);
+        return r;
+    }
+
+    public static inline function stamp():Float {
+        return Sys.time();
+    }
+}
+
+#else
+
+typedef Timer = haxe.Timer;
+
+#end

src/common/haxe/ru/m/connect/BaseConnection.hx

@@ -7,7 +7,6 @@ import promhx.Promise;
 import protohx.Message;
 import ru.m.connect.IConnection;
 
-
 class BaseConnection<O:Message, I:Message> implements IConnection<O, I> {
     public var handler(default, null):Signal<ConnectionEvent>;
     public var sendHandler(default, null):Signal<O>;
@@ -17,12 +16,11 @@ class BaseConnection<O:Message, I:Message> implements IConnection<O, I> {
 
     private var connectDeferred:Deferred<IConnection<O, I>>;
 
-    public function new(i:Class<I>) {
+    public function new(inputFactory:Class<I>) {
-        queue = new PacketQueue<I>(i);
+        queue = new PacketQueue<I>(inputFactory);
         handler = new Signal<ConnectionEvent>();
         sendHandler = new Signal<O>();
         receiveHandler = new Signal<I>();
-        connectDeferred = new Deferred();
     }
 
     public function connect():Promise<IConnection<O, I>> {

src/common/haxe/ru/m/connect/IConnection.hx

@@ -5,7 +5,6 @@ import haxe.io.Bytes;
 import promhx.Promise;
 import protohx.Message;
 
-
 enum ConnectionEvent {
     CONNECTED;
     DISCONNECTED;

src/common/haxe/ru/m/connect/PacketQueue.hx

@@ -1,21 +1,22 @@
 package ru.m.connect;
 
+import Reflect;
 import haxe.io.Bytes;
 import haxe.io.BytesBuffer;
 import haxe.io.BytesInput;
 import protohx.Message;
 
-
 class PacketQueue<P:Message> {
 
     public var packetClass(default, null):Class<P>;
 
-    private var bytesBuff:Bytes;
+    private var buffer:BytesBuffer;
     private var msgs:List<P>;
 
     public function new(packetClass:Class<P>) {
         this.packetClass = packetClass;
         msgs = new List<P>();
+        buffer = new BytesBuffer();
     }
 
     public inline function hasMsg():Bool {
@@ -30,47 +31,41 @@ class PacketQueue<P:Message> {
         msgs.add(msg);
     }
 
-    public function addBytes(bytes:Bytes):Void {
+    private function readPackage():Null<P> {
-        if (bytes == null) {
+        var bytes = buffer.getBytes();
-            return;
+        var input = new BytesInput(bytes);
-        }
+        input.bigEndian = false;
-        if (bytesBuff == null) {
+        if (input.length > 1) {
-            bytesBuff = bytes;
+            var packetSize = input.readUInt16();
-        } else {
+            if (input.length >= packetSize + 2) {
-            var buffer = new BytesBuffer();
-            buffer.add(bytesBuff);
-            buffer.add(bytes);
-            bytesBuff = buffer.getBytes();
-        }
-        if (bytesBuff == null || bytesBuff.length < 1) {
-            return;
-        }
-        var available = bytesBuff.length;
-        var bi = new BytesInput(bytesBuff);
-        bi.bigEndian = false;
-        while (available > 0) {
-            var packetSize = bi.readUInt16();
-            available -= 2;
-            if (packetSize <= available) {
-                var msgBytes = bi.read(packetSize);
                 var packet:P = Type.createInstance(packetClass, []);
-                packet.mergeFrom(msgBytes);
+                try {
-                addMsg(packet);
+                    packet.mergeFrom(input.read(packetSize));
-                available -= packetSize;
+                    buffer = new BytesBuffer();
-            } else {
+                    buffer.add(input.read(input.length - (packetSize + 2)));
-                break;
+                    return packet;
+                } catch (error:Dynamic) {
+                    L.w("PacketQueue", "readPackage ", error);
+                    buffer = new BytesBuffer();
+                    return null;
+                }
             }
         }
-        if (available == 0) {
+        buffer = new BytesBuffer();
-            bytesBuff = null;
+        buffer.add(bytes);
-        } else if (available > 0) {
+        return null;
-            if (bytesBuff.length != available) {
+    }
-                var pos = bytesBuff.length - available;
+
-                bytesBuff = bytesBuff.sub(pos, available);
+    public function addBytes(bytes:Bytes):Void {
-            }
+        buffer.add(bytes);
-        } else {
+        var packet = readPackage();
-            throw "Wrong available: " + available;
+        while (packet != null) {
+            msgs.add(packet);
+            packet = readPackage();
         }
     }
 
-}
+    public function clean():Void {
+        buffer = new BytesBuffer();
+    }
+}

src/common/haxe/ru/m/connect/PacketUtil.hx

@@ -0,0 +1,20 @@
+package ru.m.connect;
+
+import haxe.io.Bytes;
+import haxe.io.BytesOutput;
+import protohx.Message;
+
+class PacketUtil {
+
+    public static function fromBytes<P:Message>(bytes:Bytes, factory:Class<P>):P {
+        var packet:P = Type.createInstance(factory, []);
+        packet.mergeFrom(bytes);
+        return packet;
+    }
+
+    public static function toBytes<P:Message>(packet:P):Bytes {
+        var out = new BytesOutput();
+        packet.writeTo(out);
+        return out.getBytes();
+    }
+}

src/common/haxe/ru/m/connect/desktop/DesktopConnection.hx

@@ -0,0 +1,76 @@
+package ru.m.connect.desktop;
+
+import cpp.vm.Thread;
+import haxe.Timer;
+import promhx.Deferred;
+import promhx.Promise;
+import protohx.Message;
+import ru.m.connect.IConnection;
+import sys.net.Host;
+import sys.net.Socket;
+
+class DesktopConnection<O:Message, I:Message> extends BaseConnection<O, I> {
+
+    private var host:String;
+    private var port:Int;
+    private var socket:Socket;
+    private var reader:Thread;
+
+    public function new(host:String, port:Int, inputFactory:Class<I>) {
+        super(inputFactory);
+        this.host = host;
+        this.port = port;
+        connected = false;
+        socket = new Socket();
+        socket.setFastSend(true);
+        socket.output.bigEndian = false;
+        socket.input.bigEndian = false;
+        sendHandler.connect(_send);
+    }
+
+    override public function connect():Promise<IConnection<O, I>> {
+        connectDeferred = new Deferred();
+        try {
+            if (connected) {
+                connectDeferred.resolve(this);
+            } else {
+                socket.connect(new Host(host), port);
+                connected = true;
+                reader = Thread.create(_read);
+                connectDeferred.resolve(this);
+                handler.emit(ConnectionEvent.CONNECTED);
+            }
+        } catch (error:Dynamic) {
+            handler.emit(ConnectionEvent.ERROR(error));
+            Timer.delay(function() connectDeferred.throwError(error), 1);
+        }
+        return connectDeferred.promise();
+    }
+
+    override public function disconnect():Void {
+        socket.close();
+        connected = false;
+        handler.emit(DISCONNECTED);
+    }
+
+    private function _read():Void {
+        try {
+            while (connected) {
+                socket.waitForRead();
+                var size = socket.input.readUInt16();
+                var data = socket.input.read(size);
+                var packet:I = PacketUtil.fromBytes(data, queue.packetClass);
+                receiveHandler.emit(packet);
+            }
+        } catch (error:Dynamic) {
+            handler.emit(ERROR(error));
+        }
+    }
+
+    private function _send(packet:O):Void {
+        var bytes = PacketUtil.toBytes(packet);
+        socket.output.writeUInt16(bytes.length);
+        socket.output.write(bytes);
+        socket.output.flush();
+    }
+}

src/common/haxe/ru/m/connect/fake/FakeConnection.hx

@@ -4,7 +4,6 @@ import ru.m.connect.IConnection.ConnectionEvent;
 import promhx.Promise;
 import protohx.Message;
 
-
 class FakeConnection<O:Message, I:Message> extends BaseConnection<O, I> {
 
     override public function connect():Promise<IConnection<O, I>> {

src/common/haxe/ru/m/connect/flash/FlashConnection.hx

@@ -1,18 +1,17 @@
 package ru.m.connect.flash;
 
-import ru.m.connect.IConnection.ConnectionEvent;
-import promhx.Promise;
-import flash.utils.Endian;
-import haxe.io.BytesOutput;
-import protohx.Message;
-import haxe.io.Bytes;
 import flash.events.ErrorEvent;
-import flash.events.ProgressEvent;
 import flash.events.Event;
-import flash.events.SecurityErrorEvent;
 import flash.events.IOErrorEvent;
+import flash.events.ProgressEvent;
+import flash.events.SecurityErrorEvent;
 import flash.net.Socket;
-
+import flash.utils.Endian;
+import haxe.io.Bytes;
+import promhx.Deferred;
+import promhx.Promise;
+import protohx.Message;
+import ru.m.connect.IConnection;
 
 class FlashConnection<O:Message, I:Message> extends BaseConnection<O, I> {
 
@@ -20,8 +19,8 @@ class FlashConnection<O:Message, I:Message> extends BaseConnection<O, I> {
     private var port:Int;
     private var socket:Socket;
 
-    public function new(host:String, port:Int, i:Class<I>) {
+    public function new(host:String, port:Int, inputFactory:Class<I>) {
-        super(i);
+        super(inputFactory);
         this.host = host;
         this.port = port;
         connected = false;
@@ -37,14 +36,15 @@ class FlashConnection<O:Message, I:Message> extends BaseConnection<O, I> {
 
     override public function connect():Promise<IConnection<O, I>> {
         socket.connect(host, port);
+        connectDeferred = new Deferred();
         return connectDeferred.promise();
     }
 
     override public function disconnect():Void {
         if (socket.connected) {
             socket.close();
-            //connected = false;
+            connected = false;
-            //handler.emit(ConnectionEvent.DISCONNECTED);
+            handler.emit(ConnectionEvent.DISCONNECTED);
         }
     }
 
@@ -52,13 +52,19 @@ class FlashConnection<O:Message, I:Message> extends BaseConnection<O, I> {
         socket.close();
         connected = false;
         handler.emit(ConnectionEvent.ERROR(event));
-        connectDeferred.throwError(event);
+        if (connectDeferred != null) {
+            connectDeferred.throwError(event);
+            connectDeferred = null;
+        }
     }
 
     private function onConnect(_):Void {
         connected = true;
         handler.emit(ConnectionEvent.CONNECTED);
-        connectDeferred.resolve(this);
+        if (connectDeferred != null) {
+            connectDeferred.resolve(this);
+            connectDeferred = null;
+        }
     }
 
     private function onClose(_):Void {
@@ -68,22 +74,16 @@ class FlashConnection<O:Message, I:Message> extends BaseConnection<O, I> {
     }
 
     private function onSocketData(_):Void {
-        try {
+        var data = new flash.utils.ByteArray();
-            var b = new flash.utils.ByteArray();
+        socket.readBytes(data);
-            socket.readBytes(b);
+        var bytes = Bytes.ofData(data);
-            var bs = Bytes.ofData(cast b);
+        pushData(bytes);
-            pushData(bs);
-        } catch (error:Dynamic) {
-            handler.emit(ConnectionEvent.ERROR(error));
-        }
     }
 
     private function _send(packet:O):Void {
-        var out = new BytesOutput();
+        var bytes = PacketUtil.toBytes(packet);
-        packet.writeTo(out);
-        var bytes = out.getBytes();
         socket.writeShort(bytes.length);
-        socket.writeBytes(cast bytes.getData());
+        socket.writeBytes(bytes.getData());
         socket.flush();
     }
-}
+}

src/common/haxe/ru/m/connect/js/JsConnection.hx

@@ -1,12 +1,13 @@
 package ru.m.connect.js;
 
+import haxe.io.Bytes;
 import js.Browser;
+import js.html.BinaryType;
 import js.html.WebSocket;
+import promhx.Deferred;
 import promhx.Promise;
 import protohx.Message;
-import ru.m.Base64;
+import ru.m.connect.IConnection;
-import ru.m.connect.IConnection.ConnectionEvent;
-
 
 class JsConnection<O:Message, I:Message> extends BaseConnection<O, I> {
 
@@ -14,40 +15,41 @@ class JsConnection<O:Message, I:Message> extends BaseConnection<O, I> {
     private var port:Int;
     private var socket:WebSocket;
 
-    public function new(host:String, port:Int, i:Class<I>) {
+    public function new(host:String, port:Int, inputFactory:Class<I>) {
-        super(i);
+        super(inputFactory);
         this.host = host;
         this.port = port;
         connected = false;
     }
 
+    public static function isSecured():Bool {
+        return Browser.location.protocol == "https:";
+    }
+
     private function buildSocket(host:String, port:Int):WebSocket {
-        var protocol = switch Browser.location.protocol {
+        var protocol = isSecured() ? "wss:" : "ws:";
-            case 'http:': 'ws:';
-            case 'https:': 'wss:';
-            case _: 'ws:';
-        }
         return new WebSocket('$protocol//$host:$port');
     }
 
     override public function connect():Promise<IConnection<O, I>>  {
         var self = this;
-        var decodeBytes = Base64.decodeBase64;
         socket = buildSocket(host, port);
+        socket.binaryType = BinaryType.ARRAYBUFFER;
         socket.onopen = this.onConnect;
         socket.onclose = this.onClose;
         socket.onerror = this.onError;
         socket.onmessage = this.onSocketData;
+        connectDeferred = new Deferred();
         return connectDeferred.promise();
     }
 
     override public function disconnect():Void {
-        socket.close();
+        socket.close(1000);
         connected = false;
     }
 
     private function onError(event:Dynamic):Void {
-        socket.close();
+        socket.close(1000);
         connected = false;
         handler.emit(ConnectionEvent.ERROR(event));
     }
@@ -65,17 +67,25 @@ class JsConnection<O:Message, I:Message> extends BaseConnection<O, I> {
     }
 
     private function onSocketData(event:Dynamic):Void {
+        var packet:I = null;
         try {
-            var data:String = event.data;
+            var bytes = Bytes.ofData(event.data);
-            var packet:I = WebSocketTools.string2packet(data, queue.packetClass);
+            packet = PacketUtil.fromBytes(bytes, queue.packetClass);
-            receive(packet);
         } catch (error:Dynamic) {
-            handler.emit(ConnectionEvent.ERROR(event));
+            handler.emit(ConnectionEvent.ERROR(error));
+        }
+        if (packet != null) {
+            receive(packet);
         }
     }
 
     override public function send(packet:O):Void {
-        super.send(packet);
+        if (connected) {
-        socket.send(WebSocketTools.packet2string(packet));
+            super.send(packet);
+            var bytes = PacketUtil.toBytes(packet);
+            socket.send(bytes.getData());
+        } else {
+            L.w("Connection", "closed");
+        }
     }
-}
+}

src/common/haxe/ru/m/connect/neko/NekoConnection.hx

@@ -1,28 +1,30 @@
 package ru.m.connect.neko;
 
-import haxe.io.BytesOutput;
 import protohx.Message;
 import sys.net.Socket;
 
-
 class NekoConnection<O:Message, I:Message> extends BaseConnection<O, I> {
 
     public var socket(default, null):Socket;
 
+    private var sendQueue:Array<O>;
+    private var timer:Timer;
+
     public function new(socket:Socket, i:Class<I>) {
         super(i);
         this.socket = socket;
         socket.setFastSend(true);
         socket.output.bigEndian = false;
         socket.input.bigEndian = false;
-        sendHandler.connect(_send);
+        sendHandler.connect(pushPacket);
+        sendQueue = [];
+        timer = new Timer(1);
+        timer.run = sendRun;
     }
 
-    private function _send(packet:O):Void {
+    private function sendPacket(packet:O):Void {
         try {
-            var b = new BytesOutput();
+            var bytes = PacketUtil.toBytes(packet);
-            packet.writeTo(b);
-            var bytes = b.getBytes();
             socket.output.writeUInt16(bytes.length);
             socket.output.write(bytes);
             socket.output.flush();
@@ -30,4 +32,25 @@ class NekoConnection<O:Message, I:Message> extends BaseConnection<O, I> {
             L.e('Proto', 'Error send packet: ${packet}', error);
         }
     }
-}
+
+    private function sendRun():Void {
+        if (sendQueue.length > 0) {
+            for (packet in sendQueue) {
+                sendPacket(packet);
+            }
+            sendQueue = [];
+        }
+    }
+
+    private function pushPacket(packet:O):Void {
+        sendQueue.push(packet);
+    }
+
+    override public function disconnect():Void {
+        if (timer != null) {
+            timer.stop();
+            timer = null;
+        }
+        super.disconnect();
+    }
+}

src/common/haxe/ru/m/connect/neko/NekoWSConnection.hx

@@ -2,12 +2,12 @@ package ru.m.connect.neko;
 
 import haxe.crypto.BaseCode;
 import haxe.crypto.Sha1;
-import protohx.Message;
 import haxe.io.Bytes;
+import haxe.io.BytesBuffer;
+import protohx.Message;
 import sys.net.Socket;
 
-
+class NekoWSConnection<O:Message, I:Message> extends NekoConnection<O, I> {
-class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
 
     private var opened:Bool;
 
@@ -16,13 +16,9 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
         opened = false;
     }
 
-    override private function _send(packet:O):Void {
+    override private function sendPacket(packet:O):Void {
-        try {
+        var data = PacketUtil.toBytes(packet);
-            var data = WebSocketTools.packet2string(packet);
+        writeData(data, socket);
-            writeData(data, socket);
-        } catch (error:Dynamic) {
-            L.e('Proto', 'Error send packet: ${packet}', error);
-        }
     }
 
     override public function pushData(bytes:Bytes):Void {
@@ -37,13 +33,12 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
         } else {
             var data = parseData(bytes);
             if (data != null) {
-                var packet:I = WebSocketTools.string2packet(data, queue.packetClass);
+                var packet:I = PacketUtil.fromBytes(data, queue.packetClass);
                 receive(packet);
             }
         }
     }
 
-
     private function encodeBase64(content:String):String {
         var suffix = switch (content.length % 3)
         {
@@ -74,8 +69,8 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
         socket.output.writeString(s);
     }
 
-    private function writeData(data:String, socket:sys.net.Socket, isServer = true):Void {
+    private function writeData(data:Bytes, socket:sys.net.Socket, isServer = true):Void {
-        socket.output.writeByte(0x81);
+        socket.output.writeByte(130);
 
         var len = 0;
         if (data.length < 126) len = data.length;
@@ -98,7 +93,7 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
         }
 
         if (isServer) {
-            socket.output.writeString(data);
+            socket.output.writeBytes(data, 0, data.length);
         }
         else {
             var mask = [ Std.random(256), Std.random(256), Std.random(256), Std.random(256) ];
@@ -106,29 +101,29 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
             socket.output.writeByte(mask[1]);
             socket.output.writeByte(mask[2]);
             socket.output.writeByte(mask[3]);
-            var maskedData = new StringBuf();
+            var maskedData = new BytesBuffer();
             for (i in 0...data.length) {
-                maskedData.addChar(data.charCodeAt(i) ^ mask[i % 4]);
+                maskedData.addByte(data.get(i) ^ mask[i % 4]);
             }
-            socket.output.writeString(maskedData.toString());
+            socket.output.writeBytes(maskedData.getBytes(), 0, maskedData.length);
         }
     }
 
-    private function parseData(bytes:Bytes):String {
+    private function parseData(bytes:Bytes):Bytes {
         var p = 0;
         var opcode = bytes.get(p++);
 
         if (opcode == 0x00) {
-            var s = "";
+            var data = new BytesBuffer();
             var b:Int;
             while ((b = bytes.get(p++)) != 0xFF) {
-                s += String.fromCharCode(b);
+                data.addByte(b);
             }
-            return s;
+            return data.getBytes();
         }
 
-        // 0x81 = fin & text
+        // 130 = binary data
-        if (opcode == 0x81) {
+        if (opcode == 130) {
             var len = bytes.get(p++);
 
             // mask
@@ -159,13 +154,13 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
 
                 //Lib.println("mask = " + mask);
 
-                var data = new StringBuf();
+                var data = new BytesBuffer();
                 for (i in 0...len) {
-                    data.addChar(bytes.get(p++) ^ mask[i % 4]);
+                    data.addByte(bytes.get(p++) ^ mask[i % 4]);
                 }
 
                 //Lib.println("readed = " + data.toString());
-                return data.toString();
+                return data.getBytes();
             } else {
                 throw "Expected masked data.";
             }
@@ -180,4 +175,4 @@ class NekoWebConnection<O:Message, I:Message> extends NekoConnection<O, I> {
         }
         return null;
     }
-}
+}

src/common/haxe/ru/m/tankz/bot/BotControl.hx

@@ -1,6 +1,6 @@
 package ru.m.tankz.bot;
 
-import haxe.Timer;
+import ru.m.Timer;
 import ru.m.geom.Direction;
 import ru.m.tankz.control.Control;
 import ru.m.tankz.core.Tank;
@@ -12,7 +12,7 @@ class BotControl extends Control {
     private var tank(get, null):Tank;
 
     private inline function get_tank():Tank {
-        return handler == null ? null : handler.engine.getEntity(tankId);
+        return handler == null || tankId == -1 ? null : engine.getEntity(tankId);
     }
 
     override public function stop():Void {

src/common/haxe/ru/m/tankz/bot/BotHelper.hx

@@ -4,13 +4,13 @@ import ru.m.geom.Direction;
 import ru.m.tankz.core.Eagle;
 import ru.m.tankz.core.Entity;
 import ru.m.tankz.core.EntityType;
-import ru.m.tankz.game.IGame;
+import ru.m.tankz.engine.IEngine;
 import ru.m.tankz.Type;
 
 class BotHelper {
 
-    public static function findEagle(team:TeamId, handler:IGame):Null<Eagle> {
+    public static function findEagle(team:TeamId, engine:IEngine):Null<Eagle> {
-        for (entity in handler.engine.entities) {
+        for (entity in engine.entities) {
             switch (EntityTypeResolver.of(entity)) {
                 case EntityType.EAGLE(eagle):
                     if (eagle.team != team) {

src/common/haxe/ru/m/tankz/bot/HardBotControl.hx

@@ -1,6 +1,6 @@
 package ru.m.tankz.bot;
 
-import haxe.Timer;
+import ru.m.Timer;
 import ru.m.tankz.core.Eagle;
 import ru.m.tankz.core.EntityType;
 import ru.m.tankz.core.Tank;
@@ -56,7 +56,7 @@ class HardBotControl extends BotControl {
         }
         var enemy:Tank = null;
         var distance:Float = Math.POSITIVE_INFINITY;
-        for (entity in handler.engine.entities.iterator()) {
+        for (entity in engine.entities.iterator()) {
             switch EntityTypeResolver.of(entity) {
                 case TANK(t):
                     if (t.playerId.team != tank.playerId.team) {
@@ -82,7 +82,7 @@ class HardBotControl extends BotControl {
     }
 
     private function calcTurn():Void {
-        var eagle:Eagle = BotHelper.findEagle(playerId.team, handler);
+        var eagle:Eagle = BotHelper.findEagle(playerId.team, engine);
         if (eagle != null && Math.random() > 0.5) {
             turn(BotHelper.getDirectionTo(tank, eagle));
         } else {

src/common/haxe/ru/m/tankz/bot/StupidBotControl.hx

@@ -1,6 +1,6 @@
 package ru.m.tankz.bot;
 
-import haxe.Timer;
+import ru.m.Timer;
 import ru.m.tankz.control.Control;
 import ru.m.tankz.core.Eagle;
 import ru.m.tankz.core.EntityType;
@@ -45,7 +45,7 @@ class StupidBotControl extends BotControl {
 
     private function calcTurn():Void {
         if (handler == null || tank == null) return;
-        var eagle:Eagle = BotHelper.findEagle(playerId.team, handler);
+        var eagle:Eagle = BotHelper.findEagle(playerId.team, engine);
         if (eagle != null && Math.random() > 0.5) {
             turn(BotHelper.getDirectionTo(tank, eagle));
         } else {

src/common/haxe/ru/m/tankz/bundle/IConfigBundle.hx

@@ -3,17 +3,6 @@ package ru.m.tankz.bundle;
 import ru.m.tankz.config.Config;
 import ru.m.tankz.Type;
 
-
-typedef ConfigSource = {
-    var game:GameConfig;
-    var map: MapConfig;
-    var bricks: Array<BrickConfig>;
-    var presets: Array<GamePreset>;
-    var points: Array<SpawnPoint>;
-    var tanks: Array<TankConfig>;
-    var bonuses: Array<BonusConfig>;
-}
-
 interface IConfigBundle {
     public function get(type:GameType):Config;
 }

src/common/haxe/ru/m/tankz/config/Config.hx

@@ -1,6 +1,7 @@
 package ru.m.tankz.config;
 
 import haxework.color.Color;
+import ru.m.tankz.control.Controller;
 import ru.m.tankz.Type;
 
 typedef CompleteRule = {
@@ -50,8 +51,8 @@ typedef TankConfig = {
     var speed:Float;
     var bullet:BulletConfig;
     var bullets:Int;
-    var hits:Int;
     var skin:String;
+    @:optinal var hits:Int;
     @:optinal var upgrade:TankType;
     @:optinal var downgrade:TankType;
     @:optinal var score:Int;
@@ -74,7 +75,7 @@ typedef PlayerConfig = {
     @:optional var bonus:Float;
     @:optional var protect:Float;
     @:optional var life:Int;
-    @:optional var color:Color;
+    @:optional var color:Null<Int>;
     @:optional var control:String;
 }
 
@@ -88,7 +89,7 @@ typedef TeamConfig = {
     @:optional var eagle:EagleConfig;
     @:optional var life:Int;
     @:optional var spawnInterval:Int;
-    @:optional var color:Color;
+    @:optional var color:Null<Int>;
 }
 
 typedef GamePreset = {
@@ -104,6 +105,30 @@ typedef LevelConfig = {
     @:optional var points:Array<SpawnPoint>;
 }
 
+typedef PlayerControl = {
+    var playerId:PlayerId;
+    var control:String;
+    @:optional var color:Null<Int>;
+    @:optional var name:String;
+}
+
+typedef ControlPreset = {
+    var id:Int;
+    var name:String;
+    var values:Array<PlayerControl>;
+};
+
+typedef ConfigSource = {
+    var game:GameConfig;
+    var map: MapConfig;
+    var bricks: Array<BrickConfig>;
+    var presets: Array<GamePreset>;
+    var controls: Array<ControlPreset>;
+    var points: Array<SpawnPoint>;
+    var tanks: Array<TankConfig>;
+    var bonuses: Array<BonusConfig>;
+}
+
 class Config {
     public var type(default, null):String;
     public var game(default, null):GameConfig;
@@ -111,8 +136,11 @@ class Config {
     public var bricks(default, null):Array<BrickConfig>;
     public var tanks(default, null):Array<TankConfig>;
     public var presets(default, null):Array<GamePreset>;
+    public var controls(default, null):Array<ControlPreset>;
     public var points(default, null):Array<SpawnPoint>;
     public var bonuses(default, null):Array<BonusConfig>;
+    public var mapWidth(get, null):Float;
+    public var mapHeight(get, null):Float;
 
     private var brickMap:Map<BrickType, BrickConfig>;
     private var brickMapByIndex:Map<Int, BrickConfig>;
@@ -122,12 +150,17 @@ class Config {
     private var teamsMap:Map<TeamId, TeamConfig>;
     private var playersMap:Map<String, PlayerConfig>;
 
+    public static function fromSource(type:GameType, source:ConfigSource):Config {
+        return new Config(type, source.game, source.map, source.bricks, source.presets, source.controls, source.points, source.tanks, source.bonuses);
+    }
+
     public function new(
         type:String,
         game:GameConfig,
         map:MapConfig,
         bricks:Array<BrickConfig>,
         presets:Array<GamePreset>,
+        controls:Array<ControlPreset>,
         points:Array<SpawnPoint>,
         tanks:Array<TankConfig>,
         bonuses:Array<BonusConfig>
@@ -137,6 +170,7 @@ class Config {
         this.map = map;
         this.bricks = bricks;
         this.presets = presets;
+        this.controls = controls;
         this.points = points;
         this.tanks = tanks;
         this.bonuses = bonuses;
@@ -174,6 +208,14 @@ class Config {
         }
     }
 
+    private function get_mapWidth():Float {
+        return map.cellWidth * map.gridWidth;
+    }
+
+    private function get_mapHeight():Float {
+        return map.cellHeight * map.gridHeight;
+    }
+
     public function getBrick(type:BrickType):BrickConfig {
         return brickMap.get(type);
     }
@@ -202,16 +244,16 @@ class Config {
         return playersMap.get(playerId);
     }
 
-    public function getColor(playerId:PlayerId):Color {
+    public function getColor(playerId:PlayerId):Null<Color> {
         var player = getPlayer(playerId);
-        if (player != null && !player.color.zero) {
+        if (player != null && player.color != null) {
             return player.color;
         }
         var team = getTeam(playerId.team);
         if (team != null) {
             return team.color;
         }
-        return -1;
+        return null;
     }
 
     public function getPoint(teamId:TeamId, type:String, index:Int = -1):SpawnPoint {
@@ -222,4 +264,12 @@ class Config {
         }
         return null;
     }
+
+    public function isHuman(playerId:PlayerId) {
+        var controller:Controller = AController.fromString(getPlayer(playerId).control);
+        return switch controller {
+            case HUMAN(_): true;
+            case _: false;
+        }
+    }
 }

src/common/haxe/ru/m/tankz/control/BaseControlFactory.hx

@@ -0,0 +1,30 @@
+package ru.m.tankz.control;
+
+import ru.m.tankz.bot.HardBotControl;
+import ru.m.tankz.bot.StupidBotControl;
+import ru.m.tankz.Type;
+
+class BaseControlFactory implements IControlFactory {
+
+    public function new() {}
+
+    public function build(id:PlayerId, controller:Controller):Control {
+        return switch controller {
+            case Controller.HUMAN(index): buildHuman(id, index);
+            case Controller.BOT(type): buildBot(id, type);
+            case Controller.NONE: null;
+        }
+    }
+
+    private function buildHuman(id:PlayerId, index:Int):Control {
+        return null;
+    }
+
+    private function buildBot(id:PlayerId, type:String):Control {
+        return switch type {
+            case StupidBotControl.BOT_TYPE: new StupidBotControl(id);
+            case HardBotControl.BOT_TYPE: new HardBotControl(id);
+            case _: null;
+        }
+    }
+}

src/common/haxe/ru/m/tankz/control/Control.hx

@@ -1,8 +1,9 @@
 package ru.m.tankz.control;
 
-import ru.m.tankz.game.GameEvent;
 import ru.m.geom.Direction;
 import ru.m.tankz.core.EntityType;
+import ru.m.tankz.engine.IEngine;
+import ru.m.tankz.game.GameEvent;
 import ru.m.tankz.game.IGame;
 import ru.m.tankz.Type;
 
@@ -17,17 +18,20 @@ class Control {
     public var playerId(default, null):PlayerId;
     public var tankId(default, default):Int;
     private var handler:IGame;
+    private var engine:IEngine;
 
     public function new(playerId:PlayerId) {
         this.playerId = playerId;
+        this.tankId = -1;
     }
 
-    public function bind(handler:IGame):Void {
+    public function bind(handler:IGame, engine:IEngine):Void {
         this.handler = handler;
+        this.engine = engine;
     }
 
     public function action(action:TankAction):Void {
-        if (tankId != 0 && handler != null) {
+        if (tankId > -1 && handler != null) {
             handler.gameEventSignal.emit(GameEvent.ACTION(tankId, action));
         }
     }
@@ -41,5 +45,7 @@ class Control {
     public function dispose():Void {
         stop();
         handler = null;
+        engine = null;
+        tankId = -1;
     }
 }

src/common/haxe/ru/m/tankz/control/IControlFactory.hx

@@ -3,7 +3,6 @@ package ru.m.tankz.control;
 import ru.m.tankz.control.Control;
 import ru.m.tankz.Type;
 
-
 interface IControlFactory {
     public function build(id:PlayerId, controller:Controller):Control;
 }

src/common/haxe/ru/m/tankz/control/NoneControlFactory.hx

@@ -3,7 +3,6 @@ package ru.m.tankz.control;
 import ru.m.tankz.control.Control;
 import ru.m.tankz.Type;
 
-
 class NoneControlFactory implements IControlFactory {
 
     public function new() {}

src/common/haxe/ru/m/tankz/core/Eagle.hx

@@ -11,7 +11,7 @@ class Eagle extends Entity {
     public var config(default, null):EagleConfig;
     public var color(default, default):Color;
     public var death(default, default):Bool;
-    public var protect(default, null):Modificator;
+    public var protect(default, default):Bool;
 
     public var score(get, null):Int;
 
@@ -20,15 +20,10 @@ class Eagle extends Entity {
         this.team = team;
         this.config = config;
         this.death = false;
-        this.protect = new Modificator(id);
+        this.protect = false;
     }
 
     private inline function get_score():Int {
         return config != null ? config.score : 0;
     }
-
-    override public function dispose() {
-        super.dispose();
-        protect.dispose();
-    }
 }

src/common/haxe/ru/m/tankz/core/Entity.hx

@@ -18,6 +18,4 @@ class Entity {
     public function toString():String {
         return '$type($id)';
     }
-
-    public function dispose() {}
 }

src/common/haxe/ru/m/tankz/core/Modificator.hx

@@ -1,38 +0,0 @@
-package ru.m.tankz.core;
-
-import haxe.Timer;
-import haxework.signal.Signal;
-
-class Modificator extends Signal2<Int, Bool> {
-
-    public var id(default, default):Int;
-    public var active(default, default):Bool;
-    private var timer:Timer;
-
-    public function new(id) {
-        super();
-        this.id = id;
-        active = false;
-    }
-
-    override public function connect(receiver:Int->Bool->Void):Void {
-        super.connect(receiver);
-        receiver(id, active);
-    }
-
-    public function on(seconds:Float):Void {
-        off();
-        active = true;
-        timer = Timer.delay(off, Std.int(seconds * 1000));
-        emit(id, true);
-    }
-
-    public function off():Void {
-        if (timer != null) {
-            timer.stop();
-            timer = null;
-            emit(id, false);
-        }
-        active = false;
-    }
-}

src/common/haxe/ru/m/tankz/core/Tank.hx

@@ -10,15 +10,16 @@ class Tank extends MobileEntity {
     public var playerId(default, null):PlayerId;
     public var config(default, set):TankConfig;
     public var color(default, default):Color;
+    public var name(default, default):String;
     public var hits(default, default):Int;
     public var bonus(default, default):Bool;
-    public var protect(default, null):Modificator;
+    public var protect(default, default):Bool;
-    public var freezing(default, null):Modificator;
+    public var freezing(default, default):Bool;
 
     public function new(id:Int, rect:Rectangle, playerId:PlayerId, config:TankConfig) {
         super(id, rect, config.speed, Direction.RIGHT);
-        this.protect = new Modificator(id);
+        this.protect = false;
-        this.freezing = new Modificator(id);
+        this.freezing = false;
         this.playerId = playerId;
         this.config = config;
         this.layer = 1;
@@ -35,14 +36,8 @@ class Tank extends MobileEntity {
     }
 
     override public function move(direction:Direction):Void {
-        if (!freezing.active) {
+        if (!freezing) {
             super.move(direction);
         }
     }
-
-    override public function dispose() {
-        super.dispose();
-        protect.dispose();
-        freezing.dispose();
-    }
 }

src/common/haxe/ru/m/tankz/engine/Engine.hx

@@ -4,7 +4,6 @@ import ru.m.geom.Direction;
 import ru.m.geom.Line;
 import ru.m.geom.Point;
 import ru.m.tankz.config.Config;
-import ru.m.tankz.core.Bullet;
 import ru.m.tankz.core.Entity;
 import ru.m.tankz.core.EntityType;
 import ru.m.tankz.core.MobileEntity;
@@ -17,18 +16,17 @@ import ru.m.tankz.map.LevelMap;
 
     public var config(default, default):Config;
     public var map(default, null):LevelMap;
-
+    public var ticker(default, null):ITicker;
-    public var allEntities(default, null):Map<Int, Entity>;
     public var entities(default, null):Map<Int, Entity>;
 
-    private var time:Float;
+    public var allEntities(default, null):Map<Int, Entity>;
 
     public function new(config:Config) {
         this.config = config;
         map = new LevelMap(config.map);
         allEntities = new Map();
         entities = new Map();
-        time = Date.now().getTime();
+        ticker = new Ticker();
     }
 
     public function getEntity<T:Entity>(entityId:Int):T {
@@ -68,9 +66,7 @@ import ru.m.tankz.map.LevelMap;
     }
 
     public function update():Void {
-        var newTime:Float = Date.now().getTime();
+        var d:Float = ticker.tick();
-        var d:Float = newTime - time;
-        time = newTime;
 
         for (ent in entities) if (Std.is(ent, MobileEntity)) {
             var entityType:EntityType = EntityTypeResolver.of(ent);
@@ -140,9 +136,6 @@ import ru.m.tankz.map.LevelMap;
     }
 
     public function dispose():Void {
-        for (entity in allEntities) {
-            entity.dispose();
-        }
         allEntities = new Map();
         entities = new Map();
         //map = null;

src/common/haxe/ru/m/tankz/engine/IEngine.hx

@@ -12,6 +12,7 @@ interface IEngine {
     public var entities(default, null):Map<Int, Entity>;
     public var config(default, default):Config;
     public var map(default, null):LevelMap;
+    public var ticker(default, null):ITicker;
 
     public var spawnSignal(default, null):Signal1<EntityType>;
     public var collisionSignal(default, null):Signal2<EntityType, EntityType>;

src/common/haxe/ru/m/tankz/engine/ITicker.hx

@@ -0,0 +1,11 @@
+package ru.m.tankz.engine;
+
+interface ITicker {
+    public var time(get, null):Int;
+    public var running(default, null):Bool;
+
+    public function start():Void;
+    public function stop():Void;
+    public function tick():Int;
+    public function emit(f:Void->Void, delay:Int):Void;
+}

src/common/haxe/ru/m/tankz/engine/Ticker.hx

@@ -0,0 +1,74 @@
+package ru.m.tankz.engine;
+
+typedef Action = {
+    var time:Int;
+    var action:Void->Void;
+}
+
+class Ticker implements ITicker {
+    public var time(get, null):Int;
+    public var running(default, null):Bool;
+
+    private var passed:Int;
+    private var last_tick:Int;
+    private var actions:Array<Action>;
+
+    private static var TIME = Timer.stamp();
+
+    private inline static function now():Int {
+        return Std.int((Timer.stamp() - TIME) * 1000);
+    }
+
+    public function new() {
+        passed = 0;
+        last_tick = 0;
+        running = false;
+        actions = [];
+    }
+
+    private function get_time():Int {
+        return passed;
+    }
+
+    public function start():Void {
+        last_tick = now();
+        running = true;
+    }
+
+    public function stop():Void {
+        running = false;
+    }
+
+    public function tick():Int {
+        if (!running) {
+            return 0;
+        }
+        var now = now();
+        var result = now - last_tick;
+        last_tick = now;
+        passed += result;
+        if (actions.length > 0) {
+            runActions();
+        }
+        return result;
+    }
+
+    private function runActions():Void {
+        var it = actions.iterator();
+        var action = it.next();
+        var i = 0;
+        while (action != null && time >= action.time) {
+            action.action();
+            i++;
+            action = it.next();
+        }
+        if (i > 0) {
+            actions = actions.slice(i);
+        }
+    }
+
+    public function emit(action:Void->Void, delay:Int):Void {
+        actions.push({action:action, time:time+delay});
+        actions.sort(function(a, b) return a.time - b.time);
+    }
+}

src/common/haxe/ru/m/tankz/game/EntityBuilder.hx

@@ -1,5 +1,6 @@
 package ru.m.tankz.game;
 
+import haxework.color.Color;
 import ru.m.geom.Direction;
 import ru.m.geom.Point;
 import ru.m.geom.Rectangle;
@@ -19,12 +20,14 @@ typedef EntityPoint = {
 class EntityBuilder {
 
     private var config:Config;
+    private var entityId:Int;
 
     public function new(config:Config) {
         this.config = config;
+        this.entityId = 1;
     }
 
-    private function buildRect(point:EntityPoint, width:Float, height:Float):Rectangle {
+    public function buildRect(point:EntityPoint, width:Float, height:Float):Rectangle {
         return new Rectangle(
             (point.x + 1) * config.map.cellWidth - width / 2,
             (point.y + 1) * config.map.cellHeight - height / 2,
@@ -34,35 +37,35 @@ class EntityBuilder {
         );
     }
 
-    public function buildEagle(id:Int, point:EntityPoint, teamId:TeamId):Eagle {
+    public function buildEagle(point:EntityPoint, teamId:TeamId):Eagle {
         var eageleConfig = config.getTeam(teamId).eagle;
-        var eagle = new Eagle(id, buildRect(point, config.map.cellWidth * 2, config.map.cellHeight * 2), teamId, eageleConfig);
+        var eagle = new Eagle(++entityId, buildRect(point, config.map.cellWidth * 2, config.map.cellHeight * 2), teamId, eageleConfig);
         eagle.color = config.getColor(new PlayerId(teamId, -1));
         return eagle;
     }
 
-    public function buildTank(id:Int, point:EntityPoint, playerId:PlayerId, type:TankType):Tank {
+    public function buildTank(point:EntityPoint, playerId:PlayerId, type:TankType, color:Null<Color>, name:String, bonusOff:Bool = false):Tank {
         var playerConfig = config.getPlayer(playerId);
         var tankConfig = config.getTank(type);
-        var tank = new Tank(id, buildRect(point, tankConfig.width, tankConfig.height), playerId, tankConfig);
+        var tank = new Tank(++entityId, buildRect(point, tankConfig.width, tankConfig.height), playerId, tankConfig);
-        tank.color = config.getColor(playerId);
+        tank.color = color == null || color.zero ? config.getColor(playerId) : color;
-        tank.bonus = Math.random() < playerConfig.bonus;
+        tank.name = name;
-        if (playerConfig.protect > 0) {
+        if (!bonusOff) {
-            tank.protect.on(playerConfig.protect);
+            tank.bonus = Math.random() < playerConfig.bonus;
         }
         return tank;
     }
 
-    public function buildBullet(id:Int, point:Point, direction:Direction, playerId:PlayerId, type:TankType):Bullet {
+    public function buildBullet(point:Point, direction:Direction, playerId:PlayerId, type:TankType):Bullet {
         var tankConfig = config.getTank(type);
         var bulletConfig = tankConfig.bullet;
-        var bullet = new Bullet(id, new Rectangle(point.x - bulletConfig.width / 2, point.y - bulletConfig.height / 2, bulletConfig.width, bulletConfig.height, direction), playerId, bulletConfig);
+        var bullet = new Bullet(++entityId, new Rectangle(point.x - bulletConfig.width / 2, point.y - bulletConfig.height / 2, bulletConfig.width, bulletConfig.height, direction), playerId, bulletConfig);
         return bullet;
     }
 
-    public function buildBonus(id:Int, point:EntityPoint, type:BonusType):Bonus {
+    public function buildBonus(point:EntityPoint, type:BonusType):Bonus {
         var bonusConfig = config.getBonus(type);
-        var bonus = new Bonus(id, buildRect(point, config.map.cellWidth * 2, config.map.cellHeight * 2), bonusConfig);
+        var bonus = new Bonus(++entityId, buildRect(point, config.map.cellWidth * 2, config.map.cellHeight * 2), bonusConfig);
         return bonus;
     }
 }

src/common/haxe/ru/m/tankz/game/EventUtil.hx

@@ -0,0 +1,74 @@
+package ru.m.tankz.game;
+
+import ru.m.tankz.core.Bonus;
+import ru.m.tankz.core.Bullet;
+import ru.m.tankz.core.Eagle;
+import ru.m.tankz.core.Entity;
+import ru.m.tankz.core.EntityType;
+import ru.m.tankz.core.Tank;
+import ru.m.tankz.game.GameEvent;
+import ru.m.tankz.map.Brick;
+import ru.m.tankz.map.LevelMap;
+
+class EventUtil {
+
+    public static function buildBricksSpawn(map:LevelMap):GameEvent {
+        var bricks = map.bricks.map(function(item:Brick):BrickInfo {
+            return {
+                id: item.id,
+                x: item.cellY,
+                y: item.cellY,
+                rect: item.rect,
+                type: item.config.type,
+            }
+        });
+        return SPAWN(BRICK(bricks));
+    }
+
+    public static function buildCellsDestroyed(map:LevelMap):Array<GameEvent> {
+        var result = [];
+        for (brick in map.bricks) {
+            for (cell in brick.cells) {
+                if (cell.destroyed) {
+                    result.push(DESTROY(CELL(brick.id, cell.cellX - brick.cellX * 2, cell.cellY - brick.cellY * 2, {tankId: -1})));
+                }
+            }
+        }
+        return result;
+    }
+
+    public static function buildEagleSpawn(eagle:Eagle):GameEvent {
+        return SPAWN(EAGLE(eagle.id, eagle.rect, eagle.team));
+    }
+
+    public static function buildTankSpawn(tank:Tank):GameEvent {
+        return SPAWN(TANK(tank.id, tank.rect.clone(), tank.playerId, {
+            type:tank.config.type,
+            hits:tank.hits,
+            bonus:tank.bonus,
+            color:tank.color,
+            name:tank.name,
+        }));
+    }
+
+    public static function buildBonusSpawn(bonus:Bonus):GameEvent {
+        return SPAWN(BONUS(bonus.id, bonus.rect.clone(), bonus.config.type));
+    }
+
+    public static function buildBulletSpawn(bullet:Bullet):GameEvent {
+        return SPAWN(BULLET(bullet.id, bullet.rect.clone(), bullet.playerId, bullet.config.piercing));
+    }
+
+    public static function buildMove(entity:Entity):GameEvent {
+        return switch EntityTypeResolver.of(entity) {
+            case EAGLE(eagle):
+                MOVE(EAGLE(entity.id, entity.rect.position));
+            case TANK(tank):
+                MOVE(TANK(entity.id, entity.rect.position));
+            case BULLET(bullet):
+                MOVE(BULLET(entity.id, entity.rect.position));
+            case _:
+                null;
+        }
+    }
+}