BuildingTitle.js

/**
 * Created by Jerome Renaux (jerome.renaux@gmail.com) on 31-08-19.
 */
import Capsule from './Capsule'
import Engine from './Engine'
import UI from './UI'

function BuildingTitle(x,y){
    this.slices = [];
    this.width = 1;
    this.width_ = this.width; // previous width
    this.y = y;

    var sliceWidth, sliceHeight, fontSize, leftFrame, middleFrame, rightFrame, yOffset, xOffset;
    sliceWidth = 49;
    sliceHeight = 63;
    fontSize = 32;
    yOffset = 5;
    xOffset = -5;
    leftFrame = 'woodtitle_left';
    middleFrame = 'woodtitle_middle';
    rightFrame = 'woodtitle_right';
    this.depth = 1;
    this.align = 'center';

    var xl, yl, xm, ym, xr, yr;
    yl = ym = yr = y;
    xm = x;
    xl = xm - sliceWidth;
    xr = xm;

    var textX = x + xOffset;
    var textY = y + yOffset + 10;

    this.text = UI.scene.add.text(textX, textY, '', { font: fontSize+'px belwe', fill: '#ffffff', stroke: '#000000', strokeThickness: 3 });

    this.slices.push(UI.scene.add.sprite(xl,yl,'UI',leftFrame));
    this.slices.push(UI.scene.add.tileSprite(xm,ym,this.width,sliceHeight,'UI',middleFrame));
    this.slices.push(UI.scene.add.sprite(xr,yr,'UI',rightFrame));

    this.slices.forEach(function(e){
        e.setDepth(this.depth);
        e.setScrollFactor(0);
        e.setDisplayOrigin(0,0);
        e.setVisible(false);

        /*e.setInteractive();
        e.on('pointerover',function(){
            UI.manageCursor(1,'UI');
        });
        e.on('pointerout',function(){
            UI.manageCursor(0,'UI');
        });*/
    },this);

    this.exit = UI.scene.add.sprite(0,yr+30,'UI','exit_icon');
    this.exit.setDepth(this.depth+1);
    this.exit.setScrollFactor(0);
    this.exit.setVisible(false);
    this.exit.setInteractive();
    this.exit.on('pointerup',Engine.leaveBuilding);
    var exit_ = this.exit;
    this.exit.on('pointerover',function(){
        UI.tooltip.updateInfo('free',{body:'Exit'});
        UI.tooltip.display();
        exit_.setFrame('exit_icon_on');
    });
    this.exit.on('pointerout',function(){
        exit_.setFrame('exit_icon');
        UI.tooltip.hide();
    });

    this.repair = UI.scene.add.sprite(0,yr+30,'UI','hammer_icon');
    this.repair.setDepth(this.depth+1);
    this.repair.setScrollFactor(0);
    this.repair.setVisible(false);
    this.repair.setInteractive();
    this.repair.on('pointerup',function(){
        Engine.repairPanel.display();
    });
    var repair_ = this.repair;
    this.repair.on('pointerover',function(){
        UI.tooltip.updateInfo('free',{body:'Repair'});
        UI.tooltip.display();
        repair_.setAngle(-15);
    });
    this.repair.on('pointerout',function(){
        repair_.setAngle(0);
        UI.tooltip.hide();
    });

    this.invrect = UI.scene.add.image(1024,0,'UI','invisible');
    this.invrect.setInteractive();
    this.invrect.setScrollFactor(0);
    this.invrect.setOrigin(0.5);

    this.text.setDepth(this.depth+1);
    this.text.setScrollFactor(0);
    /*if(this.align == 'right'){
        this.text.setOrigin(1,0);
    }else if(this.align == 'center'){
        this.text.setOrigin(0.5,0);
    }*/
    this.text.setOrigin(0.5,0);
    this.text.setVisible(false);

    this.addCapsule('owner',0,-5,'John Doe\'s');
}

BuildingTitle.prototype.addCapsule = function(name,x,y,text,icon){
    var capsule = new Capsule(UI.scene, this.slices[0].x+x,this.slices[0].y+y,'UI',icon,this.content);
    capsule.setText(text);
    this.capsule = capsule;
};

BuildingTitle.prototype.setText = function(text){
    this.text.setText(text);
    //var w = (this.style == 'big' ? Math.max(this.text.width,150) : this.text.width);
    var w  = this.text.width;
    this.resize(w);
};

BuildingTitle.prototype.resize = function(w){
    var left = this.slices[0];
    var middle = this.slices[1];
    var right = this.slices[2];
    var delta = this.width-w;

    left.x += Math.floor(delta/2);
    middle.x += Math.floor(delta/2);
    right.x -= Math.floor(delta/2);
    // this.exit.x -= Math.floor(delta/2);
    this.positionIcons(this.exit.x - Math.floor(delta/2));
    middle.width -= delta;
    if(middle.width%2 != 0) middle.width++;
    this.capsule.move(Math.floor(delta/2),0);

    this.width = w;
    this.width_ = this.width;
};

BuildingTitle.prototype.positionIcons = function(exitX){
    this.exit.x = exitX;
    this.repair.x = this.exit.x - 40;

};

BuildingTitle.prototype.display = function(){
    this.slices.forEach(function(e){
        e.setVisible(true);
    });
    this.text.setVisible(true);
    // this.exit.x = Engine.currentMenu.exitX;
    this.positionIcons(Engine.currentMenu.exitX);
    this.exit.setVisible(true);
    if(Engine.currentBuiling.built) this.repair.setVisible(true);
    this.invrect.setPosition(this.exit.x,this.exit.y);
    this.capsule.display();
};

BuildingTitle.prototype.hide = function(){
    this.slices.forEach(function(e){
        e.setVisible(false);
    });
    this.text.setVisible(false);
    this.exit.setVisible(false);
    this.repair.setVisible(false);
    this.capsule.hide();
};

BuildingTitle.prototype.move = function(y){
    var dy = y - this.y;
    this.slices.forEach(function(e){
        e.y += dy;
    });
    this.text.y += dy;
    this.exit.y += dy;
    this.repair.y += dy;
    this.capsule.move(0,dy);
    this.y = y;
};

export default BuildingTitle