mirror of
https://github.com/jiojciojsioe3/a3cjroijsiojiorj.git
synced 2024-11-16 07:51:51 +08:00
92 lines
2.6 KiB
JavaScript
92 lines
2.6 KiB
JavaScript
|
function Scoresheet(controller, score){
|
||
|
|
|
||
|
|
var _this = this;
|
||
|
|
var _score = score;
|
||
|
|
var _mark;
|
||
|
|
|
||
|
|
this.setResults = function(){
|
||
|
|
|
||
|
|
if(_score.hp==100)
|
||
|
|
_mark="double-gold";
|
||
|
|
else if(_score.hp>=90 && _score.hp<100)
|
||
|
|
_mark="gold";
|
||
|
|
else if(_score.hp>=70 && _score.hp<90)
|
||
|
|
_mark="silver";
|
||
|
|
|
||
|
|
var imgW = (_score.hp*$("#score-hp-bar-colour").width())/100;
|
||
|
|
$("#score-hp-bar-colour img").css("clip", "rect(0, "+imgW+"px, "+$("#score-hp-bar-colour").height()+"px, 0)");
|
||
|
|
|
||
|
|
if(_mark=="double-gold") $("#score-mark").attr("src", $("#ranking-X").attr("src"));
|
||
|
|
else if(_mark=="gold") $("#score-mark").attr("src", $("#ranking-S").attr("src"));
|
||
|
|
else $("#score-mark").remove();
|
||
|
|
|
||
|
|
$("#score-points").html(_score.points+"点");
|
||
|
|
$("#nb-great").html(_score.great);
|
||
|
|
$("#nb-good").html(_score.good);
|
||
|
|
$("#nb-fail").html(_score.fail);
|
||
|
|
$("#max-combo").html(_score.maxCombo);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.positionning = function(){
|
||
|
|
|
||
|
|
$("#score-cont").css("top", $("#result-bar").height()/2 - ($("#score-cont").height()/2));
|
||
|
|
|
||
|
|
var markSize = 0.1*$("#score-cont").width();
|
||
|
|
var markX = $("#score-cont").offset().left - markSize - (0.5*markSize);
|
||
|
|
var markY = $("#score-cont").offset().top;
|
||
|
|
|
||
|
|
$("#score-mark").width(markSize);
|
||
|
|
$("#score-mark").height(markSize);
|
||
|
|
$("#score-mark").css("left", markX);
|
||
|
|
$("#score-mark").css("top", markY);
|
||
|
|
|
||
|
|
var scoreBarW = 0.9*$("#score-cont").width();
|
||
|
|
|
||
|
|
$("#score-hp-bar-bg").width(scoreBarW);
|
||
|
|
$("#score-hp-bar-bg").height((51/703)*scoreBarW);
|
||
|
|
|
||
|
|
var bgW = $("#score-hp-bar-bg").width();
|
||
|
|
var bgH = $("#score-hp-bar-bg").height();
|
||
|
|
var bgX = $("#score-hp-bar-bg").position().left;
|
||
|
|
var bgY = $("#score-hp-bar-bg").position().top;
|
||
|
|
|
||
|
|
$("#score-hp-bar-colour").css("left", bgX+(0.008*bgW));
|
||
|
|
$("#score-hp-bar-colour").css("top", bgY+(0.15*bgH));
|
||
|
|
$("#score-hp-bar-colour").width(bgW-(0.08*bgW));
|
||
|
|
$("#score-hp-bar-colour").height(bgH-(0.25*bgH));
|
||
|
|
|
||
|
|
$("#score-details").css("top", bgY+bgH+(bgH));
|
||
|
|
|
||
|
|
var barY = $("#result-bar").position().top;
|
||
|
|
var barH = $("#result-bar").height();
|
||
|
|
|
||
|
|
var bottomY = barY+barH+15;
|
||
|
|
var bottomH = $(window).height()-bottomY;
|
||
|
|
|
||
|
|
$("#bottom-part").css("top", bottomY);
|
||
|
|
$("#bottom-part").height(bottomH);
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.run = function(){
|
||
|
|
|
||
|
|
_this.positionning();
|
||
|
|
_this.setResults();
|
||
|
|
|
||
|
|
$("#song-select").click(function(){
|
||
|
|
controller.songSelection();
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#replay").click(function(){
|
||
|
|
controller.restartSong();
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).resize(_this.positionning);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#screen").load("/src/views/scoresheet.html", _this.run);
|
||
|
|
|
||
|
|
}
|