Fix: RoundRectSetting.x, y

2018-06-10 11:46:23 +09:00
parent ba7ec369ac
commit 37129bbe23
12 changed files with 126 additions and 119 deletions
@@ -0,0 +1,83 @@
+class KeyButton {
+
+
+	// constructor(x, y, )
+	constructor(x, y, setting, iconName, buttonText, clickEvent) {
+		/*
+		let setting = new RoundRectButtonSetting(150, 150);
+		setting.fontStyle.boundsAlignH = "center";	// left, center. right
+		setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
+		setting.strokeWidthPx = 5;
+
+		if(type === KeyButton.TYPE_MOUSE) {
+			setting.setStrokeColor(
+				0xaa6666,
+				0x884444,
+				0x884444,
+				0x333333
+			);
+			setting.setButtonColor(
+				0xffdddd,
+				0xddaaaa,
+				0xddaaaa,
+				0x666666
+			);
+			setting.setTextColor(
+				"#a66",
+				"#844",
+				"#844",
+				"#333"
+			);
+		} else {	// TYPE_TYPING
+			setting.setStrokeColor(
+				0x444488,
+				0x6666aa,
+				0x6666aa,
+				0x333333
+			);
+			setting.setButtonColor(
+				0xaaaadd,
+				0xddddff,
+				0xddddff,
+				0x666666
+			);
+			setting.setTextColor(
+				"#844",
+				"#a66",
+				"#a66",
+				"#333"
+			);
+		}
+		*/
+
+		this.button = new RoundRectButton(setting, iconName, buttonText, clickEvent);
+		this.move(x, y);
+
+		// if(iconName.length > 0) {
+		// 	let icon_fullscreen = game.add.sprite(0, 0, iconName);
+		// 	icon_fullscreen.width = 80;
+		// 	icon_fullscreen.height = 80;
+		// 	this.button.setIcon(icon_fullscreen);
+		// }
+
+		// if(buttonText.length > 0) {
+		// 	const style = { font: "32px Arial", fill: "#fff", align: "center", boundsAlignH: "center", boundsAlignV: "middle" };
+		// 	let icon_text = game.add.text(0, 0, buttonText, style);
+		// 	icon_text.setTextBounds(x - 50, y - 50, 100, 100);
+		// 	icon_text.stroke = "#333";
+		// 	icon_text.strokeThickness = 5;
+		// }
+	}
+
+	move(x, y) {
+		this.button.move(x, y);
+	}
+
+}
+
+KeyButton.TYPE_MOUSE_APP		= 0;
+KeyButton.TYPE_TYPING_PRACTICE	= 1;
+KeyButton.TYPE_TYPING_APP		= 2;
+
+KeyButton.NONE_ICON			= "";
+KeyButton.NONE_BUTTON_TEXT	= "";