jisangs/chocomae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add: TabLayout

Browse Source
This commit is contained in:
Jisang Park
2019-07-26 12:00:23 +09:00
parent 995dcffc88
commit 9c26aa2a71
7 changed files with 230 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/game/main_menu/main.js
+1 -1
View File
@@ -17,7 +17,7 @@ WebFontConfig = {
// The Google Fonts we want to load (specify as many as you like in the array)
google: {
families: ['Nanum Gothic', 'Nanum Gothic Coding', 'Nanum Brush Script']
families: ['Nanum Gothic:400,700,800', 'Nanum Gothic Coding:400,700', 'Nanum Brush Script', 'Nanum Pen Script']
// families: ['Nanum Brush Script']
}
};
src/game/main_menu/main_menu.js
+79 -28
View File
@@ -55,8 +55,7 @@ MainMenu.prototype.create = function() {
graphics.beginFill(MainColor.CHOCO_HEX, 1);
graphics.drawRect(0, 0, GAME_SCREEN_SIZE.x, MainMenu.MAIN_MENU_HEIGHT);
this.appGroupButtons = {};
// this.makeAppGroupButtons();
this.appGroupTabLayout = null;
}
MainMenu.prototype.fontLoaded = function() {
@@ -76,12 +75,11 @@ MainMenu.prototype.fontLoaded = function() {
// screenTopUI.makeFullScreenButton();
// this.loadAllowEditEnterCode(screenTopUI);
// this.appGroupButtons = {};
this.makeAppGroupButtons();
// console.log(this.appGroupButtons);
this.appGroupButtons.backButton.applyLoadedFont();
this.appGroupButtons.settingButton.applyLoadedFont();
this.backButton.applyLoadedFont();
this.settingButton.applyLoadedFont();
this.appGroupTabLayout.applyLoadedFont();
// bottom ui
@@ -180,38 +178,91 @@ MainMenu.prototype.hasApp = function(appID, appList) {
}
MainMenu.prototype.makeAppGroupButtons = function() {
var backButton = new BackButton(
this.backButton = new BackButton(
(function() { console.log("back"); }).bind(this)
);
this.appGroupButtons.backButton = backButton;
var settingButton = new SettingButton(
this.settingButton = new SettingButton(
(function() { console.log("setting"); }).bind(this)
);
this.appGroupButtons.settingButton = settingButton;
var mouseAppGroupTab = new AppGroupTab(
(function() { console.log("mouse"); }).bind(this)
this.appGroupTabLayout = new TabLayout(80, 0, 864, 70);
// typing practice
var typingPracticeKoreanAppGroupTab = new AppGroupTab(
(function() { console.log("typing practice"); }).bind(this)
);
// var mouseAppTab = new BasicTab(
// setting,
// (function() { console.log("mouse"); }).bind(this)
// );
// mouseAppTab.setMainText("MOUSE");
// mouseAppTab.setShortcutText("마우스");
typingPracticeKoreanAppGroupTab.reserveIcon("home");
typingPracticeKoreanAppGroupTab.reserveShortcutText("한글 타자연습");
this.appGroupTabLayout.add(typingPracticeKoreanAppGroupTab);
var setting = new TabSetting(150, MainMenu.MAIN_MENU_HEIGHT / 2, 140, MainMenu.MAIN_MENU_HEIGHT);
setting.setFontSize(20);
setting.x = 290;
var typingAppTab = new BasicTab(
setting,
(function() { console.log("typing"); }).bind(this)
var typingPracticeEnglishAppGroupTab = new AppGroupTab(
(function() { console.log("typing practice"); }).bind(this)
);
typingAppTab.setMainText("TYPING");
typingAppTab.setShortcutText("타이핑");
typingAppTab.setActive(false);
typingPracticeEnglishAppGroupTab.reserveIcon("home");
typingPracticeEnglishAppGroupTab.reserveShortcutText("영문 타자연습");
this.appGroupTabLayout.add(typingPracticeEnglishAppGroupTab);
// typing test
var typingTestAppKoreaGroupTab = new AppGroupTab(
(function() { console.log("typing test"); }).bind(this)
);
typingTestAppKoreaGroupTab.reserveMainText("Typing test");
typingTestAppKoreaGroupTab.reserveShortcutText("한글 타자시험");
this.appGroupTabLayout.add(typingTestAppKoreaGroupTab);
var typingTestAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing test"); }).bind(this)
);
typingTestAppEnglishGroupTab.reserveMainText("Typing test");
typingTestAppEnglishGroupTab.reserveShortcutText("영문 타자시험");
this.appGroupTabLayout.add(typingTestAppEnglishGroupTab);
// typing exam
var typingExamAppKoreaGroupTab = new AppGroupTab(
(function() { console.log("typing exam"); }).bind(this)
);
typingExamAppKoreaGroupTab.reserveMainText("Typing exam");
typingExamAppKoreaGroupTab.reserveShortcutText("한글 타자검정");
this.appGroupTabLayout.add(typingExamAppKoreaGroupTab);
var typingExamAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing exam"); }).bind(this)
);
typingExamAppEnglishGroupTab.reserveMainText("Typing exam");
typingExamAppEnglishGroupTab.reserveShortcutText("영문 타자검정");
this.appGroupTabLayout.add(typingExamAppEnglishGroupTab);
// typing play
var typingPlayAppKoreaGroupTab = new AppGroupTab(
(function() { console.log("typing game"); }).bind(this)
);
typingPlayAppKoreaGroupTab.reserveMainText("Typing game");
typingPlayAppKoreaGroupTab.reserveShortcutText("한글 타자놀이");
this.appGroupTabLayout.add(typingPlayAppKoreaGroupTab);
var typingPlayAppEnglishGroupTab = new AppGroupTab(
(function() { console.log("typing game"); }).bind(this)
);
typingPlayAppEnglishGroupTab.reserveMainText("Typing game");
typingPlayAppEnglishGroupTab.reserveShortcutText("영문 타자놀이");
this.appGroupTabLayout.add(typingPlayAppEnglishGroupTab);
// typing practice
var mousePlayAppGroupTab = new AppGroupTab(
(function() { console.log("mouse game"); }).bind(this)
);
mousePlayAppGroupTab.reserveMainText("Mouse game");
mousePlayAppGroupTab.reserveShortcutText("마우스놀이");
this.appGroupTabLayout.add(mousePlayAppGroupTab);
this.appGroupTabLayout.createTabs();
this.appGroupButtons.settingButton = mouseAppGroupTab;
}