/js/DemoHelloWorld/DemoClientGame.js

/**
 File:
 DemoServerGame
 Created By:
 Mario Gonzalez
 Project:
 DemoHelloWorld
 Abstract:
 This is a concrete server instance of our game
 Basic Usage:
 DemoServerGame = new DemoHelloWorld.DemoServerGame();
 DemoServerGame.start();
 DemoServerGame.explodeEveryone();
 Version:
 1.0
 */
(function () {

    DemoHelloWorld.DemoClientGame = function () {
        DemoHelloWorld.DemoClientGame.superclass.constructor.call(this);
        this.startGameClock();
        return this;
    };

    DemoHelloWorld.DemoClientGame.prototype = {
        setupView: function () {
            this.view = new DemoHelloWorld.DemoView();
            this.view.insertIntoHTMLElementWithId("gamecontainer");
            DemoHelloWorld.DemoClientGame.superclass.setupView.call(this);
        },

        /**
         * @inheritDoc
         */
        tick: function () {
            DemoHelloWorld.DemoClientGame.superclass.tick.call(this);
            this.view.stats.update();
            this.view.update(this.gameClockReal);
        },

        /**
         * @inheritDoc
         */
        createEntityFromDesc: function (entityDesc) {

            var diameter = entityDesc.radius * 2;

            // Create a view via CAAT
            var aCircleView = new CAAT.ShapeActor();
            aCircleView.create();
            aCircleView.setSize(diameter, diameter);
            aCircleView.setFillStyle("#" + CAAT.Color.prototype.hsvToRgb((entityDesc.entityid * 15) % 360, 40, 99).toHex()); // Random color
            aCircleView.setLocation(entityDesc.x, entityDesc.y); // Place in the center of the screen, use the director's width/height

            // Create the entity and add it to the fieldcontroller
            var newEntity = new DemoHelloWorld.CircleEntity(entityDesc.entityid, entityDesc.clientid);
            newEntity.position.set(entityDesc.x, entityDesc.y);
            newEntity.setView(aCircleView);

            this.fieldController.addEntity(newEntity);
        },

        /**
         * Called by the ClientNetChannel, it sends us an array containing tightly packed values and expects us to return a meaningful object
         * It is left up to each game to implement this function because only the game knows what it needs to send.
         * However the 4 example projects in RealtimeMultiplayerNodeJS offer should be used ans examples
         *
         * @param {Array} entityDescAsArray An array of tightly packed values
         * @return {Object} An object which will be returned to you later on tied to a specific entity
         */
        parseEntityDescriptionArray: function (entityDescAsArray) {
            var entityDescription = {};

            // It is left upto each game to implement this function because only the game knows what it needs to send.
            // However the 4 example projects in RealtimeMultiplayerNodeJS offer this an example
            entityDescription.entityid = +entityDescAsArray[0];
            entityDescription.clientid = +entityDescAsArray[1];
            entityDescription.entityType = +entityDescAsArray[2];
            entityDescription.x = +entityDescAsArray[3];
            entityDescription.y = +entityDescAsArray[4];
            entityDescription.radius = +entityDescAsArray[5];

            return entityDescription;
        },

        /**
         * @inheritDoc
         */
        netChannelDidConnect: function (messageData) {
            DemoHelloWorld.DemoClientGame.superclass.netChannelDidConnect.call(this, messageData);
            this.joinGame("Player" + this.netChannel.getClientid()); // Automatically join the game with some name
        },

        /**
         * @inheritDoc
         */
        netChannelDidReceiveMessage: function (messageData) {
            DemoHelloWorld.DemoClientGame.superclass.netChannelDidReceiveMessage.call(this, messageData);
            // Do some stuff here
        },

        /**
         * @inheritDoc
         */
        netChannelDidDisconnect: function (messageData) {
            DemoHelloWorld.DemoClientGame.superclass.netChannelDidDisconnect.call(this, messageData);
            // Do some stuff here
        },

        /**
         * @inheritDoc
         */
        joinGame: function (aNickname) {
            // This is called when the user has decided to join the game, in our HelloWorld example this happens automatically
            // In a regular game situation, this might happen after a user picked their chracter for example
            this.nickname = aNickname;
            // Create a 'join' message and queue it in ClientNetChannel
            this.netChannel.addMessageToQueue(true, RealtimeMultiplayerGame.Constants.CMDS.PLAYER_JOINED, { nickname: this.nickname });
        },

        /**
         * @inheritDoc
         */
        log: (function () {
            var message = function (message) {
                var el = document.createElement('p');
                el.innerHTML = '<b>' + esc(message) + ':</b> ';

                // Log if possible
                console.log(message);
                document.getElementsByTagName('aside')[0].appendChild(el);
                document.getElementsByTagName('aside')[0].scrollTop = 1000000;
            };

            var esc = function (msg) {
                return msg.replace(/</g, '&lt;').replace(/>/g, '&gt;');
            };

            return message;
        })(),

        /**
         * Deallocate memory from your game, and let the superclass do the same
         */
        dealloc: function () {
            DemoHelloWorld.DemoClientGame.superclass.dealloc.call(this);
        }
    };

    // extend RealtimeMultiplayerGame.AbstractClientGame
    RealtimeMultiplayerGame.extend(DemoHelloWorld.DemoClientGame, RealtimeMultiplayerGame.AbstractClientGame, null);
})()