2015-07-17 16:22:46 +08:00
|
|
|
function SongSelect(){
|
|
|
|
|
|
|
|
var _this=this;
|
|
|
|
var _songs;
|
|
|
|
var _selectedSong = {title:'', folder:'', difficulty:''};
|
|
|
|
var _code="";
|
|
|
|
|
|
|
|
this.run = function(){
|
|
|
|
|
|
|
|
_this.createCode();
|
|
|
|
_this.display();
|
|
|
|
$(window).resize(_this.display);
|
|
|
|
|
|
|
|
var menuLoop = setInterval(_this.refresh, 20);
|
|
|
|
$("#song-container").show();
|
|
|
|
|
|
|
|
$(".difficulty").click(function(e){
|
2018-08-06 19:04:02 +08:00
|
|
|
assets.sounds["don"].play();
|
|
|
|
|
2015-07-17 16:22:46 +08:00
|
|
|
clearInterval(menuLoop);
|
|
|
|
var difficultyElement = (e.target.className=="stars" || e.target.className=="diffname") ? e.target.parentElement : e.target;
|
|
|
|
_selectedSong.difficulty = difficultyElement.classList[1]+'.osu';
|
|
|
|
var parentID = $(this).parent().closest(".song").attr("id");
|
|
|
|
var songID = parseInt(parentID.substr(5, parentID.length-1));
|
|
|
|
_selectedSong.title = $(this).parent().closest('.song').find('.song-title').html();
|
|
|
|
_selectedSong.folder = songID+" "+_selectedSong.title;
|
2018-08-06 22:12:08 +08:00
|
|
|
|
|
|
|
assets.sounds["diffsel"].pause();
|
|
|
|
assets.sounds["diffsel"].currentTime = 0;
|
2015-07-17 16:22:46 +08:00
|
|
|
new loadSong(_selectedSong);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
$(".song").hover(function(){
|
|
|
|
if(!$(this).hasClass("opened"))
|
|
|
|
$(this).css("background", "rgba(255, 233, 125, 0.90)");
|
|
|
|
},
|
|
|
|
function(){
|
|
|
|
if(!$(this).hasClass("opened"))
|
|
|
|
$(this).css("background", "rgba(255, 220, 47, 0.90)");
|
|
|
|
});
|
|
|
|
|
2018-08-06 22:12:08 +08:00
|
|
|
$(".song").click(function(e){
|
2018-08-06 19:04:02 +08:00
|
|
|
if (!$(e.target).parents('.difficulties').length) {
|
2018-08-06 22:12:08 +08:00
|
|
|
if ($(".opened").length && $(".opened").attr('id') == $(this).attr('id')) {
|
|
|
|
assets.sounds["cancel"].play();
|
|
|
|
$(".difficulty").hide();
|
|
|
|
$(".opened").removeClass("opened", 300);
|
|
|
|
|
|
|
|
assets.sounds["diffsel"].pause();
|
|
|
|
assets.sounds["diffsel"].currentTime = 0;
|
|
|
|
setTimeout(function(){
|
|
|
|
assets.sounds["song-select"].play();
|
|
|
|
}, 300);
|
|
|
|
|
|
|
|
$('.songsel-title').fadeOut(200, function(){
|
|
|
|
$('.songsel-title').attr('alt', '曲をえらぶ').html('曲をえらぶ').css('left', -300);
|
|
|
|
$('.songsel-title').animate({left:0, opacity:"show"}, 400);
|
|
|
|
});
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
2018-08-07 23:27:10 +08:00
|
|
|
|
2018-08-06 20:41:56 +08:00
|
|
|
|
|
|
|
if(!$('.opened').length) {
|
2018-08-07 23:27:10 +08:00
|
|
|
assets.sounds["don"].play();
|
2018-08-06 22:12:08 +08:00
|
|
|
assets.sounds["song-select"].pause();
|
|
|
|
assets.sounds["song-select"].currentTime = 0;
|
2018-08-06 20:41:56 +08:00
|
|
|
setTimeout(function(){
|
|
|
|
assets.sounds["diffsel"].play();
|
|
|
|
}, 300);
|
|
|
|
|
|
|
|
$('.songsel-title').fadeOut(200, function(){
|
|
|
|
$('.songsel-title').attr('alt', 'むずかしさをえらぶ').html('むずかしさをえらぶ').css('left', -300);
|
|
|
|
$('.songsel-title').animate({left:0, opacity:"show"}, 400);
|
|
|
|
});
|
2018-08-07 23:27:10 +08:00
|
|
|
} else {
|
|
|
|
assets.sounds["ka"].play();
|
2018-08-06 20:41:56 +08:00
|
|
|
}
|
2018-08-06 19:04:02 +08:00
|
|
|
};
|
|
|
|
|
2015-07-17 16:22:46 +08:00
|
|
|
$(".difficulty").hide();
|
|
|
|
$(".opened").removeClass("opened", 300);
|
|
|
|
$(this).addClass("opened", 300, "linear", function(){
|
|
|
|
$(this).find(".difficulty").show();
|
|
|
|
$(this).css("background", "rgba(255, 220, 47, 0.90)");
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.createCode = function(){
|
2018-08-06 18:13:01 +08:00
|
|
|
|
|
|
|
assets.sounds["bgm_songsel"].play();
|
2018-08-06 22:12:08 +08:00
|
|
|
setTimeout(function(){
|
|
|
|
assets.sounds["song-select"].play();
|
|
|
|
}, 200);
|
2015-07-17 16:22:46 +08:00
|
|
|
for(var i=0; i<assets.songs.length; i++){
|
|
|
|
|
|
|
|
var songDir = assets.songs[i].songDir;
|
|
|
|
var songDifficulties = assets.songs[i].files;
|
|
|
|
var titleSplit = songDir.split(" ");
|
|
|
|
var songID = titleSplit[0];
|
|
|
|
var songTitle = songDir.substr(songID.length+1, songDir.length-(songID.length+1));
|
|
|
|
|
2018-08-07 23:27:10 +08:00
|
|
|
|
2015-07-17 16:22:46 +08:00
|
|
|
|
2018-08-07 23:27:10 +08:00
|
|
|
_code += "<div id='song-"+songID+"' class='song'><div class='song-title stroke-sub' alt='"+songTitle+"'>"+songTitle+'</div>';
|
2015-07-17 16:22:46 +08:00
|
|
|
_code += "<ul class='difficulties'>";
|
|
|
|
|
|
|
|
for(var j=0; j<songDifficulties.length; j++){
|
|
|
|
|
|
|
|
var diffName = songDifficulties[j].songFile;
|
|
|
|
diffName = diffName.substr(0, diffName.length-4);
|
|
|
|
var diffLevel = songDifficulties[j].difficulty;
|
|
|
|
|
|
|
|
var starsDisplay="";
|
|
|
|
for(var x=1; x<=diffLevel; x++){
|
|
|
|
starsDisplay+="★<br>";
|
|
|
|
}
|
|
|
|
|
|
|
|
var diffTxt;
|
|
|
|
switch(diffName){
|
|
|
|
case 'easy':
|
|
|
|
diffTxt="かんたん";
|
|
|
|
break;
|
|
|
|
case 'normal':
|
|
|
|
diffTxt="ふつう";
|
|
|
|
break;
|
|
|
|
case 'hard':
|
|
|
|
diffTxt="むずかしい";
|
|
|
|
break;
|
|
|
|
case 'oni':
|
|
|
|
diffTxt="おに";
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
_code += "<li class='difficulty "+diffName+"'>";
|
|
|
|
_code+= "<span class='diffname'>"+diffTxt+"</span>";
|
|
|
|
_code+= "<span class='stars'>"+starsDisplay+"</span>";
|
|
|
|
_code += "</li>";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
_code += "</ul></div>";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#song-container").html(_code);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.display = function(){
|
|
|
|
}
|
|
|
|
|
|
|
|
this.refresh = function(){
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#screen").load("/src/views/songselect.html", _this.run);
|
|
|
|
|
|
|
|
}
|