Fix: shortcutText -> subText

This commit is contained in:
2019-08-05 18:58:37 +09:00
parent 6aa82dc03d
commit a4767fee13
4 changed files with 59 additions and 59 deletions
+6 -6
View File
@@ -8,7 +8,7 @@ function AppGroupTab(clickEvent) {
this.tabLayout = null; this.tabLayout = null;
this.reservedMainText = ""; this.reservedMainText = "";
this.reservedShortcutText = ""; this.reservedSubText = "";
this.reservedIconName = ""; this.reservedIconName = "";
} }
@@ -25,8 +25,8 @@ AppGroupTab.prototype.reserveIcon = function(iconName) {
this.reservedIconName = iconName; this.reservedIconName = iconName;
} }
AppGroupTab.prototype.reserveShortcutText = function(text) { AppGroupTab.prototype.reserveSubText = function(text) {
this.reservedShortcutText = text; this.reservedSubText = text;
} }
AppGroupTab.prototype.createTab = function(index) { AppGroupTab.prototype.createTab = function(index) {
@@ -39,7 +39,7 @@ AppGroupTab.prototype.createTab = function(index) {
// setting.setFont("Nanum Pen Script"); // setting.setFont("Nanum Pen Script");
setting.setFont("Nanum Gothic"); setting.setFont("Nanum Gothic");
setting.setMainFontSize(16); setting.setMainFontSize(16);
setting.setShortcutFontSize(16); setting.setSubFontSize(16);
setting.setButtonColor( setting.setButtonColor(
AppGroupTab.BUTTON_COLOR_OUT_HEX, AppGroupTab.BUTTON_COLOR_OUT_HEX,
AppGroupTab.BUTTON_COLOR_OVER_HEX, AppGroupTab.BUTTON_COLOR_OVER_HEX,
@@ -80,8 +80,8 @@ AppGroupTab.prototype.createTab = function(index) {
if(this.reservedIconName.length > 0) if(this.reservedIconName.length > 0)
this.addIcon(this.reservedIconName); this.addIcon(this.reservedIconName);
if(this.reservedShortcutText.length > 0) if(this.reservedSubText.length > 0)
this.setShortcutText(this.reservedShortcutText); this.setSubText(this.reservedSubText);
} }
+36 -36
View File
@@ -10,7 +10,7 @@ function BasicTab() {
this.iconSprite = null; this.iconSprite = null;
this.mainText = null; this.mainText = null;
this.shortcutText = null; this.subText = null;
} }
@@ -29,9 +29,9 @@ BasicTab.prototype.createButton = function(setting, clickEvent) {
this.mainText = this.makeMainText(); this.mainText = this.makeMainText();
this.buttonSprite.addChild(this.mainText); this.buttonSprite.addChild(this.mainText);
this.shortcutText = this.makeShortcutText(); this.subText = this.makeSubText();
// this.shortcutText.fontWeight = "bold"; // this.subText.fontWeight = "bold";
this.buttonSprite.addChild(this.shortcutText); this.buttonSprite.addChild(this.subText);
this.applyLoadedFont(); this.applyLoadedFont();
@@ -135,7 +135,7 @@ BasicTab.prototype.setFont = function(fontName) {
BasicTab.prototype.applyLoadedFont = function() { BasicTab.prototype.applyLoadedFont = function() {
this.mainText.font = this.setting.font; this.mainText.font = this.setting.font;
this.shortcutText.font = this.setting.font; this.subText.font = this.setting.font;
} }
BasicTab.prototype.makeMainText = function() { BasicTab.prototype.makeMainText = function() {
@@ -169,23 +169,23 @@ BasicTab.prototype.setMainTextFontWeight = function(option) {
console.log(this.mainText.fontWeight); console.log(this.mainText.fontWeight);
} }
BasicTab.prototype.makeShortcutText = function() { BasicTab.prototype.makeSubText = function() {
var posX = this.buttonSprite.width / 2; var posX = this.buttonSprite.width / 2;
var posY = this.buttonSprite.height / 2; var posY = this.buttonSprite.height / 2;
var shortcutText = game.add.text(posX, posY, ""); var subText = game.add.text(posX, posY, "");
shortcutText.anchor.set(0.5); subText.anchor.set(0.5);
shortcutText.fontSize = BasicTab.SHORTCUT_TEXT_FONTSIZE; subText.fontSize = BasicTab.SUBTEXT_FONTSIZE;
shortcutText.fontSize = this.setting.shortcutFontSize; subText.fontSize = this.setting.subFontSize;
shortcutText.fontWeight = "normal"; subText.fontWeight = "normal";
// shortcutText.addColor(this.setting.textColors.over, 0); // subText.addColor(this.setting.textColors.over, 0);
shortcutText.addColor("0xffffff", 0); subText.addColor("0xffffff", 0);
return shortcutText; return subText;
} }
BasicTab.prototype.setShortcutText = function(text) { BasicTab.prototype.setSubText = function(text) {
this.shortcutText.text = text; this.subText.text = text;
this.alignContents(); this.alignContents();
} }
@@ -201,7 +201,7 @@ BasicTab.prototype.setActive = function(flag) {
BasicTab.prototype.alignContents = function() { BasicTab.prototype.alignContents = function() {
var mainTextHeight = 0; var mainTextHeight = 0;
var iconSpriteHeight = 0; var iconSpriteHeight = 0;
var shortcutTextHeight = 0; var subTextHeight = 0;
if(this.mainText.text.length > 0) if(this.mainText.text.length > 0)
mainTextHeight = this.mainText.fontSize; mainTextHeight = this.mainText.fontSize;
@@ -209,22 +209,22 @@ BasicTab.prototype.alignContents = function() {
if (this.iconSprite !== null) if (this.iconSprite !== null)
iconSpriteHeight = this.iconSprite.height; iconSpriteHeight = this.iconSprite.height;
if(this.shortcutText !== null && this.shortcutText.text.length > 0) if(this.subText !== null && this.subText.text.length > 0)
shortcutTextHeight = this.shortcutText.fontSize; subTextHeight = this.subText.fontSize;
var mainContentHeightHalf = 0; var mainContentHeightHalf = 0;
if(mainTextHeight > 0) if(mainTextHeight > 0)
mainContentHeightHalf = mainTextHeight / 2; mainContentHeightHalf = mainTextHeight / 2;
else if(iconSpriteHeight > 0) else if(iconSpriteHeight > 0)
mainContentHeightHalf = iconSpriteHeight / 2; mainContentHeightHalf = iconSpriteHeight / 2;
var shortcutTextHeightHalf = shortcutTextHeight / 2; var subTextHeightHalf = subTextHeight / 2;
var offsetRatio = 7; var offsetRatio = 7;
var offsetMainText = mainTextHeight / offsetRatio; var offsetMainText = mainTextHeight / offsetRatio;
var offsetShortcutText = shortcutTextHeight / offsetRatio; var offsetSubText = subTextHeight / offsetRatio;
var gap = (iconSpriteHeight > 0 ? 0 : BasicTab.SHORTCUT_TEXT_FONTSIZE / 2); var gap = (iconSpriteHeight > 0 ? 0 : BasicTab.SUBTEXT_FONTSIZE / 2);
if(shortcutTextHeight === 0) { if(subTextHeight === 0) {
if(mainTextHeight > 0) if(mainTextHeight > 0)
this.mainText.y = this.buttonSprite.height / 2 + offsetMainText; this.mainText.y = this.buttonSprite.height / 2 + offsetMainText;
else if(iconSpriteHeight > 0) else if(iconSpriteHeight > 0)
@@ -232,13 +232,13 @@ BasicTab.prototype.alignContents = function() {
} }
else { else {
if(mainTextHeight > 0) if(mainTextHeight > 0)
this.mainText.y = this.buttonSprite.height / 2 - shortcutTextHeightHalf + offsetMainText; this.mainText.y = this.buttonSprite.height / 2 - subTextHeightHalf + offsetMainText;
else if(iconSpriteHeight > 0) else if(iconSpriteHeight > 0)
this.iconSprite.y = this.buttonSprite.height / 2 - shortcutTextHeightHalf; this.iconSprite.y = this.buttonSprite.height / 2 - subTextHeightHalf;
} }
// this.shortcutText.y = this.buttonSprite.height / 2 + mainContentHeightHalf + offsetShortcutText + gap; // this.subText.y = this.buttonSprite.height / 2 + mainContentHeightHalf + offsetSubText + gap;
this.shortcutText.y = this.buttonSprite.height / 2 + mainContentHeightHalf + offsetShortcutText - 8; this.subText.y = this.buttonSprite.height / 2 + mainContentHeightHalf + offsetSubText - 8;
} }
@@ -275,8 +275,8 @@ BasicTab.prototype.mouseOut = function() {
this.iconSprite.tint = this.setting.iconColors.out; this.iconSprite.tint = this.setting.iconColors.out;
this.mainText.fill = this.setting.textColors.out; this.mainText.fill = this.setting.textColors.out;
if(this.shortcutText !== undefined) if(this.subText !== undefined)
this.shortcutText.fill = this.setting.textColors.out; this.subText.fill = this.setting.textColors.out;
this.activeLineSprite.tint = this.setting.activeLineColors.out; this.activeLineSprite.tint = this.setting.activeLineColors.out;
} }
@@ -288,8 +288,8 @@ BasicTab.prototype.mouseOver = function() {
this.iconSprite.tint = this.setting.iconColors.over; this.iconSprite.tint = this.setting.iconColors.over;
this.mainText.fill = this.setting.textColors.over; this.mainText.fill = this.setting.textColors.over;
if(this.shortcutText !== undefined) if(this.subText !== undefined)
this.shortcutText.fill = this.setting.textColors.over; this.subText.fill = this.setting.textColors.over;
this.activeLineSprite.tint = this.setting.activeLineColors.over; this.activeLineSprite.tint = this.setting.activeLineColors.over;
} }
@@ -301,8 +301,8 @@ BasicTab.prototype.mouseDown = function() {
this.iconSprite.tint = this.setting.iconColors.down; this.iconSprite.tint = this.setting.iconColors.down;
this.mainText.fill = this.setting.textColors.down; this.mainText.fill = this.setting.textColors.down;
if(this.shortcutText !== undefined) if(this.subText !== undefined)
this.shortcutText.fill = this.setting.textColors.down; this.subText.fill = this.setting.textColors.down;
this.activeLineSprite.tint = this.setting.activeLineColors.down; this.activeLineSprite.tint = this.setting.activeLineColors.down;
} }
@@ -314,8 +314,8 @@ BasicTab.prototype.buttonDisabled = function() {
this.iconSprite.tint = this.setting.iconColors.disabled; this.iconSprite.tint = this.setting.iconColors.disabled;
this.mainText.fill = this.setting.textColors.disabled; this.mainText.fill = this.setting.textColors.disabled;
if(typeof this.shortcutText !== undefined) if(typeof this.subText !== undefined)
this.shortcutText.fill = this.setting.textColors.disabled; this.subText.fill = this.setting.textColors.disabled;
this.activeLineSprite.tint = this.setting.activeLineColors.disabled; this.activeLineSprite.tint = this.setting.activeLineColors.disabled;
} }
@@ -356,4 +356,4 @@ BasicTab.prototype.setLineSpacing = function(spacingInPixels) {
BasicTab.NONE_ICON = ""; BasicTab.NONE_ICON = "";
BasicTab.NONE_BUTTON_TEXT = ""; BasicTab.NONE_BUTTON_TEXT = "";
BasicTab.SHORTCUT_TEXT_FONTSIZE = 12; BasicTab.SUBTEXT_FONTSIZE = 12;
+3 -3
View File
@@ -5,7 +5,7 @@ function TabSetting(x, y, width, height) {
this.height = height; this.height = height;
this.mainFontSize = 10; this.mainFontSize = 10;
this.shortcutFontSize = BasicTab.SHORTCUT_TEXT_FONTSIZE; this.subFontSize = BasicTab.SUBTEXT_FONTSIZE;
this.buttonColors = TabSetting.DEFAULT_BUTTON_COLORS; this.buttonColors = TabSetting.DEFAULT_BUTTON_COLORS;
this.textColors = TabSetting.DEFAULT_TEXT_COLORS; this.textColors = TabSetting.DEFAULT_TEXT_COLORS;
@@ -22,8 +22,8 @@ TabSetting.prototype.setMainFontSize = function(size) {
this.mainFontSize = size; this.mainFontSize = size;
} }
TabSetting.prototype.setShortcutFontSize = function(size) { TabSetting.prototype.setSubFontSize = function(size) {
this.shortcutFontSize = size; this.subFontSize = size;
} }
TabSetting.prototype.setButtonColor = function(out, over, down, disabled) { TabSetting.prototype.setButtonColor = function(out, over, down, disabled) {
+14 -14
View File
@@ -195,27 +195,27 @@ MainMenu.prototype.makeAppGroupButtons = function() {
var typingFingerGroupTab = new AppGroupTab( (function() { console.log("typing finger position"); }).bind(this) ); var typingFingerGroupTab = new AppGroupTab( (function() { console.log("typing finger position"); }).bind(this) );
typingFingerGroupTab.reserveIcon("keyboard"); typingFingerGroupTab.reserveIcon("keyboard");
typingFingerGroupTab.reserveShortcutText("손가락 위치"); typingFingerGroupTab.reserveSubText("손가락 위치");
this.appGroupTabLayout.add(typingFingerGroupTab); this.appGroupTabLayout.add(typingFingerGroupTab);
var typingPracticeGroupTab = new AppGroupTab( (function() { console.log("typing practice"); }).bind(this) ); var typingPracticeGroupTab = new AppGroupTab( (function() { console.log("typing practice"); }).bind(this) );
typingPracticeGroupTab.reserveIcon("keyboard"); typingPracticeGroupTab.reserveIcon("keyboard");
typingPracticeGroupTab.reserveShortcutText("연습"); typingPracticeGroupTab.reserveSubText("연습");
this.appGroupTabLayout.add(typingPracticeGroupTab); this.appGroupTabLayout.add(typingPracticeGroupTab);
var typingTestGroupTab = new AppGroupTab( (function() { console.log("typing exam"); }).bind(this) ); var typingTestGroupTab = new AppGroupTab( (function() { console.log("typing exam"); }).bind(this) );
typingTestGroupTab.reserveIcon("keyboard"); typingTestGroupTab.reserveIcon("keyboard");
typingTestGroupTab.reserveShortcutText("시험"); typingTestGroupTab.reserveSubText("시험");
this.appGroupTabLayout.add(typingTestGroupTab); this.appGroupTabLayout.add(typingTestGroupTab);
var typingPlayGroupTab = new AppGroupTab( (function() { console.log("typing exam"); }).bind(this) ); var typingPlayGroupTab = new AppGroupTab( (function() { console.log("typing exam"); }).bind(this) );
typingPlayGroupTab.reserveIcon("keyboard"); typingPlayGroupTab.reserveIcon("keyboard");
typingPlayGroupTab.reserveShortcutText("놀이"); typingPlayGroupTab.reserveSubText("놀이");
this.appGroupTabLayout.add(typingPlayGroupTab); this.appGroupTabLayout.add(typingPlayGroupTab);
var mousePlayGroupTab = new AppGroupTab( (function() { console.log("mouse exam"); }).bind(this) ); var mousePlayGroupTab = new AppGroupTab( (function() { console.log("mouse exam"); }).bind(this) );
mousePlayGroupTab.reserveIcon("mouse"); mousePlayGroupTab.reserveIcon("mouse");
mousePlayGroupTab.reserveShortcutText("놀이"); mousePlayGroupTab.reserveSubText("놀이");
this.appGroupTabLayout.add(mousePlayGroupTab); this.appGroupTabLayout.add(mousePlayGroupTab);
@@ -225,14 +225,14 @@ MainMenu.prototype.makeAppGroupButtons = function() {
(function() { console.log("typing practice"); }).bind(this) (function() { console.log("typing practice"); }).bind(this)
); );
typingPracticeKoreanAppGroupTab.reserveIcon("home"); typingPracticeKoreanAppGroupTab.reserveIcon("home");
typingPracticeKoreanAppGroupTab.reserveShortcutText("한글 타자연습"); typingPracticeKoreanAppGroupTab.reserveSubText("한글 타자연습");
this.appGroupTabLayout.add(typingPracticeKoreanAppGroupTab); this.appGroupTabLayout.add(typingPracticeKoreanAppGroupTab);
var typingPracticeEnglishAppGroupTab = new AppGroupTab( var typingPracticeEnglishAppGroupTab = new AppGroupTab(
(function() { console.log("typing practice"); }).bind(this) (function() { console.log("typing practice"); }).bind(this)
); );
typingPracticeEnglishAppGroupTab.reserveIcon("home"); typingPracticeEnglishAppGroupTab.reserveIcon("home");
typingPracticeEnglishAppGroupTab.reserveShortcutText("영문 타자연습"); typingPracticeEnglishAppGroupTab.reserveSubText("영문 타자연습");
this.appGroupTabLayout.add(typingPracticeEnglishAppGroupTab); this.appGroupTabLayout.add(typingPracticeEnglishAppGroupTab);
@@ -241,14 +241,14 @@ MainMenu.prototype.makeAppGroupButtons = function() {
(function() { console.log("typing test"); }).bind(this) (function() { console.log("typing test"); }).bind(this)
); );
typingTestAppKoreaGroupTab.reserveMainText("Typing test"); typingTestAppKoreaGroupTab.reserveMainText("Typing test");
typingTestAppKoreaGroupTab.reserveShortcutText("한글 타자시험"); typingTestAppKoreaGroupTab.reserveSubText("한글 타자시험");
this.appGroupTabLayout.add(typingTestAppKoreaGroupTab); this.appGroupTabLayout.add(typingTestAppKoreaGroupTab);
var typingTestAppEnglishGroupTab = new AppGroupTab( var typingTestAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing test"); }).bind(this) (function() { console.log("typing test"); }).bind(this)
); );
typingTestAppEnglishGroupTab.reserveMainText("Typing test"); typingTestAppEnglishGroupTab.reserveMainText("Typing test");
typingTestAppEnglishGroupTab.reserveShortcutText("영문 타자시험"); typingTestAppEnglishGroupTab.reserveSubText("영문 타자시험");
this.appGroupTabLayout.add(typingTestAppEnglishGroupTab); this.appGroupTabLayout.add(typingTestAppEnglishGroupTab);
@@ -257,14 +257,14 @@ MainMenu.prototype.makeAppGroupButtons = function() {
(function() { console.log("typing exam"); }).bind(this) (function() { console.log("typing exam"); }).bind(this)
); );
typingExamAppKoreaGroupTab.reserveMainText("Typing exam"); typingExamAppKoreaGroupTab.reserveMainText("Typing exam");
typingExamAppKoreaGroupTab.reserveShortcutText("한글 타자검정"); typingExamAppKoreaGroupTab.reserveSubText("한글 타자검정");
this.appGroupTabLayout.add(typingExamAppKoreaGroupTab); this.appGroupTabLayout.add(typingExamAppKoreaGroupTab);
var typingExamAppEnglishGroupTab = new AppGroupTab( var typingExamAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing exam"); }).bind(this) (function() { console.log("typing exam"); }).bind(this)
); );
typingExamAppEnglishGroupTab.reserveMainText("Typing exam"); typingExamAppEnglishGroupTab.reserveMainText("Typing exam");
typingExamAppEnglishGroupTab.reserveShortcutText("영문 타자검정"); typingExamAppEnglishGroupTab.reserveSubText("영문 타자검정");
this.appGroupTabLayout.add(typingExamAppEnglishGroupTab); this.appGroupTabLayout.add(typingExamAppEnglishGroupTab);
@@ -273,14 +273,14 @@ MainMenu.prototype.makeAppGroupButtons = function() {
(function() { console.log("typing game"); }).bind(this) (function() { console.log("typing game"); }).bind(this)
); );
typingPlayAppKoreaGroupTab.reserveMainText("Typing game"); typingPlayAppKoreaGroupTab.reserveMainText("Typing game");
typingPlayAppKoreaGroupTab.reserveShortcutText("한글 타자놀이"); typingPlayAppKoreaGroupTab.reserveSubText("한글 타자놀이");
this.appGroupTabLayout.add(typingPlayAppKoreaGroupTab); this.appGroupTabLayout.add(typingPlayAppKoreaGroupTab);
var typingPlayAppEnglishGroupTab = new AppGroupTab( var typingPlayAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing game"); }).bind(this) (function() { console.log("typing game"); }).bind(this)
); );
typingPlayAppEnglishGroupTab.reserveMainText("Typing game"); typingPlayAppEnglishGroupTab.reserveMainText("Typing game");
typingPlayAppEnglishGroupTab.reserveShortcutText("영문 타자놀이"); typingPlayAppEnglishGroupTab.reserveSubText("영문 타자놀이");
this.appGroupTabLayout.add(typingPlayAppEnglishGroupTab); this.appGroupTabLayout.add(typingPlayAppEnglishGroupTab);
@@ -289,7 +289,7 @@ MainMenu.prototype.makeAppGroupButtons = function() {
(function() { console.log("mouse game"); }).bind(this) (function() { console.log("mouse game"); }).bind(this)
); );
mousePlayAppGroupTab.reserveMainText("Mouse game"); mousePlayAppGroupTab.reserveMainText("Mouse game");
mousePlayAppGroupTab.reserveShortcutText("마우스놀이"); mousePlayAppGroupTab.reserveSubText("마우스놀이");
this.appGroupTabLayout.add(mousePlayAppGroupTab); this.appGroupTabLayout.add(mousePlayAppGroupTab);
*/ */