juan/japanese-drum-game
1
0
Fork 0
mirror of https://github.com/jiojciojsioe3/a3cjroijsiojiorj.git synced 2024-11-15 07:21:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve song selection

Browse Source
This commit is contained in:
Bui 2018-08-23 12:58:48 +01:00
parent 3cc7a201ad
commit 8e5d53f404
3 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/songselect.css
View File

@ -36,22 +36,29 @@ ul li{
.song-title{ .song-title{
float: right; float: right;
display:inline-block; width: 0px;
width:20px; padding: 12px 24px;
height: 100%;
padding:10px;
word-wrap: break-word; word-wrap: break-word;
font-size: 28pt; font-size: 22pt;
color: white; color: white;
margin-right: 10px; margin-right: 10px;
-webkit-text-stroke-width: 2px; position: relative;
-webkit-text-stroke-color: black; z-index: 1;
line-height: 28px;
}
.song-title:before {
content: attr(alt);
position: relative;
-webkit-text-stroke: 0.25em #000;
z-index: -1;
word-wrap: break-word;
} }
.song{ .song{
font-size: 14pt; font-size: 14pt;
width: 60px; width: 45px;
margin-right:20px; margin-right:15px;
height:100%; height:100%;
color: black; color: black;
display: inline-block; display: inline-block;

1
src/js/bufferedloop.js
View File

@ -42,7 +42,6 @@ class BufferedLoop{
source.start(time) source.start(time)
this.bufferedTime=time+duration this.bufferedTime=time+duration
this.sources.add(source) this.sources.add(source)
console.log(this.sources)
setTimeout(function(){ setTimeout(function(){
self.sources.delete(source) self.sources.delete(source)
},duration*1000) },duration*1000)

10
src/js/songselect.js
View File

@ -104,8 +104,9 @@ function SongSelect(){
var titleSplit = songDir.split(" "); var titleSplit = songDir.split(" ");
var songID = titleSplit[0]; var songID = titleSplit[0];
var songTitle = songDir.substr(songID.length+1, songDir.length-(songID.length+1)); var songTitle = songDir.substr(songID.length+1, songDir.length-(songID.length+1));
var songTitleSpace = songTitle.replace(/ /g, ' ');
_code += "<div id='song-"+songID+"' class='song'><div class='song-title stroke-sub' alt='"+songTitle+"'>"+songTitle+'</div>'; _code += "<div id='song-"+songID+"' class='song'><div class='song-title stroke-sub' alt='"+songTitleSpace+"'>"+songTitleSpace+'</div>';
_code += "<ul class='difficulties'>"; _code += "<ul class='difficulties'>";
for(var j=0; j<songDifficulties.length; j++){ for(var j=0; j<songDifficulties.length; j++){
@ -147,6 +148,13 @@ function SongSelect(){
} }
$("#song-container").html(_code); $("#song-container").html(_code);
$('.song').each(function(){
var title = $(this).find('.song-title');
var height = $(title).height();
$(title).css('margin-top', '-' + height/2 + 'px');
document.styleSheets[0].addRule('#'+$(this).attr('id')+' .song-title:before','top:'+height/2+'px;');
});
$('.difficulty').hide();
} }
this.display = function(){ this.display = function(){