87 lines
2.3 KiB
JavaScript
87 lines
2.3 KiB
JavaScript
var DEFAULT_BUTTON_COLORS = [
|
|
"#fff", // over
|
|
"#aaf", // out
|
|
"#faa", // down
|
|
"#333" // disabled
|
|
];
|
|
|
|
var DEFAULT_TEXT_COLORS = [
|
|
"#000", // over
|
|
"#000", // out
|
|
"#000", // down
|
|
"#999" // disabled
|
|
];
|
|
|
|
|
|
function RectSetting(width, height, buttonColors) {
|
|
this.width = width;
|
|
this.height = height;
|
|
|
|
if(buttonColors != null)
|
|
this.buttonColors = buttonColors;
|
|
else
|
|
this.buttonColors = DEFAULT_BUTTON_COLORS;
|
|
|
|
}
|
|
|
|
|
|
function ButtonTextSetting(text, textColors) {
|
|
this.text = text;
|
|
this.textColors = textColors;
|
|
}
|
|
|
|
|
|
|
|
|
|
// function RoundRoundRectButton(x, y, text, callback) {
|
|
function RoundRectButton(roundRectSetting) {
|
|
|
|
// use the bitmap data as the texture for the sprite
|
|
|
|
/*
|
|
var newTextStyle = $.extend( {}, textStyleBasic);
|
|
newTextStyle.font = "bold 28px Arial";
|
|
|
|
this.buttonText = game.add.text(0, 0, text, newTextStyle);
|
|
this.buttonText.addColor("#a0d", 0)
|
|
this.buttonText.anchor.setTo(0.5, 0.4);
|
|
|
|
this.startButton = game.add.button(x, y, 'button', callback, this, 2, 1, 0);
|
|
this.startButton.anchor.set(0.5);
|
|
this.startButton.inputEnabled = true;
|
|
this.startButton.input.priorityId = 1;
|
|
this.startButton.input.useHandCursor = true;
|
|
this.startButton.addChild(this.buttonText);
|
|
*/
|
|
|
|
var overSprite = this.makeSprite(roundRectSetting.width, roundRectSetting.height, roundRectSetting.color[0]);
|
|
var outSprite = this.makeSprite(roundRectSetting.width, roundRectSetting.height, roundRectSetting.color[1]);
|
|
var downSprite = this.makeSprite(roundRectSetting.width, roundRectSetting.height, roundRectSetting.color[2]);
|
|
var disabledSprite = this.makeSprite(roundRectSetting.width, roundRectSetting.height, roundRectSetting.color[3]);
|
|
}
|
|
|
|
RoundRectButton.prototype.makeSprite = function(width, height, color) {
|
|
var bmd = game.add.bitmapData(width, height);
|
|
|
|
var defaultLineWidth = 2;
|
|
var defaultLineWidthHalf = defaultLineWidth / 2;
|
|
|
|
bmd.ctx.beginPath();
|
|
bmd.ctx.rect(
|
|
defaultLineWidth, defaultLineWidth,
|
|
width - defaultLineWidth, height - defaultLineWidth
|
|
);
|
|
bmd.ctx.fillStyle = '#aaaa';
|
|
bmd.ctx.fill();
|
|
|
|
bmd.ctx.beginPath();
|
|
bmd.ctx.lineWidth = defaultLineWidth;
|
|
bmd.ctx.strokeStyle = "#fff";
|
|
bmd.ctx.strokeRect(
|
|
defaultLineWidthHalf, defaultLineWidthHalf,
|
|
width - defaultLineWidth, height - defaultLineWidth
|
|
);
|
|
|
|
return game.add.sprite(300, 300, bmd);
|
|
}
|