141 lines
4.0 KiB
JavaScript
141 lines
4.0 KiB
JavaScript
function Chart() {
|
|
this.chartGraphics = game.add.graphics(0, 0);
|
|
this.printChartTitle();
|
|
this.printChartBaseLine();
|
|
|
|
for(var i = 0; i < 7; i++)
|
|
new ChartRecord(i);
|
|
}
|
|
|
|
Chart.prototype.printChartTitle = function() {
|
|
var offsetY = -25;
|
|
var fontStyle = { font: "30px Arial", fill: "#fff", align: "center" };
|
|
|
|
Chart.drawText(Chart.DATE_POS_X, Chart.CHART_LINE_Y + offsetY, "날짜", fontStyle);
|
|
Chart.drawText(Chart.RECORD_POS_X, Chart.CHART_LINE_Y + offsetY, "점수", fontStyle);
|
|
Chart.drawText(Chart.GRADE_POS_X, Chart.CHART_LINE_Y + offsetY, "등급", fontStyle);
|
|
Chart.drawText(Chart.SUBJECT_POS_X, Chart.CHART_LINE_Y + offsetY, "과목", fontStyle);
|
|
}
|
|
|
|
Chart.prototype.printChartBaseLine = function() {
|
|
this.chartGraphics.lineStyle(3, 0xffd900, 1);
|
|
this.chartGraphics.moveTo(Chart.CHART_LINE_START_X, Chart.CHART_LINE_Y);
|
|
this.chartGraphics.lineTo(game.world.width - Chart.CHART_LINE_START_X, Chart.CHART_LINE_Y);
|
|
}
|
|
|
|
Chart.prototype.drawRecordGraph = function(index, date, bestRecord, min, max) {
|
|
var reverseIndex = (Chart.CHART_COUNT - 1) - index;
|
|
var posX = Chart.CHART_LINE_START_X + Chart.CHART_GRAPH_OFFSET_X + reverseIndex * Chart.CHART_GAP_PX;
|
|
var posY = Chart.CHART_LINE_Y;
|
|
|
|
this.drawText(
|
|
posX, posY + Chart.CHART_DATE_OFFSET_Y,
|
|
date === "-" ? "-" : StringUtil.printMonthDay(date)
|
|
);
|
|
|
|
if(bestRecord === "")
|
|
return;
|
|
|
|
this.drawText(
|
|
posX, posY - Chart.CHART_HEIGHT - Chart.CHART_RECORD_OFFSET_Y,
|
|
// StringUtil.getRecordTextWithoutUnit(bestRecord) + StringUtil.getScoreUnit(sessionStorageManager.playingAppID)
|
|
RecordUtil.getRecordValueWithUnit(bestRecord, sessionStorageManager.getPlayingAppID())
|
|
);
|
|
|
|
// chart
|
|
this.chartGraphics.lineStyle(50, 0xdddddd, 1);
|
|
this.chartGraphics.moveTo(posX, posY);
|
|
this.chartGraphics.lineTo(posX, posY - Chart.CHART_HEIGHT * ( (bestRecord - min) / (max - min) ));
|
|
}
|
|
|
|
Chart.drawText = function(posX, posY, text, fontStyle) {
|
|
var textObject = game.add.text(
|
|
posX, posY,
|
|
text, fontStyle
|
|
);
|
|
textObject.anchor.set(0.5);
|
|
textObject.stroke = "#333";
|
|
textObject.strokeThickness = 3;
|
|
|
|
return textObject;
|
|
}
|
|
|
|
Chart.CHART_COUNT = 7;
|
|
|
|
Chart.CHART_LINE_START_X = 230;
|
|
Chart.CHART_LINE_Y = 370;
|
|
|
|
Chart.CHART_GAP_PX = 120;
|
|
Chart.CHART_HEIGHT = 120;
|
|
|
|
Chart.CHART_GRAPH_OFFSET_X = 50;
|
|
Chart.CHART_DATE_OFFSET_Y = 20;
|
|
Chart.CHART_RECORD_OFFSET_Y = 30;
|
|
|
|
Chart.DATE_POS_X = Chart.CHART_LINE_START_X + 50;
|
|
Chart.RECORD_POS_X = Chart.DATE_POS_X + 100;
|
|
Chart.GRADE_POS_X = Chart.DATE_POS_X + 200;
|
|
Chart.SUBJECT_POS_X = Chart.DATE_POS_X + 400;
|
|
|
|
|
|
function ChartRecord(index) {
|
|
this.date = new DateData(index);
|
|
this.record = new RecordData(index);
|
|
this.grade = new GradeData(index);
|
|
this.subject = new SubjectData(index);
|
|
}
|
|
|
|
|
|
ChartRecord.getPosX = function(columnName) {
|
|
var posX = Chart.CHART_LINE_START_X;
|
|
switch(columnName) {
|
|
case "date":
|
|
posX = Chart.DATE_POS_X;
|
|
break;
|
|
|
|
case "record":
|
|
posX = Chart.RECORD_POS_X;
|
|
break;
|
|
|
|
case "grade":
|
|
posX = Chart.GRADE_POS_X;
|
|
break;
|
|
|
|
case "subject":
|
|
posX = Chart.SUBJECT_POS_X;
|
|
break;
|
|
}
|
|
|
|
return posX;
|
|
}
|
|
|
|
ChartRecord.getPosY = function(rowIndex) {
|
|
var offsetY = 30;
|
|
return Chart.CHART_LINE_Y + offsetY + ChartRecord.GAP_RECORD_Y * rowIndex;
|
|
}
|
|
|
|
ChartRecord.GAP_RECORD_Y = 40;
|
|
|
|
|
|
|
|
function DateData(index) {
|
|
var fontStyle = { font: "28px Arial", fill: "#fff", align: "center" };
|
|
this.dateText = Chart.drawText(ChartRecord.getPosX("date"), ChartRecord.getPosY(index), "월/일", fontStyle);
|
|
}
|
|
|
|
function RecordData(index) {
|
|
var fontStyle = { font: "28px Arial", fill: "#fff", align: "center" };
|
|
this.dateText = Chart.drawText(ChartRecord.getPosX("record"), ChartRecord.getPosY(index), "350 점", fontStyle);
|
|
}
|
|
|
|
function GradeData(index) {
|
|
var fontStyle = { font: "28px Arial", fill: "#fff", align: "center" };
|
|
this.dateText = Chart.drawText(ChartRecord.getPosX("grade"), ChartRecord.getPosY(index), "B", fontStyle);
|
|
}
|
|
|
|
function SubjectData(index) {
|
|
var fontStyle = { font: "28px Arial", fill: "#fff", align: "center" };
|
|
this.dateText = Chart.drawText(ChartRecord.getPosX("subject"), ChartRecord.getPosY(index), "ITQ 파워포인트", fontStyle);
|
|
}
|
|
|